Jump to content

Recommended Posts

Posted

Wrapped text is not aligning with indented text above when displayed. How do you get the two lines to line up?

jfdlajfldjfldajlfdjsfldjslfjdlfjdlajfdljfldjfdlajfldjfldjafldjlfd

jfdlajfldajfldjsalfjdasljfdlajfdlsajfldajlfdajlfdjalfdjslfjdlajfldjfdlsajfldajlfd

jjfdlsajfldjafldjsalfjd

 

 

ul ul {

list-style-type: circle;

font: italic 1.1em serif;

line-height: 1.1;

text-indent: 18px;

list-style-position: inside

}

Posted

I changed the text-indent to padding left:

 

padding-left: 32px

 

Also changed the list style-position to outside and that did the trick.

 

Thanks, Mark

Posted

Sorry, may not have showed the whole picture.

 

I have several ul nested within one ul.

Posted
The Inner UL should be contained within a LI tag of the outer UL in order to validate.

Thanks jlhaslip. It is, I left it out of the example - sorry.

 

 

jfdlajfldjfldajlfdjsfldjslfjdlfjdlajfdljfldjfdlajfldjfldjafldjlfd

jfdlajfldajfldjsalfjdasljfdlajfdlsajfldajlfdajlfdjalfdjslfjdlajfldjfdlsajfldajlfd

jjfdlsajfldjafldjsalfjd

 

I am also having a problem with the text in IE 8 displaying differently within both

  • than in FF, Safari and Opera. I'm not sure why. Would I have been better off to use headings with an
    • instead?

 

In IE the

in the first
  • is smaller than in other browsers and the nested ul li's are larger than in other browsers?
Posted

Place the font-size declaration listed above on the first ul only.

As listed, the second UL font will be 10% larger than the outer ul. (1.1em)

Having that font-size *should* inherit to the inner if placed on the outer UL.

 

not tested.

Posted

"As listed, the second UL font will be 10% larger than the outer ul. (1.1em)"

 

10% larger? It sure the hell is and that was the problem - thanks!

 

Mark

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...