2012-12-17 62 views
-1

我很難過這一個。什麼是最優雅/有效的方式來做到這一點?我在左邊有一個h3,重複的符號/圖像(「::::::」),然後是一個鏈接。這發生在整個站點的幾個h3 /鏈接區域之間。垂直重複標題和鏈接之間的圖像填充空間

另請注意,我使用的是12列架構,特別是Foundation。

example

+0

ahhh,文本元素的背景。輝煌:) –

+0

你必須等待他重新發布他的評論作爲答案才能接受它。 – cimmanon

+0

我已將該評論轉貼爲答案。此外,你應該檢查你已經問過的其他問題,並確保沒有你可以接受的潛在答案。 – JCOC611

回答

1

設置與重複符號和100%的寬度的背景元素,然後設置在白色背景的文本,並將其放置在背景。

<div id="wrapper"> 
    <div id="text1">Featured Courses</div> 
    <div id="text2">See All Courses</div> 
</div> 

和CSS:

#wrapper{ 
    width:100%; 
    background:url(image.png) repeat-x; 
    height:20px; 
} 
#text1, #text2{ 
    background-color:#fff 
    padding:5px 
    height:10px; 
} 
#text1{ 
    float:left 
} 
#text2{ 
    float:right 
} 

這可能是不準確你需要什麼,但你的想法。

+0

很好,謝謝一堆 –

相關問題