Posted by Jonathan N. Little on 10/17/07 21:21

lisztnet@aliceadsl.fr wrote:
> i have learned css /html for 2 weeks and still don't dare to write a
> line of code... kind of shyness, drives me nuts. Too many things to
> remember. too many details

Many you should start simply and after your gain some experience try for
more ambitious projects.
>
> I wanted to build a list in a vertical navigation bar, 2 items with
> text and a flag on the left.

Okay.
Style:

ul.navbar { margin:0 padding:0; list-style: none; }

<ul class="navbar">
<li>
<img src="flag.gif" alt="a flag">
<a href="http//:www.example.com/hither.html">Hither</a>
</li>
<li>
<img src="flag.gif" alt="a flag">
<a href="http//:www.example.com/yonder.html">Yonder</a>
</li>
</ul>

> -the text has background color, so how will the flags been aligned
> perfectly to the decoration ?

What decoration? As above, they would be on the same line...

IF you want the images aligned to the top of the text then...

ul.navbar li img { vertical-align: top; }

> -if i use images, i can't change the color on fly, and i have to print
> text inside the images at constant (abolute) place... since i'm too
> lazy, it's not done yet.

What color?

>
> ImageMagik have a nice text to image feature, well it could save some
> code.
>
> maybe tables ?

How will that help?

Maybe you should give it your best shot at what you are trying to do
upload to your server and post the url here. We might be better able to
assist.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]