[quote="albat"]N'oublie pas qu'on bosse à 100 mètres l'un de l'autre ! :twisted: [/quote]
Perdu : [i]tu bosses[/i] à 100 mètres de là où [i]j'habite[/i] (je bosse toujours à Boulogne).
[quote="albat"]Tiens, pour la peine, quand c'est que tu m'invites à déjeuner ? ;)[/quote]
À l'occasion, je poursuivrai cette digression par MP. ;)

M'en fous. Chuis quand même fâché. |(X

N'oublie pas qu'on bosse à 100 mètres l'un de l'autre ! :twisted:

Tiens, pour la peine, quand c'est que tu m'invites à déjeuner ? ;)

[quote="albat"]Et du coup, je me suis fait moquer par Victor |(X
alors que c'est lui qui avait mal lu ! :twisted:[/quote]
Pour te consoler, sache que les solutions que je propose sont transposables horizontalement, avec - (à ceci près qu'on ne pourra employer la propriété border). ;)

Et du coup, je me suis fait moquer par Victor |(X
alors que c'est lui qui avait mal lu ! :twisted:

Re,

Oui, en effet, je voulais un séparateur vertical... j'étais mal réveillé ce matin :D

[quote="albat"][quote="Victor BRITO"]albat, l'élément hr, sémantiquement parlant, est une barre horizontale (horizontal rule). ;)[/quote]Ben oui ! Justement... :roll:
On ne parle pas de séparateur horizontal ? :-k[/quote]
À moins qu'il ne confonde l'horizontal avec le vertical, vu qu'il a écrit le symbole |.

De plus, l'élément hr ne peut être enfant direct d'ul.

[quote="Victor BRITO"]albat, l'élément hr, sémantiquement parlant, est une barre horizontale (horizontal rule). ;)[/quote]Ben oui ! Justement... :roll:
On ne parle pas de séparateur horizontal ? :-k

En CSS, on peut procéder comme suit :
[code]li:before {
content: " | ";
}
li:first-child:before {
content: normal;
content: ""; /* pour Safari */
}[/code]
Principal inconvénient : IE (jusqu'à la version 7) n'implémente pas la génération de contenu en CSS (IE 8, en revanche, l'implémente).

Autre solution :
[code]li {
border-left: 1px solid;
}
li:first-child {
border-left: none;
}[/code]
Pour IE 6, il faudra ajouter une classe au premier li (class="premier", par exemple) et ajouter le code suivant :
[code]li.premier {
border-left: none;
}[/code]
Troisième solution, cette fois-ci basée en HTML :
[code]<ul>
<li>élément de liste | </li>
<li>élément de liste | </li>
<li>élément de liste | </li>
<li>élément de liste</li>
</ul>[/code]
albat, l'élément hr, sémantiquement parlant, est une barre horizontale (horizontal rule). ;)

la balise <hr> ?

Bonjour,

Je souhaite ajouter un séprateur vertical | avec un css sur un fichier php.
Voilà mon code php :

[code]$menu_item = '<ul class="select"><li><a href="%s"><b>%s</b><!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">';
$menu_item_stop = '</ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li></ul>';[/code]

J'ai essayé la solution "simple" d'ajouter une barre dans une image background, mais le nombre de menu_item est aléatoire, donc je dois trouver un moyen de faire appraître la | , mais je ne sais vraiment pas comment on peut faire cela, ni dans quelle direction chercher.