probléme selon le navigateur ou la résolution

Accueil Forum -> javascript

Voir le sujet précédent :: Voir le sujet suivant

Auteur

Message

Webmuster
html mioche

probléme selon le navigateur ou la résolution , Posté le: 11-02-2005 9:21

Salut
J'ai des problèmes de mise en page de ma page d'accueil selon le navigateur utilisé (surtout mozilla - pour netscape je sais pas - avec I.E. ça peut aller).
Pouvez-vous aller jeter un oeil?
Voici ma feuille de style et la source de ma page d'accueil.
Est-ce-qu'un javascript s'impose , si oui lequel?

Ma feuille de style:

Code:

body {
margin: 0;
padding: 0;
}
#menu {
align: center;
top: 215;
width: 775px;

text-align: center;
margin: 0;
border-left: 2px outset #fac64e;
border-bottom: 2px outset;
border-right: 2px outset #fac64e;

background-color: #f9f4ef;
}
#menu dl {
text-align: center;
margin-left: 0;
margin-right: 0;
padding-left: 8px;
padding-right: 4px;
padding-top: 3px;
padding-bottom: 4px;
float: left;

}

#menu a {
font-family: verdana;
font-size: 9pt;
color: #006600;
text-decoration: none;
}
#menu a:hover {
color: white;
text-decoration: underline;
background-color: #006600;

}

#kiosque {
text-decoration: underline;
top: 215;
align: center;
width: 775;

color: #8d4a07;
background-color: #f9f4ef;
border-top: 2px outset #fac64e;
border-left: 2px outset #fac64e;
border-right: 2px outset #fac64e;
text-align: center;
font-size: 13pt;
font-family: engravers mt;
font-weight: bold;
padding: 2px;
margin: 0;
}

table {
align: center;
color: green;
background-color: #f9f4ef;
width: 775;
margin: 0;
padding: 0;
border: 2px outset;
font-size: 12pt;
font-family: times new roman;
}
h1 {
font-size: 15pt;
font-family: engravers mt;
color: #006600;
text-align: center;
text-decoration: underline;
margin-top: 10;
}
h2 a {
color: #CC9999;
font-family= times new roman;
font-size= 14pt;
color: #8d4a07;
text-decoration: underline;
}
h2 a:hover {
color: magenta;
text-decoration: underline;
}

a {
font-family= times new roman;
font-size= 12pt;
color: #8d4a07;
text-decoration: none;

}
a:hover {
color: magenta;
text-decoration: underline;
}

La source de ma page d'accueil:

Code:

<html>
<head>
<title>Entrez les artistes</title>
<meta name="description" content="Entrez les artistes est un site à l'intention des auteurs, compositeurs et interprètes qui désirent se rencontrer et mettre en commun leurs talents">
<meta name="keywords" content="annuaire,recherche,artistes,auteurs,compositeurs,interprètes,auteur,compositeur,interprète,musique,chanson,artistes,chanteurs,musiciens,spectacles,concerts,paroles,textes,compositions">
<meta name="robots" content="index">
<meta name="REVISIT-AFTER" content="7 days">
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Pragma" content="no-cache">
<link rel="stylesheet" type="text/css" href="accueil.css">
</head>
<body>
<img src="accueil.jpg" style="width: 765; height: 200; align: center; border: 6px outset ;">
<div id="kiosque">
Le Kiosque
</div>
<div id="menu">
<dl><img src="point.gif" width="8px" height="8px"> <a href="auteurs.htm">Auteurs</a></dl>
<dl><img src="point.gif" width="8px" height="8px"> <a href="compositeurs.htm">Compositeurs</a></dl>
<dl><img src="point.gif" width="8px" height="8px"> <a href="interpretes.htm">Interprètes</a></dl>
<dl><img src="point.gif" width="8px" height="8px"> <a href="espace pro.htm">Espace pro</a></dl>
<dl><img src="point.gif" width="8px" height="8px"> <a href="contact.htm">Contact</a></dl>
<dl><img src="point.gif" width="8px" height="8px"> <a href="profil.htm">Référencez-vous</a></dl>
<dl><img src="point.gif" width="8px" height="8px"> <a href="liens.htm">Les Liens</a></dl>
<dl><img src="point.gif" width="8px" height="8px"> <a href="news.htm">Les News</a></dl>
</div>
<table cellspacing="0" cellpadding="0">
<tr>
<td style="width: 71%; vertical-align: top; border-right: 1px outset orange;">
<h1>ENTREZ LES ARTISTES</h1>
<p style="padding-left: 20px; padding-right: 20px;">
<img src="brown.gif" width="10px" height="10px"> Ce site est à l'intention de tous les <b>auteurs</b>, <b>compositeurs</b> ou
<b>interprètes</b> qui désirent se rencontrer et mettre en commun leurs talents...<br>
<img src="brown.gif" width="10px" height="10px"> Dans <b>le Kiosque</b>, vous trouverez, référencés par rubriques, tous les artistes en quête d'une collaboration.<br>
<img src="brown.gif" width="10px" height="10px"> Groupes, associations, organisateurs de spectacles, studios ou autres producteurs: notre <a href="espace pro.htm">espace pro</a> est à votre disposition.<br>
<img src="brown.gif" width="10px" height="10px"> Lors de votre visite, consultez nos répertoires et contactez les artistes par le biais de notre messagerie. Pour vos questions, rejoignez-nous dans la rubrique <a href="contact.htm">contact</a>.<br>
<img src="brown.gif" width="10px" height="10px"> Vous recherchez votre alter ego artistique... Déposez votre propre annonce dans la rubrique <a href="profil.htm">référencez-vous</a>.<br>
<img src="brown.gif" width="10px" height="10px"> De plus, pour vous simplifier la vie, découvrez les <a href="liens.htm">liens</a> qui, nous l'espérons, vous aideront dans votre parcours.</p>
<p style="border: 2px outset; margin: 20px; padding: 10px;">
<b><u>Prochainement</u> :</b> dans <b><i>les News</i></b>, vous retrouverez toute l'actualité musicale de nos artistes référencés ... et bien d'autres infos musique...Alors n'hésitez pas : envoyez-nous vos dates de concerts, discographies, etc...</p>
<p style="border: 2px outset; margin: 20px; padding: 10px;">Nous étudions la création d'un répertoire des lieux ( bars, salles etc...) susceptibles d'accueillir les artistes et leur musique. Nous attendons vos bons plans et adresses.</p>
<p style="font-size: 10pt; border: 1px #CC9999 solid; margin: 20px; padding: 10px;">*<u><b><i>Info importante</i></b></u>: pour le confort de tous , nous nous réservons le droit de supprimer toute annonce à caractère injurieux , provocant , etc...</p>

<center><a href="#top" margin-top="0"><u>Haut de page</u></a><br><img src="retour.gif" border="0" width="80">
</td>
<td style="width: 29%; vertical-align: top; padding: 9px;">
<center><FORM method=GET action="http://www.google.fr/search">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" width="85"
align="absmiddle"></A>
<INPUT TYPE=text name=q size=24 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=fr>
<INPUT type=submit name=btnG VALUE="Recherche">
</FORM></center>
<hr color="#fac64e" width="90%">
<center><p style="width: 90%; font-size: 9pt; font-family: verdana; font-color: #006600; border: 2px outset; margin-top: 0; padding: 8px;">
<u><b>Les Dernières Annonces</b></u><br><br>
<a href="fiche eric.htm">Eric Boursier</a><br>
<a href="fiche serge.htm">Serge Berthet</a><br>
<a href="fiche jielbee.htm">J.Luc Baudras</a><br>
<a href="espace pro.htm">Laure Bievelez</a><br>
<a href="fiche rudy.htm">Rudy</a></p>
<h2><a href="news.htm" alt=Les News><i>Les News</i></a></h2>
<b>Ajoutez notre lien à votre site</b> <br><a href="ajoutez.liens.txt" target="blank"><img src="accueil.jpg" width="120" height="60" border="0" alt="ENTREZ LES ARTISTES"></a>
<p style="margin-left: 15px; margin-right: 15px; padding: 0px;">Chers visiteurs, ce site reste évolutif... N'hésitez pas <b>votre avis nous intèresse :</b>
<a href="commentaires.htm"><img src='bouton.jpg'width="110" height="50" border="0" alt="EXPRIMEZ-VOUS"></a>
</p></center>
</td>
</tr>
</table>
</body>
</html>

salemioche
salemioche

probléme selon le navigateur ou la résolution , Posté le: 11-02-2005 9:37

va voir : http://forum.salemioche.net/sutra975.php#975 tu utilises le padding a plusieurs endroits, sans doute cela vient de la. NS: penses à présenter ton code (je l'ai fait pour toi) sinon c'est illisible. . ______________________________________ creation site internet - Hébergement web - Agence Web