Martin,
thanks for your help but im still a little stuck here. Im getting near somethin
in Firefox and Opera, but nothng like it in IE6. Am i making a basic mistake
here?
Thanks for your help in advance...
<style>
ul {margin:0; padding:0}
li {list-style-type:none; padding: 0; margin: 0}
a {display: block; margin-left: 50px}
li img {float: left;display: block;width: 50px;height: 50px;margin-left: -50px}
</style>
<div style="width: 160px;border: 1px solid black;">
<ul>
<li><a href="#"><img src="p10100450ad.jpg">this is some text here so it is to
be sure and begosh begorahh isnt it lovely. begosh begorahh isnt it
lovely.</a></li>
</ul>
<div class="clr"></div>
</div>
________________________________
From: [EMAIL PROTECTED] on behalf of Martin Heiden
Sent: Wed 29/06/2005 15:11
To: [email protected]
Subject: Re: [css-d] Floating images and text in lists
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/
______________________________________________________________________
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/
