You are here: Re: justify <li> list to the right « HTML « IT news, forums, messages
Re: justify <li> list to the right

Posted by Jukka K. Korpela on 03/06/07 12:18

Scripsit Norman:

> thanks for your reply

By a comprehensive quotation, you indicate lack of comprehensive reading.

> i don't have a url to show as this is on my local development machine,

If you want help from the public, you need to give the public a working
chance to help you. Minimally this includes the small trouble of uploading
your demo page onto a web server.

> i am currently re-working the http://uktravellist.info site at the
> moment the live site uses tables to display the left navigation, i am
> replacing it with a list.

I'd suggest learning how to use normal mixed case and normal punctuation in
simple texts before trying to get any further in the path of authoring.

> so i guess to rephrase my question ;)
>
> on a list-style: none, how can i align the wrapped text so that it
> sits under the first line?

The question is still obscure, but it sounds like you would actually want to
have the first line in a list item indented more than the other lines. This
would be e.g.

ul { list-style-type: none; }
li { text-indent: 1em; }

(without considering the overall left margins of the <li> and <ul> elements,
which are a distinct and easily manageable issue)

or - perhaps somewhat clumsier but possibly more robustly (browsers have
some bugs with text-indent in printing) - with the second rule replaced by

li:first-letter { padding-left: 1em; }

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация