Jump to content

Text position in banner


Recommended Posts

I'm embarrassed to even post this, because it should be so darn simple. I'm scratching a bald spot on my scalp!


Have a look http://www.plainvanillagraphics.com/Kats/index.html


I (obviously!) want the text "Kat's Family Hair Care" to appear up in the banner next to the logo. I have "floated" and "cleared" made new div's but it just sits down there like a dog turd!





Link to comment
Share on other sites

Floats and all that stuff are tricky sometimes. I cleaned up the html (only in the banner area), got rid of the corresponding css, and added some css. Works in all...



Kats Family Hair Care





Some text here. vmwo9ovj ms.kfe qmvoe




Edited by Eric
Link to comment
Share on other sites

Sure, the float (h1) needs to be above the img in the html. vertical-align: bottom was for ie6 otherwise it has a small space below the image. This is because an image is an inline element and therfore, by default, it's allowing room for things such as the tail of a "p". You can also fix that by giving the image display block, or the banner overflow hidden, or font-size 0.


There are many ways to do what you wanted. Just use whatever you understand better.

Link to comment
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.
Note: Your post will require moderator approval before it will be visible.

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.

  • Create New...