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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème CSS

n°1189160
mick8569
Posté le 01-09-2005 à 01:18:43  profilanswer
 

Salut tlm!
 
Voila, j'ai décidé de changer mon site et de n'utiliser que les CSS et seulement dans certains cas les tableaux
Mais voila, j'ai un problème :
je définis un style comme ceci :

Code :
  1. .element_menu {
  2. padding-right:3px;
  3. padding-left:2px;
  4. margin-right:2px;
  5. vertical-align:middle;
  6. border:1px;
  7. border-color:#FFFFFF;
  8. border-style:solid;
  9. display:inline;
  10. font-size:15px;
  11. }
  12. .bloc_menu {
  13. width:800px;
  14. border:1px;
  15. border-color:#FFFFFF;
  16. border-style:solid;
  17. font-weight:bold;
  18. display:block;
  19. padding-top:3px;
  20. padding-bottom:3px;
  21. margin-left:2px;
  22. }


 
Je définis dans ma pages HTML :

Code :
  1. <div class="bloc_menu" align="center">
  2. <div class="element_menu"><a href="index.php"><img src="images/home.gif" width="18" height="16" border="0" alt="Accueil" align="top"></a></div>
  3. <div class="element_menu"><a href="groupe_etranger.php" title="Groupes étrangers">Groupes &eacute;trangers</a></div>
  4. <div class="element_menu"><a href="groupe_etranger.php?francais=oui" title="Groupes Francais">Groupes fran&ccedil;ais</a></div>
  5. <div class="element_menu"><a href="divers.php" title="Dossiers">Dossiers</a></div>
  6. <div class="element_menu"><a href="chronique.php" title="Chroniques">Chroniques</a></div>
  7. <div class="element_menu"><a href="report.php" title="Live reports">Live reports</a></div>
  8. <div class="element_menu"><a href="livre_dor.php" title="Livre d'or">Livre d'or</a></div>
  9. <div class="element_menu"><a href="#" title="Liens">Liens</a></div>
  10. <div class="element_menu"><a href="#" title="Multimédia">Multimédia</a></div>
  11. <div class="element_menu"><a href="#" title="Contact">Contact</a></div>
  12. </div>


 
 
Mais entre Internet Explorer et Netscape, ils ne m'affichent pas la même chose dans le sens ou j'ai l'impression que netscape met par défaut des espaces entre chaque div, du coup ca me décale tout car le contenu ne rentre plus en 800px.
 
Voila, est-ce que quelqu'un sait de quoi ca peut venir??
 
Merci d'avance! ;)

mood
Publicité
Posté le 01-09-2005 à 01:18:43  profilanswer
 

n°1189165
gatsusat
Posté le 01-09-2005 à 05:44:17  profilanswer
 

jvois pas ou tu vois que tu utilises vraiment les CSS là :  
un  menu c'est une liste de liens
et on ne mets pas d'images dans menu, mais du texte. à quoi elles ressembles tes images, elles ont quelque chose de particulier, je suis sur à 90% que tu peux tout passer en texte et styler en CSS.
 
donc ton menu en HTML ressemblera à ceci :  
<ul id="menu">
<li><a href="">texte</a><li>
<li><a href="">texte</a><li>
<li><a href="">texte</a><li>
<li><a href="">texte</a><li>
</ul>


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

  Problème CSS

 

Sujets relatifs
CSS probléme d'affichage entre NavigateursProblème CSS et Fiefox
Problème de positionnement CSSProblème avec les positions absolues en CSS
[HTML/CSS] - Problème d'affichage margin-top: -10px; sous IE [RESOLU][CSS] J'ai un problème avec mon beau div
Probleme de proportion height en CSSProblème de compatibilité IE (pour changer) avec ma feuille CSS
Petits probleme CSS[Resolu][CSS] Probleme de bordure
Plus de sujets relatifs à : Problème CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR