[Cloturé] Underline avec span

Underline avec span [Cloturé] - HTML/CSS - Programmation

Marsh Posté le 04-02-2012 à 18:53:53    

Bonjour,
 
j'ai ce code html
 

Code :
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta chartset="utf-8"/>
  5. <link rel="stylesheet" href="style.css"/>
  6. <title> nomdurestaurant - Restaurant - Gastronomie </title>
  7. <script type="text/javascript" src="jquery-1.js"></script>
  8. <script type="text/javascript" src="jquery.js"></script
  9. </head>
  10. <body>
  11. <img src="EnTete.jpg" class="img3" />
  12. <div class="content">
  13. <div id="information2plus">
  14. <div id="navigateur2">
  15. <ul>
  16. <li id="acceuil2"><a href="acceuil.html">ACCEUIL</a></li>
  17. <li id="carte2"><a href="Carte.html">LA CARTE</a></li>
  18. <li id="info2"><a href="Infos.html">INFOS PRATIQUES & CONTACT</a></li>
  19. <li class="clear"></li>       
  20. </ul>
  21. </div><!-- end #navigateur2 -->
  22. <div id="information2">
  23. <div id="plan2">
  24. <h3> Plan</h3>
  25. <img src="Plan.jpg" alt="Plan d'accès" class="img1" />
  26. </div>
  27. <div id="horaire2">
  28. <h3> Horaires et jours d'ouverture</h3>
  29. <p><span class="span-reutilisable">Du 10/02 au 31/03 et du 01/10 au 15/12</span></br>
  30. Tous les midi (12h – 14h30) + vendredi et samedi soir (19h-22h)</br>
  31. </br>
  32. <span class="span-reutilisable">Du 01/04 au 30/09:</span></br>
  33. Tous les jours Midi & Soir (12h -14h45 et 19h-23h).
  34. </p>
  35. </div>
  36. <div id="reservation2">
  37. <h3> Réservation</h3>
  38. <p>Au 01 11 11 11 11</p>
  39. </div>
  40. <div id="paiement2">
  41. <h3> Moyens de paiement</h3>
  42. <img src="Paiement.jpg" alt="Moyens de paiement acceptés" class="img2" />
  43. <p>Espèces, Chèques, Carte Bancaire</br>
  44. Ticket restaurant, Chèques vacances
  45. </p>
  46. </div>
  47. </div><!-- end #information2 -->
  48. </div><!-- end #information2plus -->
  49. <div id="footer">
  50. <p><strong>Restaurant LVS</strong> - 5 rue 45678 SSM - 05 11 11 11 11 </p>
  51. </div>
  52. </body>
  53. </html>


 
associé avec ce css

Code :
  1. p{text-align:center;}
  2. li{list-style:none;}
  3. ul{padding:0;}
  4. .content {margin:0 auto;width:1500px;}
  5. #navigateur2{margin-top:1cm;width:60%;margin-left: auto;margin-right: auto;}
  6. #acceuil2,#carte2,#info2{width:29%;float:left;border:1px black solid;height:50px;padding:10px 10px;text-align:center;vertical-align:center;}
  7. .clear{clear:both;}
  8. #content-home {margin:0 2%;}
  9. #colonne-1,#colonne-2,#colonne-3{width:30%;float:left;border:1px black solid;text-align:justify;height:175px;padding:10px 10px;}
  10. #acceuil2,#carte2,#info2{background-color:rgb(193,191,177);color:rgb(70,63,50)}
  11. a{color:rgb(129,20,83)}
  12. a:hover{background-color:rgb(129,20,83);color:black;}
  13. #colonne-1,#colonne-2,#colonne-3{background-color:rgb(193,191,177);}
  14. #slideshow{
  15. width:846px!important;
  16. height:340px!important;
  17. margin-right:auto;
  18. margin-left:auto;
  19. margin-bottom:20px;
  20. }
  21. h3{color:rgb(129,20,83);}
  22. #information2plus{width:900px;height:650px;border:5px pink solid;margin-right:auto;margin-left:auto;}
  23. #information2{width:875px;height:500px;border:5px black solid;margin-right:auto;margin-left:auto;}
  24. #plan2{width:250px;height:450px;border:1px blue solid;margin-left:25px;margin-top:25px;display:block;}
  25. #horaire2{width:550px;height:150px;border:1px green solid;margin-right:25px;margin-top:-450px;margin-left:300px;display:block;}
  26. #reservation2{width:550px;height:100px;border:1px red solid;margin-right:25px;margin-top:25px;margin-left:300px;display:block;}
  27. #paiement2{width:550px;height:150px;border:1px black solid;margin-right:25px;margin-top:25px;margin-left:300px;display:block;}
  28. .img1{width:200px;height:300px;margin-left:25px;margin-top:25px;}
  29. .img2{width:200px;height:100px;margin-left:350px;margin-top:-400px;}
  30. .img3{width:900px;height:700px;margin-left:350px;margin-top:-400px;}
  31. .span-reutilisable{text-decoration:underline;}


 
mon problème que mon text n'est pas souligné avec firefox :(
 
quelqu'un sait il ce qui se passe


Message édité par 86vomito33 le 06-02-2012 à 11:06:25
Reply

Marsh Posté le 04-02-2012 à 18:53:53   

Reply

Marsh Posté le 05-02-2012 à 10:37:25    

je sais pas ce qu'il s'est passé mais cela fonctionne
 
entre temps, j'ai modifié le padding


Message édité par 86vomito33 le 05-02-2012 à 10:38:29
Reply

Marsh Posté le 05-02-2012 à 19:10:00    

moi j'ai FF10, et le texte est bien souligné..

Reply

Sujets relatifs:

Leave a Replay

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