[octavia]

I just started learning how css works. I'm trying to create a website which will be bilingual in the short run and tri-lingual in the long run. So I want to keep everything as uniform as possible to make it easier to translate.

So I created the banner-like thingie (which I called buttons-table) where the layout of the banner and buttons (Home, About us, Contact, etc) and the background, text color, etc. go in a .css file (pic:img301.imageshack.us/img301/9241/hometi8.jpg). But since, I'm using different languages, I don't want to use graphics but clickable text (later I can add some effects to it). So I did this:

<div class="buttons-table">
HOME
</div>

.buttons-table is in the css file.

So I want to set the placement of each text-button (Home, About us, etc.) manually, in case I'd have to modify it if the words are too long in any of the languages. So the banner-like thingie (sorry!) would look like this: HOME ABOUT US CONTACT ETC. And the html files would have the positioning of each button. For instance:

<div class="buttons-table">
HOME

ABOUT US

CONTACT

ETC
</div>

The problem is that I dunno how to do this, given the fact that the text is between the div tags. Should I use html or would it be better if I use css within the file, if so, which tag?

Thanks

[haku]

This should probably be able to help you:

Floatutorial: Tutorial 5 - Step 1

[octavia]

Thanks but I don't want to create a list. The text should be aligned horizontally.

I forgot to add that I was gonna use:

P { .... }

But the P adds a paragraph when what I want is to add the text to the right of the previous text. Is there a way to add this without the P thing?

PS. Nevermind that, I just saw the rest of the steps. Thanks!

[John Good]

Originally Posted by octavia

I don't want to create a list. The text should be aligned horizontally.

then you should read that too

[octavia]

Thank you John.