http://romy.tetue.net/comment-styler-une-hr Je me bats en ce moment avec une hr qui me donne du fil à retordre... Pourquoi diable une hr ? Rien de mieux pour poser une séparation entre deux contenus. Mais quelle galère pour la personnaliser en CSS ! HR ? ligne de séparation Il s'agit d'une balise HTML qui s'écrit : , sans balise fermante (voir la syntaxe détaillée). Elle n'agit pas sur le contenu mais a une signification en elle-même : c'est l'élément idéal pour signifier une séparation entre deux contenus. Par défaut, la balise hr entraîne la (...) fr SPIP - www.spip.net http://romy.tetue.net/local/cache-vignettes/L144xH144/arton239-bab38.jpg http://romy.tetue.net/comment-styler-une-hr 144 144 http://romy.tetue.net/comment-styler-une-hr#forum1640 2009-11-01T06:34:21Z <p>Quand on tape un article depuis l'interface utilisateur il suffit de taper 4tirets pour que ce soit ré-interprété comme une hr.</p> <p>Où se trouve le script qui effectue ce remplacement ? est-ce qu'on peut le modifier pour qu'il remplace par ce qui est décrit à l'exemple 4 ? <br />Mieux encore, le surcharger sans le toucher en ajoutant dans un fichier supplémentaire (genre mes_fonctions.php) de quoi remplacer les 4 tirets par le code voulu. Je sais pas si ça fait appel à php, jusqu'ici j'ai juste bidouillé des bouts de codes que je récupérais.</p> <p>En tout cas mercie Romy, ça marche chez moi, il doit rester beaucoup d'autres trucs foireux pour IE mais pas çà.</p> Mars http://romy.tetue.net/comment-styler-une-hr#forum1500 2009-09-07T13:01:04Z <p>Mervi beaucoup pour ce petit tuto. Je m'arrachais les cheveux pour avoir le même rendu sur IE et Firefox avec mes HR graphique, et la solution 4 fonctionne à merveille !</p> Cédric http://romy.tetue.net/comment-styler-une-hr#forum724 2008-04-18T16:04:43Z <p>Virginie : vérifier l'adresse de l'image ?</p> Romy http://romy.tetue.net/comment-styler-une-hr#forum723 2008-04-17T17:38:22Z <p>Bonsoir,</p> <p>Merci pour toutes ces infos pour remplacer la <code class="spip_code" dir="ltr"><hr></code> par une image. <br />J'ai essayé les deux solutions proposées, exemple 3 et exemple 4 sans y parvenir. <br />J'ai bien un trait gris qui s'affiche, de la taille demandée mais je n'ai toujours pas l'image à la place. <br />J'ai testé avec safari, netscape, ie, mozilla. <br />Y-a-t-il un truc à vérifier ?</p> <p>Merci de votre aide.</p> <p>Cordialement.</p> <p>Virginie</p> Virginie http://romy.tetue.net/comment-styler-une-hr#forum481 2007-09-10T16:39:54Z <p>ce petit mot d'encouragement...bravo, très utile. je bouquemarque !</p> avril http://romy.tetue.net/comment-styler-une-hr#forum129 2006-02-18T00:36:18Z <p>Et bien justement, c'est interessant.</p> <p>Ainsi, ceux qui utilisent IE le feront un peu bosser pour corriger ses lacunes.</p> <p>Pour le webmestre, c'est un peu de bande passante économisée, sauf si le script Javascript est trop long.</p> <p>D'ailleurs, il peut-il être conditioné à un navigateur ? <br />Un script qui chargerait si besoin un autre script ?</p> <p>La page sursauterait un peu pendant le traitement.... mais que pour ceux qui sont sous IE et déjà habitués aux plantouillages de Windows....</p> <p>C'est quand même de la bidouille et de la prise de tête pour IE.</p> <p>Plus on contourne les bugs d'IE, moin les gens en prennet conscience.</p> G . G. http://romy.tetue.net/comment-styler-une-hr#forum62 2005-09-27T15:13:49Z <p>pour la dernière solution, ce qui serait marrant, pour éviter cette div, c'est de faire un simple petit javascript qui passe en revu tous les hr et les remplaces par un div+hr quand il faut (si on sait que le navigateur aime pas les images, etc...).</p> <p>ainsi, les navigateurs "basiques" qui aime pas le css et le javascript afficheront juste le hr et ne seront pas géné par ce div. Et les navigateurs un peu plus "avancés" traiteraient la chose un peu plus graphiquement.</p> <p>mais bon, le js n'est peut être pas toujours la solution... j'suis pas expert, juste bidouilleur :D</p> Mortimer