|
|
Posted by Norman on 03/06/07 11:45
On Mar 6, 12:17 pm, "Jukka K. Korpela" <jkorp...@cs.tut.fi> wrote:
> Scripsit Norman:
>
> > #leftcontent ul li {
> > background-color:transparent;
> > list-style: none;
> > list-style-position: outside;
> > }
>
> The identifier "leftcontent" is not semantic but reflects the intended
> rendering, so it does not fit into the idea of separating content from
> presentation.
>
> Setting "background-color" without setting "color "is pointlessly risky,
> especially since "transparent" is the default value.
>
> Setting "list-style-position" is generally pointless after setting
> "list-style" to "none". What does it matter where you position a nonexistent
> marker?
>
> > the problem which i cannot see how to solve is that if the list item
> > wraps in two line i get the following effect:
>
> > text text text
> > second line text
>
> Huh? This, together with the Subject-line, suggests that you are doing
> something that supposedly aligns to the right. What else is there that you
> are not telling us? Besides the URL, that is.
>
> > how can i modify the css so that the text aligns under the text rather
> > then the bullet point?
>
> What bullet point? You just said list-style: none.
>
> > i have tried both
>
> > list-style-position: outside;
> > list-style-position: inside;
>
> > but nothing happens?!
>
> Miraculously, the nonexistent bullet does not care whether it is outside or
> inside! Oh, you nonchalant universe! What a Weltschmerz we must experience!
>
> --
> Jukka K. Korpela ("Yucca")http://www.cs.tut.fi/~jkorpela/
thanks for your reply, i have removed the 'useless' entries from the
css.
i don't have a url to show as this is on my local development machine,
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.
my template file has this entry for the leftcolumn
<div id="container">
<div id="left">
<div id="leftcontent">
<ul stl:repeat="topic topics">
<li>
<a href="${topic/href}">${topic/title}</a>
</li>
</ul>
</div><!-- /leftcontent -->
this is why i use the identifier "leftcontent"
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?
cheers
norman
[Back to original message]
|