SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    676
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Inline background images

    OK, I know I am missing something simple here but I am not able to figure it out for the life of me.

    All I want to do is put three(3) block level elements on the same line with a background image.(see attachment) But the moment I put in display:inline; in the css for a H tag the background images disappear. I know this is simple enough but I am missing something here. Would appreciate someone ending this frustration for me.

    many thanks,
    Houston
    Attached Images Attached Images
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Inline elements cannot accept dimensions. If you want block level elements on the same line then float them. (You could also use display:inline-block but its not supported in FF2 and is complicated to make work in IE also.)

  3. #3
    SitePoint Guru htown's Avatar
    Join Date
    Mar 2005
    Posts
    676
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, that is good news and bad news. Bad because it wont work and good because I was not going crazy.

    Thank you Paul
    Houston Brown
    Split Light Designs
    Bringing your ideas to light.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •