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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème affichage balises sous IE

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème affichage balises sous IE

n°2238186
fabient83
Posté le 18-09-2014 à 12:40:18  profilanswer
 

Bonjour,
 
Je me permets de demander de l'aide car j'ai créé un site (www.pacassistance.info) qui rencontre un souci uniquement avec Internet Explorer (j'ai la version 9 mais c'est pareil avec les autres).
 
En effet, mes balises pour les titres des menus et le logo du site ne s'affichent pas sous IE.
J'ai parcouru plusieurs forums mais ne trouvant pas la réponse, je suis venu solliciter vos compétences.
 
Voici le code html pour la partie logo :
 
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1 align="center"><span class="Style2"><span class="Style3">PAC</span><span class="Style5">ASSITANCE</span><span class="Style6">83</span></span><span class="Style7"><small><span class="Style3">chauffer</span> - économiser - <span class="Style6">climatiser</span></small></span></h1>
</div>
 
Et le code html qui pose aussi problème pour la partie titre des menus :
 
<div class="sidebar">
<div class="searchform">
</div>
<div class="clr"></div>
<div class="gadget">
<h2 class="star">BIENVENUE</h2>
<div class="clr"></div>
<ul class="sb_menu">
<li><a href="index.html">Accueil</a></li>
<li><a href="clim-chauffage.html">Climatisation et Chauffage</a></li>
<li><a href="pac.html">Pompe à chaleur air/eau</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="formail1.html">Devis en ligne</a></li>
<li><a href="formail2.html">Nous contacter</a></li>
</ul>
</div>
 
Ensuite, voici des extraits du code css où doit être le problème :
 
@charset "utf-8";
body {
margin:0;
padding:0;
width:100%;
color:#6d6d6d;
font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
background:#f5f5f5 url(../images/main_bg.gif) repeat-x left top;
}
.clr {
clear:both;
padding:0;
margin:0;
width:100%;
font-size:0;
line-height:0;
}
h2 {
margin:8px 0;
padding:8px 0;
font-size:24px;
font-weight:normal;
color:#6e6e6e;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
margin:0;
padding:0;
}
.header_resize {
margin:0 auto;
padding:0;
width:960px;
}
.logo {
padding:0;
float:none;
float:left;
width:auto;
height:133px;
}
h1 {
margin:0;
padding:32px 0 0;
font-size:36px;
font-weight:bold;
line-height:1.2em;
text-transform:none;
}
h1 a, h1 a:hover {
color:#fff;
text-decoration:none;
}
h1 small {
display:block;
font-size:13px;
line-height:1.2em;
letter-spacing:normal;
text-transform:none;
color:#fff;
}
.content .mainbar h2 {
margin-bottom:0;
padding-bottom:8px;
font-size:26px;
line-height:1.2em;
color:#14458e;
}
.content .mainbar div.img {
padding:12px 0 0;
float:left;
width:179px;
}
.content .sidebar {
padding:0;
float:left;
width:260px;
}
.content .sidebar .gadget {
margin:0 0 16px;
padding:12px 20px 24px;
background-color: #5389c2;
}
.content .sidebar h2 {
margin:-12px -20px 12px;
padding:12px 20px 8px;
color:#fff;
background-color: #b53333;
}
ul.sb_menu, ul.ex_menu {
margin:0;
padding:0;
list-style:none;
color:#88a9c3;
}
ul.sb_menu li, ul.ex_menu li {
margin:0;
border-bottom:1px solid #88a9c3;
}
ul.sb_menu li, ul.ex_menu li {
padding:8px 0;
width:220px;
}
ul.sb_menu li a {
color:#fff;
text-decoration:none;
margin-left:-16px;
padding:4px 8px 4px 16px;
font-weight: bold;
}
ul.ex_menu li a {
font-weight:normal;
color:#fff;
text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
color:#b53333;
font-weight:bold;
text-decoration:none;
}
.subpage .mainbar .sb_menu li a:hover {
color:#88a9c3;
text-decoration:underline;
}
.searchform {
padding:0;
float:left;
}
#formsearch {
margin:0 0 16px;
padding:24px 20px;
width:auto;
height:30px;
background:#5389c2;
}
#formsearch span {
display:block;
margin:0;
padding:0;
float:left;
background:url(../images/search_bg.gif) no-repeat left top;
}
#formsearch input.editbox_search {
margin:0;
padding:7px 10px;
float:left;
width:171px;
font-size:12px;
line-height:16px;
color:#a8acb2;
background:none;
outline:none;
border:none;
}
#formsearch input.button_search {
margin:0;
padding:0;
border:none;
float:left;
}
 
PAR AVANCE MERCI BEAUCOUP POUR VOTRE AIDE !

mood
Publicité
Posté le 18-09-2014 à 12:40:18  profilanswer
 

n°2238215
rufo
Pas me confondre avec Lycos!
Posté le 18-09-2014 à 14:08:51  profilanswer
 

Toi, t'as utilisé frontpage ou dreamwaver pour faire un tel code aussi pourri :ouch:  
 
Y'a beaucoup trop de balises inutiles.
 
Au passage, mettre son adresse mail en clair comme ça, sans la protéger, c'est un coup à se faire spammer par des botnets :/
 
Si tu es seul pour faire ton site, va sur des tutos qui vont t'apprendre les bases du HTML/CSS. Tu vas très vite trouver comme remplacer tous tes <span> et styles nommés n'importe comment ;)
-> http://www.alsacreations.com/tutoriels/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta

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

  Problème affichage balises sous IE

 

Sujets relatifs
Probleme Avec un effet de slideProblème Bash: permission denied
Probleme exo simple en C[Résolu] Probleme execution de script php avec cron
Image dans les balises option sous ChromeProblème RegEx et accent
Problème basique HTML / CSS[CSS] Overflow:hidden bug Mozilla/IE
Probleme menu ongletScript affichage taille fichier
Plus de sujets relatifs à : Problème affichage balises sous IE


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