HighDots Forums  

UL list marker in wrong place

Website Design comp.infosystems.www.authoring.site-design


Discuss UL list marker in wrong place in the Website Design forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
gallery
 
Posts: n/a

Default UL list marker in wrong place - 08-24-2004 , 03:08 PM






For some reason, the marker of a wrapped list item is showing up in the last
line of the wrapped text

http://www.anexio.com/KBN/working.html
http://www.anexio.com/KBN/styles-kbn.css

li {
margin-left: 90px;
padding-left: 0;
width: 380px;
list-style-type: square;
}

only in IE 6x ......... in Firefox it's displaying fine.

For example under "Services and Workshops" the first list item is:

Market/Audience Research for Strategic Planning, Capital and Endowment
Campaigns

But the marker shows up next to "and Endowment ...." the second line of the
wrapped text.

Can someone help me with this?







Reply With Quote
  #2  
Old   
Mark Parnell
 
Posts: n/a

Default Re: UL list marker in wrong place - 08-24-2004 , 07:26 PM






On Tue, 24 Aug 2004 15:08:11 -0400, gallery <mcannon_2000 (AT) yahoo (DOT) com>
declared in comp.infosystems.www.authoring.site-design:

Quote:
For some reason, the marker of a wrapped list item is showing up in the last
line of the wrapped text

http://www.anexio.com/KBN/working.html
http://www.anexio.com/KBN/styles-kbn.css
Could be something to do with your setting the line-height (on
#contentwrap).

line-height: 1.5;

1.5 what? Hobnobs?

Take that out and see what happens.

While we're at it, don't specify font sizes in px - IE users can't
resize it. Use % - 100 of them.

You may also want to have a look here:
http://www.allmyfaqs.com/faq.pl?AnySizeDesign

You also have 2 id="footer" - either remove one of them (you could take
it off the image, since it's inside the div anyway) or make it a class.

--
Mark Parnell
http://www.clarkecomputers.com.au


Reply With Quote
  #3  
Old   
Darin McGrew
 
Posts: n/a

Default Re: UL list marker in wrong place - 08-24-2004 , 07:46 PM



gallery <mcannon_2000 (AT) yahoo (DOT) com> wrote:
Quote:
For some reason, the marker of a wrapped list item is showing up in the last
line of the wrapped text

http://www.anexio.com/KBN/working.html
http://www.anexio.com/KBN/styles-kbn.css
Mark Parnell <webmaster (AT) clarkecomputers (DOT) com.au> wrote:
Quote:
Could be something to do with your setting the line-height (on
#contentwrap).

line-height: 1.5;

1.5 what? Hobnobs?
1.5 times the element's font size:
http://www.w3.org/TR/REC-CSS2/visudet.html#line-height
--
Darin McGrew, mcgrew (AT) stanfordalumni (DOT) org, http://www.rahul.net/mcgrew/
Web Design Group, darin (AT) htmlhelp (DOT) com, http://www.HTMLHelp.com/

"I used to have a handle on life, but it broke."


Reply With Quote
  #4  
Old   
Mark Parnell
 
Posts: n/a

Default Re: UL list marker in wrong place - 08-24-2004 , 07:58 PM



On Tue, 24 Aug 2004 23:46:51 +0000 (UTC), Darin McGrew
<mcgrew (AT) stanfordalumni (DOT) org> declared in
comp.infosystems.www.authoring.site-design:

Quote:
1.5 times the element's font size:
http://www.w3.org/TR/REC-CSS2/visudet.html#line-height
Ah, thanks. I was under the impression that _all_ non-zero figures had
to have a unit. Should have realised when the validator didn't complain,
though. :-)

--
Mark Parnell
http://www.clarkecomputers.com.au


Reply With Quote
  #5  
Old   
gallery
 
Posts: n/a

Default Re: UL list marker in wrong place - 08-27-2004 , 11:41 AM



I thought I'd pass along the fix to my problem .... which came from Brett
Merkey -

Quote:
IE does not respond well to applying the WIDTH property to LI. Try removing
it from there and apply the width to the UL tag instead.

I did and it worked ... here's the page

http://www.kbnandassociates.com/working.html


Thanks to all who offered suggestions ........ Marje



"Mark Parnell" <webmaster (AT) clarkecomputers (DOT) com.au> wrote

Quote:
On Tue, 24 Aug 2004 23:46:51 +0000 (UTC), Darin McGrew
mcgrew (AT) stanfordalumni (DOT) org> declared in
comp.infosystems.www.authoring.site-design:

1.5 times the element's font size:
http://www.w3.org/TR/REC-CSS2/visudet.html#line-height

Ah, thanks. I was under the impression that _all_ non-zero figures had
to have a unit. Should have realised when the validator didn't complain,
though. :-)

--
Mark Parnell
http://www.clarkecomputers.com.au



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.