Une ligne horizontale parfaite...

Une ligne horizontale parfaite... - HTML/CSS - Programmation

Marsh Posté le 05-09-2005 à 19:40:27    

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.

Reply

Marsh Posté le 05-09-2005 à 19:40:27   

Reply

Marsh Posté le 05-09-2005 à 19:49:03    

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.

Reply

Marsh Posté le 05-09-2005 à 19:51:04    

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.

Reply

Marsh Posté le 05-09-2005 à 19:56:55    

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

Reply

Marsh Posté le 05-09-2005 à 19:59:28    

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

Reply

Marsh Posté le 05-09-2005 à 20:14:29    

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.
 

Reply

Marsh Posté le 05-09-2005 à 20:20:34    

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

Reply

Marsh Posté le 05-09-2005 à 20:24:12    

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.

Reply

Marsh Posté le 05-09-2005 à 20:24:52    

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
Reply

Marsh Posté le 05-09-2005 à 20:29:51    

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>

Reply

Marsh Posté le 05-09-2005 à 20:29:51   

Reply

Marsh Posté le 05-09-2005 à 20:31:51    

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

Reply

Marsh Posté le 05-09-2005 à 20:37:46    

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.

Reply

Marsh Posté le 05-09-2005 à 20:39:01    

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
Reply

Marsh Posté le 05-09-2005 à 20:40:46    

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

Reply

Marsh Posté le 05-09-2005 à 20:47:57    

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

Reply

Marsh Posté le 05-09-2005 à 20:49:01    

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]

Reply

Marsh Posté le 06-09-2005 à 08:09:21    

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
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed