Re: [css-d] wrapping a list around an image

[Ari Davidow]

  I played around with the code, and was somewhat shocked to find this
  solution:
 
  ul { display: inline; }
 
  Aren't lists always displayed inline? No matter, it fixes your IE6/Win
  problems. I haven't tested on a Mac though, but I would image/hope it
  would have no effect.
 

No, lists (ol, ul and dl) are defined as block level elements. Check the
HTML 4 DTD:
http://www.w3.org/TR/html4/sgml/dtd.html


This does solve the IE problem, but doesn't solve the Safari issues. It 
=is= true that we have an element in the left navbar that exceeds the width 
defined for it. I'm going to follow up the earlier suggestion to rethink 
the coding for those elements and see if that resolves the issue.

In a worst case, we're changing the sidebar element in about two weeks and 
can pay attention to width issues this time around.

ari


__
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/

Re: [css-d] wrapping a list around an image

[Ari Davidow]

On Dec 14, 2005, at 6:18 PM, [EMAIL PROTECTED] wrote:

http://dev.jwa.org/discover/oralhistory/guide.html


I seem to be having an unexpected amount of trouble wrapping a list
around
an image.

Strange as it may seme, the ul extends under the floated image, so any 
left margin on the ul is masked by the book.  To prove this to yourself, 
set a background-color on the ul.  To get the look you're after, move the 
margin/padding to the li like so.

ul {
 margin: 0;
 padding: 0;
}
li {
 margin: .2em 0 .2em 3em;
}

If I recall correctly, ie/win handles this a bit differently, so my 
suggestion may need a little tweaking for that browser.

PS.  You had a padding of .5 on the li which I removed.  In order to be 
useful it would need a uint such as .5em.


Ah, I went only halfway there when I redefined the li element. I needed 
to zero out ul as well. But this still doesn't work in IE6/Win. Looks 
perfect in Firefox1.0x/Win. Doesn't work in Safari/OSX.

Something is still missing.

ari


__
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/