28220 sujets

CSS et mise en forme, CSS3

J'ai un souci avec le fil d'ariane (breadcrumb) = menu horizontal que l'on place souvent en haut de page.
Ce que je veux : un menu avec des textes alignés à gauche (avec liens sur ces textes) + à droite du menu des images-pictos (lien web, version PDF de la page, etc....).
J'ai essayé deux solutions :
- uniquement CSS, mais je n'y suis pas arrivé
- avec un tableau : à gauche dans une cellule le fil d'ariane de type "texte1 | texte2 | texte3", avec liens, à droite dans des cellules les images-pictos. Mais dans ce cas, je n'arrive pas à désactiver sur ces images le soulignement du lien sur les images qui est défini en début du ficher .css, ce qui a pour effet d'entourer mes images avec une bordure.
Quelqu'un aurait'il une suggestion???
A+
Bonjour,

Je ne suis pas certain d'avoir saisi ta demande, mais d'après ce que j'ai compris, quelque chose comme ceci devrait pouvoir t'aider:

[#black][b]HTML[/b][/#]

<ul id="fil">
	<li><a href="#">Lien</a></li>
	<li><a href="#">Lien</a></li>
	<li><a href="#">Lien</a></li>
	<li><a href="#">Lien</a></li>
	<li><a href="#">Lien</a></li>
</ul>

<ul id="options">
	<li><a href="#"><img src="#" alt="#" /></a></li>
	<li><a href="#"><img src="#" alt="#" /></a></li>
</ul>


[#black][b]CSS[/b][/#]

* {margin:0; padding:0; border:none} [#orange]/* par mesure de sécurité */[/#]
ul {list-style:none} [#orange]/* optionnel */[/#]
#fil {width:70%}
#options {width:30%; text-align:right}
#fil, #options {float:left}
li {display:inline; padding:3px}
Merci à Benjamin Smiley smile .
je vais tester ta suggestion entre 12h et 14h et je te tiens au courant...
A+