Dès fois ça met un peu de relief un petit bord de 1px :)

EDIT Et bien Elie, t'as oublié de mettre résolu ?

Moi dans certains cas. Par exemple une mise en forme de galerie, ça peut être très classe. Tout dépend des images, et du style du site bien sûr.

Qui veut encore des bords sur des images :)

[quote="HyWaN"]C'est correct, mais tu peux enlever @border=0 pour le mettre dans ton CSS :
[code]img { border: 0; }[/code][/quote]

Oui mais j'aurais tendance à être plus précis en faisant

#menu img {border: 0;}

comme ça pas d'éventuels conflits avec d'autres images où tu voudrais des bords :)

C'est correct, mais tu peux enlever @border=0 pour le mettre dans ton CSS :
[code]img { border: 0; }[/code]

Bah au final mon code donne ca :

[code]/* MENU */

#menu {
background:url(img/background_menu_noir.gif);
height: 27px;
width: 100px;
}


#menu ul {
height: 27px;
margin-left: 84px;
list-style:none;
background:url(img/background_menu_jaune.gif) repeat-x;
width: 916px;
}

#menu ul li {
margin: 0px;
padding: 0px;
float: left;
background:url(img/background_menu_jaune.gif) repeat-x;
}

<div id="menu">
<ul>
<li><a href="accueil.html"><img src="img/menu/accueil.gif" alt="Accueil" width="149" height="27" border="0" /></a></li>
<li><a href="boutique.html"><img src="img/menu/boutique.gif" alt="La Boutique" width="133" height="27" border="0" /></a></li>
<li><a href="labo.html"><img src="img/menu/labo.gif" alt="Le Labo" width="133" height="27" border="0" /></a></li>
<li><a href="videos.html"><img src="img/menu/videos.gif" alt="Les Vidéos" width="135" height="27" border="0" /></a></li>
<li><a href="images.html"><img src="img/menu/images.gif" alt="Les Images" width="136" height="27" border="0" /></a></li>
<li><a href="forum.html"><img src="img/menu/forum.gif" alt="Le Forum" width="147" height="27" border="0" /></a></li>
</ul>
</div>[/code]

http://betedebombe.free.fr/anti-cons/

Juste une petite note, si au final tu vas mettre des liens à la place de tout ton bazar, je te conseille de styliser tes liens plutôt que des spans. Et une dernière chose, les liens sont toujours séparés par une séquence de caractères autre que blanc. Si tu ne veux pas faire de liens, ça ne te concerne pas, sinon, si tu n'as pas compris, demandes en moi plus.

Comme le html, le css qui lui est destiné est un langage de description et non de programmation.

Et pour rendre css "intelligent" on fait comme pour rendre html "intelligent" on utilise php qui a été conçu pour ça :wink:

Oauis mais ca, ca va en PHP :)

La je voulais savoir si CSS etait intelligent !

[quote="Calimero"]
Si tu es paresseux (comme moi :lol: ), laisse php générer à ta place les identifiants de chaque élément à partir du nom. Tu peux aussi laisser php générer les classes CSS correspondantes si elles sont toutes construites sur le même modèle.[/quote]

Avec cette technique tu pourrais faire quelque chose comme ça :

$menu = array('0 => Accueil', '1 => Groupes', etc.);

Et puis tu listes ton tableau pour créer le menu ainsi que les id correspondant dans les span. Tu listes également le même tableau pour créer automatiquement tes css.

Ainsi une fois cette technique mise en place il te suffit de compléter le tableau pour ajouter des éléments au menu et générer automatiquement le style correspondant.

Ah tu vois :)

Par exemple ce script :

Le JavaScript prend la valeur contenu dans le SPAN pour calculer le pourcentage a effectuer :

http://www.bram.us/demo/projects/jsprogressbarhandler/

<span class="progressBar" id="element1">15%</span>

[quote="Elie"]Bah je te dis :)

Le contenu du SPAN influe sur le nom de l'image en background :)

Automatiquement ...[/quote]

Hmmm....

[i]Nb: Il a fallu que je me gratte longuement la tête pour comprendre.[/i]

Non, à priori on ne peut pas transmettre de cette façon le contenu textuel de la balise à CSS. Autrement dit CSS ne "sait" pas que ta balise <span> contient le texte "Accueil".

On peut par contre reproduire ce type de fonctionnement en javascript, ce que tu sais déjà.

Une autre solution, que j'emploie pour ce type de besoin, est de donner un id (ça marche aussi bien avec une classe) à chaque span dont le contenu doit être remplacé, ce qui permet de l'identifier aisément via CSS :

[code]#menu_accueil{background-image:url(image_accueil.png);}[/code]

[code]<div id="menu">
<span id="menu_accueil">Accueil</span>
</div>[/code]

Si tu es paresseux (comme moi :lol: ), laisse php générer à ta place les identifiants de chaque élément à partir du nom. Tu peux aussi laisser php générer les classes CSS correspondantes si elles sont toutes construites sur le même modèle.

Bah je te dis :)

Le contenu du SPAN influe sur le nom de l'image en background :)

Automatiquement ...

Il n'y a pas de problème en soi dans le code que tu présentes, c'est pourquoi je t'invite à l'essayer et à en critiquer le résultat.

Je peux te mettre sur la voie si tu expliques clairement ce que tu souhaites obtenir, et en quoi ce code ne te donne pas le résultat que tu attends.

Est-ce que tu peux me mettre sur la voie ?

En JavaScript c'est pas un soucis mais directement en CSS ?

Merci, Elie