Re: [css-d] ul, p after image floating left
hi peter, in addition to Philippes explanation: This is any text on the right side of the image This is a list entry behaving badly This is another list entry behaving badly seems to work everywhere (i.e. XP, IE6, 7, Win7, Mac etc) tina > Von: Göldi > Datum: Wed, 18 Mar 2009 09:15:01 +0100 > An: CSS-Discuss > Betreff: [css-d] ul, p after image floating left > > Hi all > > i have a question regarding behaviour of unordered lists beside a > left-floating image compared to a another element like paragraph. > > here is the code: > > > > This is any text on the right side of the image > > This is a list entry behaving badly > This is another list entry behaving badly > > > > this happens: the paragraph's text starts exactly after the image, > same does the list's text, but not the bullets, they are *over* the > image itself (hidden in ie7), and that's not what I want > > 'workarounds': > - "list-style-position: inside" moves the bullets out of the image, > but i do not want inside bullets. > - fiddling with margins: i could set left margin for the ul, but > what's if there is an image with different width or no image at all? > > i wonder why these lists are rendered as they are, because i can not > imagine a case for which this behaviour is useful. > > any help/good workarounds/comments appreciated! > > thanks > -peter > __ > css-discuss [cs...@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Layout still broken, new problems
hi kimi, IE6 e.g. does not recognize min-... (min-width). I think you designed on a fixed layout - so you can use simply "width:780px" in your body thats the first. If you got an Intel Mac I recommend to install virtualbox (www.virtualbox.org) and some windows environments for testing. otherwise you'll never see that what 80% others see :) ciaociao tina > Von: Kim Brooks Wei > Datum: Tue, 17 Mar 2009 00:23:43 -0400 > An: CSS-Discuss > Betreff: [css-d] Layout still broken, new problems > > Hi there People, > > I got my site to look the way I wish it to on my own Mac in Safari > and FF but the layout seems broken in other environments. A friend > using IE and another using FF told me that my type sits on top of the > tiger and can't be read. They are not seeing the layout the way I > wish it to look. > > Look I want here http://thewei.com/sandbox/tw/test/ > Look people are getting here http://thewei.com/sandbox/tw > > Help appreciated muchly. > > Cheers, > Kimi > > -- > This email sent by > Kimi Wei > 201-475-1854 | k...@thewei.com | thewei.com > __ > css-discuss [cs...@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] inline-block ignored by IE6
hi geoffrey,
did you try
display:inline
put it in example 3 and it seems to work everywhere.
tina
> Von: Geoffrey Hoffman
> Datum: Mon, 16 Mar 2009 11:44:47 -0700
> An: CSS-Discuss
> Betreff: [css-d] inline-block ignored by IE6
>
> Hi List,
>
> I'm trying to code a Photoshop layout given to me where the H1 element
> has a border-bottom that is only the length of the text. I first tried
> this:
>
>
>h1 {
> font-size:160%;
> font-family:"Times New Roman", Times, serif;
> font-variant:small-caps;
> border-bottom:1px solid maroon;
>}
>Lorem Ipsum Dolor Sit Amet
>
>
>
> The problem with the above is that the maroon line goes all the way to
> the right edge of the container. As it should; H1 is a block level
> element.
>
> Even though the below example looks perfect, I would like to avoid using
> a span tag if possible, because in addition to extraneous markup, the
> site content will be editable from within a CMS and I can't expect my
> users to know about inserting span tags inside their h1's...
>
>
>
>h1 {
> font-size:160%;
> font-family:"Times New Roman", Times, serif;
> font-variant:small-caps;
>}
>h1 span {
> border-bottom:1px solid maroon;
>}
>Lorem Ipsum Dolor Sit Amet
>
>
>
> I just discovered that display:inline-block gives me exactly what I want
> in Gecko:
>
>
>
>h1 {
> font-size:160%;
> font-family:"Times New Roman", Times, serif;
> font-variant:small-caps;
> border-bottom:1px solid maroon;
> display:inline-block;
>}
>Lorem Ipsum Dolor Sit Amet
>
>
>
> But as with most wonderfully simple solutions, of course, IE6
> misbehaves.
>
> I've already had a look at trying to force hasLayout, using zoom: 1 [1],
> and other IE6/7 inline-block posts[2] but none seem to work in my case.
>
> Any suggestions?
>
> Thanks,
>
> Geoff
>
> [1] http://www.satzansatz.de/cssd/onhavinglayout.html
> [2] http://www.brunildo.org/test/InlineBlockLayout.html
>
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
