Voila, mon menu est horizontal, et se presente sous la forme de 5 images cotes a cote. A cote de ces images, je voudrais mettre soit un texte, soit une image (je sais pas trop encore! ) mais aligne sur le restant de l'espace. Bien sur, ca doit se redimensionner avec la fenetre, sauf s'il n'y a plus de place pour diminuer la largeur.
Comment faire?
La j'ai un code basique qui fait :

<A...><IMG .../></A>
<A...><IMG .../></A>
<A...><IMG .../></A>
<A...><IMG .../></A>
<A...><IMG .../></A>
<SPAN class="title">Project connexion</SPAN>

J'ai rien dessus dans la css. le text-align ou le align="center" ne fonctionnent pas.

<A...><IMG .../></A> TEXT 1
<A...><IMG .../></A> TEXT 2
TEXT 3'<A...><IMG .../></A>TEXT 3
<A...><IMG .../></A>
<A...><IMG .../></A>
et voila c'est aligné !

(ps, j'ai pas compris la question?)

Bon je crois que j'ai beaucoup de mal a expliquer.
En gros, j'ai un bandeau qui fait 40 pixels de hauteur. Sur la gauche du bandeau, j'ai 5 icones qui font le menu, et qui doivent rester alignees a gauche. Il me reste tout l'espace du milieu et de droite, et j'aimerais y mettre le titre ou le logo du projet, sans que cela reste colle contre les icones du menu.

essaie une fois ça, pas essayé mais c'est tellement barbare que ça devrait marcher

<span class="gauche"><a><img truc machin chose />pouet</a></span>
<span class="droite">tagadatsointsoin</span>

et dans la css
.gauche
{ text-align : left; }
.droite
{ text-align : right;}

Pour pas se faire chier :

Fifouille : deja essaye, marche pas.

Erel : ouais, eventuellement, j'y avais pas pense!


Merci

Tu as aussi :



ou dans le genre quoi

Le 02 février 2005 - 20 h 22, Erel69 a écrit : Tu as aussi :     Code html     1. <div> 2.     <div style="float:left;"> 3.     <!-- LES IMAGES DU MENU //--> 4.     </div> 5.     <div style="float:right;"> 6.     <!-- TON TEXTE //--> 7.     </div> 8. </div> ou dans le genre quoi

C'est beaucoup mieux si ca marche car ta solution precedente etait un petit retour en arriere

Ouais, ca non plus j'y avais pas pense, j'aurais du!

+1 pour erel
moi j'aurai fait avec un <table>

Tiens question a la con : pourquoi utiliser des div plutot que des table? Parcque les 2 marchent aussi bien en fait, alors pourquoi faut-il eviter les tables?

Perso, j'utilise les <table> quand j'ai des pages "compliquées" a faire au niveau des images . Je sais que certains ne les aime pas, mais je trouve que c'est un bon moyen de "caler" une page. La difficulté avec les <table>, c'est de bien gerer les colspan et rowspan, sinon, c'est la galère...

J'avoue que je comprends pas trop la guéguerre entre les <table> et les <div>.

Les tables sont là pour structurer visuellement une page (ou une partie de page) et les div pour gerer les calques je crois. non ? il me semble que ces balises ne se font pas concurence, et qu'elles ont toutes deux une fonction propre.

Par contre, je crois avoir entendu dire que les css fonctionnent bien avec les <div>

vous en pensez quoi ?

Le 06 février 2005 - 11 h 00, ze.bassman a écrit : Les tables sont là pour structurer visuellement une page (ou une partie de page)

Cette utilisation est justement une derive de l'usage de la balise <table> du temps (antediluvien) ou les standards de presentation n'etaient pas encore au point ou ils sont maintenant !

Actuellement, le W3C dit qu'une separation nette doit etre faite entre l'information (le contenu de ta page) et sa presentation (de facon generale) ..

Allez, zou, a la peche aux infos -> ici ..

Merci!

Attention les tables et les div n'ont pas du tout la même fonction même si on peut faire le même genre de chose avec !

Les tables ont été conçu à la base pour faire des tableaux et non pour mettre en page les éléments d'un site (ça c'est le role des div). Sinon je confirme ce qui s'est dit avant: les div sont plus compatibles avec les css que les tables. En fait le problème ne vient pas vraiment des css mais du calcul de taille fait par les navigateurs: il n'intervient pas au même moment ni avec la même formule sous IE et Firefox et donc un site fait avec des tables sous IE et sous FireFox ne s'affichera pas pareil contrairement aux div (gare à l'usage des rowspan sous IE).

Sinon pour ton problème Woofy tu peux utiliser les attributs CSS padding et margin:

- soit tu ajoutes dans la classe de tes images margin-right:5px; (ou padding-right je confonds les deux )
- soit tu fais une classe pour tes étiquettes et tu mets margin-left (ou padding-left).

En fait, margin va placer la marge a l'exterieur, et padding a l'interieur. Mais merci pour la réponse.
On a utilisé des tables.
Me demandez pas pourquoi, moi je fait pression pour qu'on utilise des divs, qu'on met les registers globals a off, ...