Mes <BR> n'ont pas le meme effet suivant les navigateurs,

Mes <BR> n'ont pas le meme effet suivant les navigateurs, - HTML/CSS - Programmation

Marsh Posté le 24-07-2003 à 16:51:23    

J'ai fait des recherches et essayé de mettre en place des paramètres via les CSS mais je n'y arrive pas,
 
en gros mettons que sous IE, 2 BR de suite me font sauter 10px, sous netscape cela fait sauter 20px,
 
comme faire pour normaliser tout ça ?
 
Merci beaucoup pour vos réponses :jap:

Reply

Marsh Posté le 24-07-2003 à 16:51:23   

Reply

Marsh Posté le 24-07-2003 à 16:54:01    

Utiliser des tableaux une ligne, une cellulle contenant une image de 1*1 pixels augementées à la hauteur désiré.  
 
ex :

Code :
  1. <table><tr><td><img src="images/dot.gif" height=5></TD></tr></table>


 
Je sais c'est lourd mais c'est le seul moyen que je connaisse pour harmoniser.
 
PS : Si quelqu'un a mieux je suis preneur :D


Message édité par Lord II le 24-07-2003 à 16:56:09

---------------
La bave du crapaud n'empèche pas la caravane de passer .
Reply

Marsh Posté le 24-07-2003 à 16:58:10    

Lord II --> euh là c un peu abusé qd même ta technique :D

Reply

Marsh Posté le 24-07-2003 à 17:39:31    

Euh... déjà, je vois pas bien pourquoi tu as besoin de connaitre la taille d'un <br>, ca n'a rien à voir avec la mise en page.

Reply

Marsh Posté le 24-07-2003 à 17:48:23    

gizmo a écrit :

Euh... déjà, je vois pas bien pourquoi tu as besoin de connaitre la taille d'un <br>, ca n'a rien à voir avec la mise en page.


 
bah un <br> sert pour faire des retours à la ligne non, et eventuellement un saut de ligne lorsque deux à la suite,
 
Exemple :
 

Code :
  1. coucou<br><br>
  2. c'est moi !


 
Cela donne sous IE :
 
coucou
 
c'est moi !
 
et sous NS :
 
coucou
 
 
c'est moi !
 
en gros hein :D donc j'aimerais normaliser tout ça pour avoir grossomodo le meme rendu,
 

Reply

Marsh Posté le 24-07-2003 à 17:51:21    

vitom a écrit :


 
bah un <br> sert pour faire des retours à la ligne non,
oui
et eventuellement un saut de ligne lorsque deux à la suite,
euh... non. C'est pas parce que c'est faisable que ça sert à ça.
 
Exemple :
 

Code :
  1. coucou<br><br>
  2. c'est moi !


 
Cela donne sous IE :
 
coucou
 
c'est moi !
 
et sous NS :
 
coucou
 
 
c'est moi !
 
en gros hein :D donc j'aimerais normaliser tout ça pour avoir grossomodo le meme rendu,
 
attribut line-height, mais c'est pas fait pour...
 

Reply

Marsh Posté le 24-07-2003 à 17:52:19    

<br /> pour moi ça veut dire que le texte qui suit doit commencer sur une nouvelle ligne rien de plus. Rien n'oblige un navigateur à insérer des lignes blanches quand on en met plusieurs à la suite (c'est meme pas très logique en fait) .
 
Pour modifier l'espacement entre deux paragraphes, il suffit de mettre des marges. Ex :
 
css:
 
#truc {
  margin-top: 3em;
}
 
code :
 
...
<p>
  pouet pouet
</p>
<p id="truc">
  tsoin tsoin
</p>
 
Et tu auras comme espacement l'équivalent de 3 lignes de texte entre les deux paragraphes.
 
Rien ne t'empèche non plus d'assigner des marges à un <br />.


Message édité par axey le 24-07-2003 à 17:53:06
Reply

Marsh Posté le 24-07-2003 à 17:56:28    

Lord II a écrit :

Utiliser des tableaux une ligne, une cellulle contenant une image de 1*1 pixels augementées à la hauteur désiré.  


 
:pt1cable: wow, je ne sais pas ce que tu fumes mais ça a l'air efficace :pt1cable:  
 
à la place de chaque image on pourrait appeler une fonction javascript qui insérerait une applet java de 1*1 pixel avec un flash de la meme taille en transparence par dessus.

Reply

Marsh Posté le 24-07-2003 à 18:08:51    

axey --> merci bcp pour ta réponse, c'est dans ce sens que je cherchais, effectivement cela fonctionne sous IE, mais sous Mozilla il va tout de même faire un espacement nettement plus élevé, et ce meme si je règle le <p> en pixel  :sweat:

Reply

Marsh Posté le 24-07-2003 à 19:38:02    

Bah, il faut redéfinir complètement les marges de <p>, pas seulement la marge du haut...
 

p {
  margin: 10px 0 15px 0;
}


 
Équivalent à :
 

p {
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 15px;
  margin-left: 0;
}


 
L'unité 'em' est pratique mais elle est fonction de la taille de la police courante, qui n'est peut être pas la même par défaut entre IE et Moz...
Si tu veux utiliser 'em' mais qu'il y ait la même hauteur entre IE et Moz, il faut d'abord fixer la taille de la police (font-size).


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 24-07-2003 à 19:38:02   

Reply

Marsh Posté le 24-07-2003 à 20:09:07    

axey a écrit :


 
:pt1cable: wow, je ne sais pas ce que tu fumes mais ça a l'air efficace :pt1cable:  
 
à la place de chaque image on pourrait appeler une fonction javascript qui insérerait une applet java de 1*1 pixel avec un flash de la meme taille en transparence par dessus.
 


 
Effectivement, je devais etre dans un état second quand j'ai ecris ca surtout dans ce contexte d'espacement de texte  :sleep:


---------------
La bave du crapaud n'empèche pas la caravane de passer .
Reply

Marsh Posté le 27-07-2003 à 15:09:13    

l'histoire de l'image de 1x1 pixels était beaucoup utilisée dans le passé. Avant les CSS et les DIV
 
Ouvrez un livre de 1998 vous verrez bien
 
Alors on se moque pas (des vieux) !!

Reply

Marsh Posté le 28-07-2003 à 09:44:12    

J'ai le bouquin "Dynamic HTML - The definitive reference" (O'Reilly) sous les yeux.
 
Il date de Juillet 1998.
 
Ca parle de CSS et de DIV partout, pas un mot sur les images de 1x1, donc cette bidouille doit etre encore plus vieille. J'ai raté quelque chose, ça avait l'air bien tordu de faire des pages web à cette époque :)

Reply

Marsh Posté le 28-07-2003 à 12:48:48    

Oh mais je ne dit pas que CSS et DIV n'existaient pas.
 
Mais avec les DIV tu ne pouvait pas faire de la mise en page avancée (tableau) car les browser ne le supportait pas.


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 29-07-2003 à 00:47:49    

puis on utilise <br /> au lieu de <br>  :o


Message édité par Mr yvele le 18-08-2003 à 15:05:50

---------------
yvele n'est plus.
Reply

Sujets relatifs:

Leave a Replay

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