mboehler3 Posted September 2, 2009 Share Posted September 2, 2009 The top of the image has the background-image behind it, but once the text stops, so does the background-image. Here is my HTML:<div class="tabbertab"> <h3><div runat="server" id="tab1" class="description">{Tab Title #1}</div></h3> <div class="tabs-margin"> <div class="tabs-image"><img src="w200xhauto.png" width="200" height="200" runat="server" id="image_tab1" maxwidth="200" minwidth="50" maxheight="400" minheight="20" /></div> <div class="tabs-headmain"><span runat="server" id="title_tab1">Enter headline here.</span></div><br /> <div class="tabs-headsub"><span runat="server" id="subtitle_tab1">Enter subheadline here.</span></div><br /><br /> <div class="tabs-content"><span runat="server" id="descriptive_tab1">Enter text here.</span></div> </div></div> And CSS: .tabs-margin{padding:15px 35px 0 25px;}.tabs-headmain{font-weight:bold; font-size:18px; width:300px;}.tabs-headsub{font-size:14px; width:300px;}.tabs-content{width:300px;}.tabs-image {float:right;}.tabberlive .tabbertab {width:625px; padding:5px; background-image: url('tabber-bckground.gif'); background-repeat: repeat-y; border-top:0;} Link to comment Share on other sites More sharing options...
dsonesuk Posted September 2, 2009 Share Posted September 2, 2009 no period separating classes, if that does not fix it try adding overflow: hidden;.tabberlive, .tabbertab {width:625px; padding:5px; background-image: url('tabber-bckground.gif'); background-repeat: repeat-y; border-top:0; overflow:hidden;}edit: also i thing you find that <h3></h3> should be inside a div element.<div runat="server" id="tab1" class="description"><h3>{Tab Title #1}</h3></div> Link to comment Share on other sites More sharing options...
mboehler3 Posted September 2, 2009 Author Share Posted September 2, 2009 no period separating classes, if that does not fix it try adding overflow: hidden;.tabberlive, .tabbertab {width:625px; padding:5px; background-image: url('tabber-bckground.gif'); background-repeat: repeat-y; border-top:0; overflow:hidden;}Thank you, the overflow:hidden works perfectly! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.