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:
Code:
<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:
Code:
<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