Jump to content

Background Image Breaks When Image Placed On Top...


Recommended Posts

bgbreak.gifThe 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 post
Share on other sites

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>

Edited by dsonesuk
Link to post
Share on other sites
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 post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...