2 Problème Css

Bonjour a tous,

J'ai actuellement 2 problèmes avec 2 kits différents

le 1er c'est que je voudrais aligner 3 colonnes formé avec des div's

<div id="1">1er texte</div>
<div id="2">2ème texte</div>
<div id="3">3ème texte</div>

mais apres je ne sais pas comment faire

qui aurai la solution pour que le css met tout bien en ligne
ou qui aurai tout simplement un autre proposition, mais elle se doit légere au niveau du code xhtml

et 2ème petit pb

c'est que le doit aligner un suite de 5bouton, or entre chaque boutons il y un espace qui se met

<div id="liens">
	<a href="#accueil"><img src="images/accueil.png" alt="accueil" class="img" /></a>
	<a href="#forum"><img src="images/forum.png" alt="forum" class="img" /></a>
	<a href="#contact"><img src="images/contact.png" alt="contact" class="img" /></a>
	<a href="#liens"><img src="images/liens.png" alt="liens" class="img" /></a>
	<a href="#livre"><img src="images/livre.png" alt="livre" class="img" /></a>
</div>

Merci pour votre aide précieuse

Pour ton renseignement me demander^^

Sallut,
Je suis pas sûr de tout bien pigé, mais en règle générale, évite les "id", c'est trop puissant pour être utilisé comme ca :

<div class="col">1er texte</div>
<div class="col">2ème texte</div>
<div class="col">3ème texte</div>

et

.col{float: left; width: 100px;}

Ensuite, utilises mieux les balises HTML (là utilise plutot de <ul><li>...) :

<ul class="liens">
<li><a href="#accueil"><img src="images/accueil.png" alt="accueil" class="img" /></a></li>
<li><a href="#forum"><img src="images/forum.png" alt="forum" class="img" /></a></li>
...
</ul>

et

ul.liens li{list-style-type: none; float: left; margin: 0 10px}

Bonjour bbmaster,
La balise <a> est une balise "inline". Pour éviter les espaces entre les images, ne met pas de retour à la ligne. Soit la solution xhtml suivante:

<div id="liens"><a href="#accueil"><img src="images/accueil.png" alt="accueil"
class="img" /></a><a href="#forum"><img src="images/forum.png" alt="forum"
class="img" /></a><a href="#contact"><img src="images/contact.png" alt=
"contact" class="img" /></a><a href="#liens"><img src="images/liens.png" alt=
"liens" class="img" /></a><a href="#livre"><img src="images/livre.png" alt=
"livre" class="img" /></a></div>

La solution par "liste" préconisée par dhjapan est néanmoins préférable.