Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1729 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Une ligne horizontale parfaite...

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Une ligne horizontale parfaite...

n°1192658
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 05-09-2005 à 19:40:27  profilanswer
 

Bonjour,
quelles sont vos méthodes pour obtenir une ligne horizontale parfaitement controlable en CSS et qui est rendu à l'identique dans IE ou FF ?
 
Ca peut paraitre idiot, mais je me bas avec ça, j'ai essayé plusieurs méthodes, je sais pas, doit y avoir un paramètres que j'ai oublié, alors je demande.
 
Pour l'exemple, voici une page : http://cristalo.online.fr/forums/testhr/testhr.php
 
Ceux qui ont le courage pourront constater que le rendu est très différent sous IE et Firefox, surtout, justement, au niveau de la ligne horizontale (HR).
 
Merci d'avance, j'suis sûr que c'est une connerie en plus.

mood
Publicité
Posté le 05-09-2005 à 19:40:27  profilanswer
 

n°1192664
Tetsumaki
Posté le 05-09-2005 à 19:49:03  profilanswer
 

Tu peux pas je pense mais à vérifier.
Mais peut-être tu peux réussir en remplacant hr par une image en repeat-x auquel cas ça afficherait la même chose partout.
Un peu comme la méthode des li list-style-image: url(images/global/li.png); mais d'une autre manière bien sur.

n°1192666
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 05-09-2005 à 19:51:04  profilanswer
 

ouaip, pas bête tiens.
mais bon, faire un bloc CSS pour chaque HR, c'est pas super, mais après tout, si ça fonctionne, pourquoi pas.

n°1192674
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 05-09-2005 à 19:56:55  profilanswer
 

Bon, j'ai essayé (j'ai mis à jour sur le lien), c'est mieux, surtout au niveau des interlignes qui deviennent controlable, par contre, IE ne veut pas faire un truc d'un seul pixel, vous avez une soluce ? :D

n°1192678
gatsusat
Posté le 05-09-2005 à 19:59:28  profilanswer
 

et pourquoi pas utiliser la bordure d'un élément.
 
imaginons que nous avons 50 résumés de livres présentés les uns sous les autres, et chaque résumé est dans un bloc DIV
 
ben on style le DIV de cette manière

Code :
  1. DIV {
  2.   padding-bottom:10px; /*Pour séparer le contenu de la bordure du bas du bloc*/
  3.   magin-bottom:15px; /*Pour séparer la bordure du prochain élément*/
  4.   border-bottom: 3px solid red/*Pour faire un trait rouge horizontal*/
  5. }


 
ca évite le code HTML inutile

n°1192692
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 05-09-2005 à 20:14:29  profilanswer
 

gatsusat a écrit :

et pourquoi pas utiliser la bordure d'un élément.
 
imaginons que nous avons 50 résumés de livres présentés les uns sous les autres, et chaque résumé est dans un bloc DIV
 
ben on style le DIV de cette manière

Code :
  1. DIV {
  2.   padding-bottom:10px; /*Pour séparer le contenu de la bordure du bas du bloc*/
  3.   magin-bottom:15px; /*Pour séparer la bordure du prochain élément*/
  4.   border-bottom: 3px solid red/*Pour faire un trait rouge horizontal*/
  5. }


 
ca évite le code HTML inutile


 
Parce qu'en fait, c'est pour un annuaire de liens, les bannières sont déjà dans des blocs, c'est pour séparer, le nom du lien, sa bannière, la description, hop, une petit HR et un petit lien "Lire ou déposer un commentaire".
Déjà, j'ai tout fait en CSS en limitant un maximum les tables :sol:, mais j'aime bien séparer proprement.
 

n°1192703
gatsusat
Posté le 05-09-2005 à 20:20:34  profilanswer
 

ben la description est obligatoirement dans un paragraphe <p> ben tu style la bordure du bas du paragraphe.
 
le HR est très souvent inutile pour juste faire une bordure toute conne comme tu le souhaite

n°1192711
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 05-09-2005 à 20:24:12  profilanswer
 

nop, ma description est pas dans un paragraphe. :p
Cela dit, avec ton border botton, tu m'as donné une idée et j'ai reussi à faire un filet d'un seul pixel.

n°1192716
j_lecruel
☀ ☁ ☂
Posté le 05-09-2005 à 20:24:52  profilanswer
 

En même temps... l'élément hr n'aurait-il pas été deprecated s'il n'avait aucune valeur sémantique ?


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
n°1192722
Badze
Aime les frites
Posté le 05-09-2005 à 20:29:51  profilanswer
 

ne compte pas sur le <hr>, on ne peux pas en tiré grand chose.
http://forum.hardware.fr/forum2.ph [...] ash_post=0
 
J'ai tester différente manipulation mais il est impossible de faire quoi que ce soit de correct sous IE.
 
Laisse tomber le <hr>

mood
Publicité
Posté le 05-09-2005 à 20:29:51  profilanswer
 

n°1192723
gatsusat
Posté le 05-09-2005 à 20:31:51  profilanswer
 

theShadow : on n'a pas le droit d'écrire du texte directement dans un DIV, il faut le mettre dans quelque chose, donc un P

n°1192734
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 05-09-2005 à 20:37:46  profilanswer
 

Pourquoi on a pas le droit ? :heink:
je vois pas pourquoi j'irais alourdir mon code inutilement avec des <p> qui ne servirait à rien alors que justement, si je vire les tables c'est pour grapiller quelques octets par ci par là.
En plus, ça passe niquel au validateur, si c'était interdit, le validateur pourrait le voir et le signaler facilement.

n°1192736
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 05-09-2005 à 20:39:01  profilanswer
 

Badze a écrit :

ne compte pas sur le <hr>, on ne peux pas en tiré grand chose.
http://forum.hardware.fr/forum2.ph [...] ash_post=0
 
J'ai tester différente manipulation mais il est impossible de faire quoi que ce soit de correct sous IE.
 
Laisse tomber le <hr>


Vi, en fait, j'ai vu ça, le HR, ça fonctionne bien que si tu touches à aucun paramètre, dès que t'essayes de le controler, ça merdouille de partout selon les navigateurs.
Cela dit, je suis rassuré de voir que je ne suis pas le seul à le constater, je pensais que c'était mes connaissances en CSS qui merdait quelquepart et que je ne connaissais pas The paramètre qu'il fallait pour y arriver.


Message édité par The-Shadow le 05-09-2005 à 20:39:21
n°1192738
gatsusat
Posté le 05-09-2005 à 20:40:46  profilanswer
 

le validataeur ne valide que la syntaxe. tu peux avoir un site tout en DIV, syntaxiquement il serait correcte, mais sémantiquement il serait à chier. chaque élément à son utilité, DIV c'est pour faire des blocs de bloc, et non pas des blocs de texte. P tu as le droit de mettre du texte dedans.
tiens, file le résultat HTML de ce que tu as, je vais te dire exactement les balises à utiliser.
 
JE cherche juste à te montrer que le HTML c'est pas juste des balises, c'est un langage de structuration et chaque balise à une valeur sémantique

n°1192744
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 05-09-2005 à 20:47:57  profilanswer
 

Je ne peux pas, c'est hors ligne.
Et puis j'utilise trop de chose sémantiquement incorrect, tu crierais au scandale et après vous me tabasseriez avec tes potes. :D

n°1192746
gatsusat
Posté le 05-09-2005 à 20:49:01  profilanswer
 

The-Shadow a écrit :

Je ne peux pas, c'est hors ligne.
Et puis j'utilise trop de chose sémantiquement incorrect, tu crierais au scandale et après vous me tabasseriez avec tes potes. :D


 
Nan, nous te guiderions vers le droit chemin ;)  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
...Après t'avoir tabassé  [:tinostar]

n°1192976
esox_ch
Posté le 06-09-2005 à 08:09:21  profilanswer
 

Bah The-Shadow pourquoi tu n'en profites pas pour apprendre un peu mieux la sémentique ? C'est comme les sparadra .. faut avoir mal d'un coup et apres c'est bon ... Avec nous c'est pareil :D


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Une ligne horizontale parfaite...

 

Sujets relatifs
tracer une ligne verticale[Résolu] Pb affichage lors de la mise en ligne
JEditorPane Editable, Annuler le saut de ligne sur EnterMySQL dump de la base en ligne
[BATCH] Lire la ligne d'au-dessus ou d'en dessousExtraction en ligne de commande de fichiers compressés.
[PHP/MySQL] Connaître l'id de la ligne créée dans la base[SQLServeur] Mettre un string sur plusieurs ligne ?
limiter le nb de ligne dans un datagridsaut de ligne dans un fichier généré en php
Plus de sujets relatifs à : Une ligne horizontale parfaite...


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)