Titre avec ligne (tout simple mais IE ne veut pas)

Titre avec ligne (tout simple mais IE ne veut pas) - HTML/CSS - Programmation

Marsh Posté le 07-11-2006 à 14:03:11    

Code :
  1. <h2>MyTitle</h2><hr>


 
 
sous firefox ca passe nickel
 
mais sous IE c mois drole, jobtient:  
 


(espace)
MyTitle  
(espace)
__________________________________


 
alors que je voudrait que la ligne soit juste en dessous du tittre
 
en css j'ai :  
 

Code :
  1. hr{
  2.    margin: 0px;
  3.    margin-bottom:5px;
  4.    margin-top:2px;
  5.    padding: 0px;
  6.    border-color: #000000;
  7.    border-style: solid;
  8.    background-color:#000000;
  9.    height: 1px;
  10.    border: 1px;
  11. }
  12. h1{
  13.    font-size:16px;
  14.    font-weight:bold;
  15. }
  16. h2{
  17.    font-size:10px;
  18.    font-weight

:bold;
}


Message édité par red faction le 07-11-2006 à 15:05:29
Reply

Marsh Posté le 07-11-2006 à 14:03:11   

Reply

Marsh Posté le 07-11-2006 à 14:05:23    

mets des margin à 0 sur ton h2 [:spamafote]

Reply

Marsh Posté le 07-11-2006 à 14:15:58    

ca ete fait jai oublié de le mettre dans le post. enfait jai mit padding:0px; margin:0px; pour h2  
malgré tout jai un espace de 4 mm entre la ligne ce qui fou tout en l'air
 
http://img375.imageshack.us/img375/2628/ieiecu7.jpg

Reply

Marsh Posté le 07-11-2006 à 14:18:54    

Code :
  1. <html>
  2. <head>
  3. <style type="text/css">
  4.       hr{
  5.         margin: 0px;
  6.         padding: 0px;
  7.         border-color: #000000;
  8.         border-style: solid;
  9.         background-color:#000000;
  10.         height: 1px;
  11.         border: 1px;
  12.       }
  13.       h1{
  14.         font-size:16px;
  15.         font-weight:bold;
  16.       }
  17.       h2{
  18.         margin: 0px;
  19.         padding: 0px;
  20.         font-size:10px;
  21.         font-weight:bold;
  22.       }
  23. </style>
  24. </head>
  25. <body>
  26. <form>
  27. <textarea>dsddsdsdsds</textarea>
  28. </form>
  29. <h2>MyTitle</h2><hr>
  30. </body>
  31. </html>


 
le code complet pour tester


Message édité par red faction le 07-11-2006 à 15:05:09
Reply

Marsh Posté le 07-11-2006 à 15:10:52    

La ligne est-elle sémantiquement nécessaire à ton document ?
Sinon border-bottom et zou!

Reply

Marsh Posté le 07-11-2006 à 15:22:09    

non c vraiment necessaire , si ya bien un document ou je doit soigner la presentation c celui la
 
IE est vraiment une grosse bouse

Reply

Marsh Posté le 07-11-2006 à 15:42:23    

avec un bon gros hack genre:

Code :
  1. hr{
  2. margin:0px;
  3. _margin: -8px;
  4. ...
  5. }


tu dois t'en sortir non?

Reply

Marsh Posté le 07-11-2006 à 15:59:47    

Chaos Intestinal a écrit :

La ligne est-elle sémantiquement nécessaire à ton document ?
Sinon border-bottom et zou!


 

red faction a écrit :

non c vraiment necessaire , si ya bien un document ou je doit soigner la presentation c celui la
 
IE est vraiment une grosse bouse


 
Je ne vois pas le problème pour utiliser le border-bottom [:airforceone]

Reply

Marsh Posté le 07-11-2006 à 20:59:23    

disont que le border-bottom ne fera que rajouter de lespace ... et ce que je veux ici c le supprimer... alors bon...

Reply

Marsh Posté le 07-11-2006 à 21:04:25    

red faction a écrit :

disont que le border-bottom ne fera que rajouter de lespace ... et ce que je veux ici c le supprimer... alors bon...


 
Euh non, le border-bottom comme son nom l'indique ça rajoute une bordure, qui va remplacer élégamment ce <hr /> inutile [:dao]

Reply

Marsh Posté le 07-11-2006 à 21:04:25   

Reply

Marsh Posté le 07-11-2006 à 21:05:16    

[:dawa]
 
EDIT : cay bo ca marche

Message cité 1 fois
Message édité par red faction le 07-11-2006 à 21:07:14
Reply

Marsh Posté le 08-11-2006 à 05:55:35    

red faction a écrit :

[:dawa]
 
EDIT : quand j'utilise les css correctement en effet ça marche


:o
 
:d

Reply

Sujets relatifs:

Leave a Replay

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