Re: [libreoffice-website] TODO #5 SilverStripe site International page fix

Hi David,

On Sat, Dec 11, 2010 at 8:27 AM, David Nelson <commerce@traduction.biz> wrote:
> On the International page, would it be possible to apply this style to
> the NL sites list:
>
> <ul class="ul-libreoffice">

Not /that/ easy (I could need help from css experts on that one then)

The list is currenlty rendered with display:table[-row|-cell], in
order to have the languages aligned.
If I just add the ul-libreoffice class, this will cause the triangle
to displaye for each child of the li as well, not just for the li -
and the margins are ignored as well, resulting in the triangle to be
written over the text.

So if anyone has a nice css way of aligning items without using
fixed-width divs, then please tell me...

I mean the following
<ul>
 <li><a href="..">short</a><div/span/whatever>infoA</div></li>
 <li><a href="...">loooooooooooooong</a><div/span/whatsoever>infoB</div></li>
</ul>

I want "infoA" and "infoB" to start at the same horizontal position, i.e not

short infoA
loooooooooooooong infoB

but have infoA move to the right, to the same horizontal position as infoB

This works nicely with the display:table-row for the li and
display:table-cell for the children of li.
(with the abovementioned drawback of not being able to style the list
as requested).

So please css-experts/website hackers: How would you do it?

ciao
Christian

-- 
Unsubscribe instructions: E-mail to website+help@libreoffice.org
List archive: http://www.libreoffice.org/lists/website/
*** All posts to this list are publicly archived for eternity ***