brown2005 Posted January 15, 2007 Share Posted January 15, 2007 h4 {margin-top: -25px;width: 579px;height: 74px;background: url(4.gif) no-repeat;}hi i have that in the css and then <h4><span>Go go go</span></h4>where the image is, but the text go go go does not show up, any ideas please? Quote Link to comment Share on other sites More sharing options...
ted_chou12 Posted January 15, 2007 Share Posted January 15, 2007 4.gif is your image? Quote Link to comment Share on other sites More sharing options...
ted_chou12 Posted January 15, 2007 Share Posted January 15, 2007 i dont think you need the span, try removing itTed Quote Link to comment Share on other sites More sharing options...
brown2005 Posted January 15, 2007 Author Share Posted January 15, 2007 nope that didnt work mate Quote Link to comment Share on other sites More sharing options...
.josh Posted January 15, 2007 Share Posted January 15, 2007 kind of hard to help without knowing what the rest of your layout/style looks like...you can start by posting a link to the offending page.. Quote Link to comment Share on other sites More sharing options...
Ninjakreborn Posted January 15, 2007 Share Posted January 15, 2007 It is probably because you don't have a color applied to the Text itself.[quote]h4 {margin-top: -25px;width: 579px;height: 74px;background: url(4.gif) no-repeat;}hi i have that in the css and then<h4><span>Go go go</span></h4>where the image is, but the text go go go does not show up, any ideas please?[/quote]What you are showing us here, is you have a header tag, and a span tag inside it, with text.Here you show you are trying to put in the image.You did the image right, so it appears, you have a width/height set to it. The margin top, to give it some spacing, but you didn't specify a color of the text. By default text (in css), starts off black, by default. If the image is black, dark in color, or conflicing colors, you won't be able to read the text because of hte image color. If it's a darker color try setting text tocolor:#FFFFFF; Quote Link to comment Share on other sites More sharing options...
Jtech Posted January 15, 2007 Share Posted January 15, 2007 Do this [code]span.picturebackground{margin-top:0;width: 579px;height: 74px;background: url(4.gif) no-repeat;}h4{size:22pt;float:center;}[/code]this is the body text now [code]<span class="picturebackground"><h4> goo goo goooooo </h4></span>I think that should work [/code] Quote Link to comment Share on other sites More sharing options...
Jtech Posted January 15, 2007 Share Posted January 15, 2007 Opps delete the size:22pt in the <h4> attribute that wasnt ament to be there it will overwrite the <h4> size Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.