stu,

> Here is the kind of thing I am trying to create:
 
> <ul>
> <lI><a href="#"><img src="blah.gif">this is some text that could
> be really long and should display to the right of the image and not
> wrap underneath it if the text is longer than the image in
> height</a></li>
> </ul>
 
First question: Is it a real link, or do you use the <a> for :hover
in IE? If it isn't a link, I wouldn't use <a>.

What about something like this:

<ul>
    <li>
        <img src="blah.gif" alt="blubb" />
        this is some text that could be really long and should display
        to the right of the image and not wrap underneath it if the
        text is longer than the image in height
    </li>
</ul>

li {
   padding-left: 50px;
   behaviour: url('js/mouseover.htc'); /* Teach IE howto hover over
                                          LI. Take a look at son of
                                          suckerfish dropdown [1] for
                                          a brief discussion if to use
                                          .htc or not incl. a script
                                          for doing the same without. */
}
li:hover {
   background-color: red;
}
li img {
   float: left;
   display: block;
   width: 50px;
   height: 70px;
   margin-left: -50px;
}

[1] http://www.htmldog.com/articles/suckerfish/

regards,

  Martin

 

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to