2013-08-29 28 views
0

我有兩個Joomla模塊位置。它們堆疊在相同的模塊位置。我需要將這兩個模塊作爲單個顯示的模塊出現在網頁上,並且所有模塊都帶有單個邊框。使兩個Joomla模塊顯示爲一個具有單個邊框的邊框?

如何在不修改這些模塊中的任何一個的PHP代碼的情況下實現這一目標?我想這可能是用CSS完成的,但我不是CSS的專家。也許爲這兩個模塊添加模塊類後綴可能會使它們看起來無縫連接?如果是這樣,我該怎麼做?

+0

你有兩個模塊在同一個位置?我會在該位置放置一個div,給它一個類,然後使用css來控制位置的外觀。或者你可以使用模塊chrome進行檢查,看看給定模塊是否是第一個,最後一個或位於該位置的中間,並根據該模塊應用類。 – Elin

+0

我可能知道如何用CSS來解決這個問題,而不需要修改你的PHP,但我需要看到正在輸出的HTML。你可以粘貼或鏈接到它? –

+0

@Elin當你說把一個div放在這個位置上時,你在說要修改Joomla模板來做到這一點嗎? – Edward

回答

0

好,而不能查看HTML,我會假裝這兩個組件才能得到輸出爲<div> s的類themodule,而一些填充,邊框和邊距已經應用這樣的事情:

.themodule { 
    padding: 1em; 
    border: 0.1em solid black; 
    border-right: 0; 
    margin: 2em; 
} 

如果添加此:

.themodule + .themodule { 
    padding-left: 0; 
    border-left: 0; 
    border-right: 0.1em solid black; 
    margin-left: 0; 
} 

這一個又一個的指任何.themodule directy將獲得砍傷左填充,邊界和利潤,因此推抵正對着前面的一個和我視覺是同一個盒子的一部分。

希望你可以申請你的案件,但讓我知道你是否有問題。