Incontournables XHTML / CSS :
| Auteur |
|
| Maeze |
|
| 4 Posts |
Bonjour,
Je recherche une petite aide pour la relecture de mon CSS,
J'ai un design parfait sur Firefox,
Mais un décalage et une non reconnaissance des icônes en PNG.
L'adresse de mon site : http://salleu2000.idoo.com/
(Pour pouvoir la visionner sous Firefox et IE)
Si quelqu'un pourrait m'aider ...
En remercient d'avance,
Cordialement
------------------------------- Mon CSS -------------------------------
html{
background:url('../images/bg.jpg') repeat-y;
background-position: center;
background-color:#D1C3A9;
}
body {
color:#000000;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
position:absolute;
width: 792px;
height: auto;
min-height: 100%;
left: 50%;
margin-left: -396px; /* moitié de la largeur */
/*border: 1px solid #000f2a;*/
margin-top:0px;
}
div#conteneur {
width:792px;
height:auto;
}
div#header {
background:url('../images/header.jpg') no-repeat;
width:792px;
height:392px;
}
div#date {
position:absolute;
margin-top:270px;
margin-left:490px;
}
div#menu{
width:200px;
height:auto;
float:left;
}
div#contenu{
padding-left:27px;
padding-right:27px;
}
div#menuforme {
background:url('../images/m_footer.jpg') no-repeat bottom #FFFFFF;
width:200px;
height:auto;
padding-bottom:15px;
margin-bottom:12px;
}
div#menuforme h2 {
width:200px;
height:19px;
background:url('../images/h2_m.jpg') no-repeat;
text-align:center;
padding-top:3px;
}
div#menuforme ul {
padding-left:4px;
padding-top:10px;
width:194px;
border-left:1px solid #D2CDC4;
border-right:1px solid #D2CDC4;
}
div#menuformecentre {
border-left:1px solid #D2CDC4;
border-right:1px solid #D2CDC4;
}
div#menuforme li { height:15px; margin-bottom:3px; padding-left:18px; background:url('../images/li.jpg') no-repeat; }
div#menuforme lu { height:15px; margin-bottom:3px; padding-left:18px; background:url('../images/lu.jpg') no-repeat; }
img { display:block; margin:0; padding:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#333333; text-decoration:none; font-weight:bold; }
a:hover { color:#D1C3A9; font-weight:bold; }
a img { border:0; }
h1 { text-align:left; margin:0; padding:0; font-size:150%; }
h2 { margin:0; padding:0; font-size:100%; }
h3 { margin:0; padding:0; font-size:120%; }
h4{ height:15px; font-size:12px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:0px; padding-left:18px; background:url('../images/li.jpg') no-repeat; }
p { margin:0; padding:5px; }
div.clear { clear:both; }
div#centre {
width:514px;
height:auto;
float:right;
}
div#centreheader {
width:514px;
height:19px;
background:url('../images/h2_t.jpg') no-repeat;
text-align:center;
padding-top:3px;
}
div#centrecentre {
width:492px;
height:auto;
background-color:#ffffff;
border-left:1px solid #D2CDC4;
border-right:1px solid #D2CDC4;
padding:10px;
text-align:justify;
}
div#centrefooter {
background:url('../images/t_footer.jpg') no-repeat bottom #FFFFFF;
width:514px;
height:51px;
}
div#footer {
width:792px;
height:189px;
background:url('../images/footer.jpg') no-repeat;
clear:both;
}
div#footer p {
text-align:center;
}
div#admin {
position:absolute;
margin-top:-146px;
margin-left:43px;
}
div#lien {
position:absolute;
margin-top:500px;
margin-left:43px;
}
div#firefox {
position:absolute;
margin-top:800px;
margin-left:43px;
}
div#photo {
position:absolute;
margin-top:-150px;
margin-left:180px;
}
div#visiteur {
position:absolute;
margin-top:240px;
margin-left:135px;
}
div#contact {
position:absolute;
margin-top:80px;
margin-left:330px;
}
div#news{
text-align:center;
margin:auto;
}
div#image{
position:absolute;
width:257px;
height:280px;
margin-top:-200px;
margin-left:200px;
background:url('../images/UCE.jpg');
}
------------------------------- Fin CSS -------------------------------
Modifié par Maeze (06 Sep 2008 - 18:11)
|
|
| 6l20 |
|
Chasseur de 1/2 Kiwiz Modérateur 1371 Posts |
Bonjour Maeze,
En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).
Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. 
D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.
Je t'invite également à venir te présenter à la communauté qui t'accueille avec grand plaisir
Cdt,
Sylvain
XHTML: structure. CSS: présentation. Javascript: comportement.
|
|
| ghost |
|
| 1681 Posts |
Salut,
Un petit souci là
<div id="visiteur">
- <script type='text/javascript' src='http://tools.idoo.com/counter/?log=salleu2000&id=174508'></script> personnes sont passées sur | SallEU2000 | crée en juin 2008
</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
lang="fr">
<head>
Tu as du code html avant la déclaration du doctype
d'après moi il n'a rien à faire là ....
En essayant continuellement, on fini par réussir. Donc: plus ça rate, plus on a de chances que ça marche.
|
|
| Maeze |
|
| 4 Posts |
Oui, exactement ici il y a déjà un problème, je vais le corriger immédiatement,
Mais je ne pense pas, que ceci est la cause du problème de compatibilité !
Merci,
|
|
| Maeze |
|
| 4 Posts |
Énorme merci à toi GHOST, juste cette erreur ma fait perdre mon temps, je suis passer devant certainement plusieurs fois sans la voir.
Je te remercie !
:Matt 
|
|
| 6l20 |
|
Chasseur de 1/2 Kiwiz Modérateur 1371 Posts |
Hello Maeze,
A propos du mode quirks dont je te parlais en mp plus tôt
Sers-toi tu validateur du W3C pour corriger le reste des erreurs :
http://validator.w3.org/
Cdt,
Sylvain
XHTML: structure. CSS: présentation. Javascript: comportement.
|
|
| Arrmani |
|
| 13 Posts |
Bonjour.
Je constate un décalage dans l'affichage des sous-rubriques de mon site sous FireFox et IE. Je voudrais savoir si je peux exposer mon problème dans ce poste ou il vaux mieux créer un nouveau sujet? Merci
|
|
| 6l20 |
|
Chasseur de 1/2 Kiwiz Modérateur 1371 Posts |
Arrmani a écrit :
Bonjour.
Je constate un décalage dans l'affichage des sous-rubriques de mon site sous FireFox et IE. Je voudrais savoir si je peux exposer mon problème dans ce poste ou il vaux mieux créer un nouveau sujet? Merci
Bonjour Arrmani 
Il vaut mieux créer ton propre sujet, merci de ta compréhension
Modifié par 6l20 (10 Sep 2008 - 22:19)
XHTML: structure. CSS: présentation. Javascript: comportement.
|
|
Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org
Nos partenaires : Editions Eyrolles
Nikozen : Hébergement - Réalisation : Alsacreations.fr
