Probleme CSS avec dreamweaver

Fermé
mooi37 Messages postés 109 Date d'inscription dimanche 27 février 2011 Statut Membre Dernière intervention 25 juillet 2011 - 27 févr. 2011 à 21:57
mooi37 Messages postés 109 Date d'inscription dimanche 27 février 2011 Statut Membre Dernière intervention 25 juillet 2011 - 28 févr. 2011 à 19:27
Bonjour,
J'ai un probleme avec Dreamweaver, j'ai developer mon site, mais il ne s'affiche que sous IE. Je n'arrive pas a trouver l'erreur dans mon script. Si quelq'un accepte de m'aider, il me serait d'un grande aide car je debute.

Merci

Script CSS
#body {
margin: 0;
padding: 0;
text-align: left;
font: 12px Arial, Helvetica, sans-serif;
font-size: 13px;
color: #061C37;
background: #EEEFE4;
background-image:url(file:///C|/Users/thierry/Desktop/slickblue/images/background.png);
background-repeat:repeat-x;
}
*
{
margin: 0 auto 0 auto;
text-align:left;}

#container
{
display: block;
height:auto;
position: relative;
width: 960px;
}


#header
{
height:85px;
width:960px;
text-align: center;
}

#header h1
{
position:absolute;
text-align:left;
color:#FFFFFF;
font-size:43px;
color:#FFF;
left:14px;
top:18px;
}


#header h2
{
position:absolute;
text-align:right;
color:#A9D1FA;
left:490px;
top:38px;
width:400px;
}

#mainpic
{
background-image:url(file:///C|/Users/thierry/Desktop/slickblue/images/main.jpg);
background-repeat:no-repeat;
width:900px;
height:354px;
}



.off
{
color:#67A0F5;
}


#menu
{
display:block;
float:left;
clear:both;
width:960px;
height:54px;
float:left;
clear:both;
}

#leftmenu
{
margin-top:15px;
width:204px;
float:left;
}

#leftmenu_top
{
width:204px;
height:14px;
background-image:url(file:///C|/Users/thierry/Desktop/slickblue/images/leftmenu_top.png);
}
#leftmenu_bottom
{
width:204px;
height:14px;
background-image:url(file:///C|/Users/thierry/Desktop/slickblue/images/leftmenu_bottom.png);
}
#leftmenu_main
{
width:204px;
height:auto;
background-color:#1C478E;
}

#leftmenu_main ul
{
list-style: none;
padding: 0px;
width:204px;
}


#leftmenu_main h3
{
list-style: none;
padding: 0px;
width:204px;
color:#FFFFFF;
padding-left:10px;
padding-bottom:14px;
}

#leftmenu_main ul li
{
list-style: none;
padding: 0px;
width:204px;
text-align:left;
}

#leftmenu_main ul li a, #leftmenu_main ul li a:visited
{
display:block;
list-style: none;
padding: 0px;
width:192px;
padding-left:12px;
padding-top:4px;
height:30px;
text-align:left;
background-image:url(file:///C|/Users/thierry/Desktop/slickblue/images/leftmenu_link.png);
background-repeat:repeat-x;
margin-top:5px;
color:#FFFFFF;
text-decoration:none;
font-size:15px;
font-weight:bold;
}

#leftmenu_main ul li a:hover
{
color:#87BCF8;


}




#content
{
display:block;
float:left;
width:689px;
height:auto;
padding-left:10px;
padding-top:15px;
padding-right:10px;
padding-bottom:5px;
}


#content_top
{
background-image:url(file:///C|/Users/thierry/Desktop/slickblue/images/main_top.png);
background-repeat:no-repeat;
width:689px;
height:25px;
}

#content_main
{
background-image:url(file:///C|/Users/thierry/Desktop/slickblue/images/main_back.png);
background-repeat:repeat-y;
width:659px;
padding-left:15px;
padding-right:15px;
font-size: 16px;
}

#content_bottom
{
background-image:url(file:///C|/Users/thierry/Desktop/slickblue/images/main_bottom.png);
background-repeat:no-repeat;
width:689px;
height:25px;
}








#footer
{
width:inherit;
height:auto;
}

#footer h3 a,#footer h3 a:visited
{
display:block;
text-align:center;
font-size:12px;
text-decoration:none;
color:#7198E1;
}


#menu ul {
list-style: none;
padding: 0px;
margin-left:auto;
width:960px;
}

#menu li {
list-style: none;
padding: 0px;
display: inline;

}

#menu a {
float: left;
height: 36px;
display: block;
text-decoration: none;
color: #ffffff;
font-weight: bold;
padding-top: 18px;
font-size: 15px;
padding-left:13px;
padding-right:13px;

}

#menu a:hover{
color:#86AEF9;
background-image:url(file:///C|/Users/thierry/Desktop/slickblue/images/linkbackground.jpg);
background-repeat:repeat-x;
}

#content p
{
font-size: xx-large;

}


html, body {
text-align: center;
}
p {text-align: left;}
#container #content #content_main p strong {
color: #CC0033;
}
p {
font-weight: bold;
}
#container #content #content_main p {
color: #CC33CC;
}
#container #content #content_main p {
color: #33000;
}
#container #content #content_main p {
color: #33CC33;
}
#container #content #content_main p {
color: #330000;
font-size: large;
}
#container #content #footer h3 {
text-align: center;
}
#container #content #content_top {
font-size: medium;
}
#container #content #content_top {
font-size: x-large;
}
#container #content #content_top {
font-size: 24px;
}
#container #header img {
font-size: 9px;
}



8 réponses

telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 875
27 févr. 2011 à 22:19
Salut,
Que veux-tu qu'on te dise avec en tout et pour tout du code CSS ????
0
mooi37 Messages postés 109 Date d'inscription dimanche 27 février 2011 Statut Membre Dernière intervention 25 juillet 2011 5
27 févr. 2011 à 22:21
Euh je ne comprend pas :/
0
jimmy1120112 Messages postés 617 Date d'inscription mardi 30 novembre 2010 Statut Membre Dernière intervention 7 décembre 2014 54
28 févr. 2011 à 07:45
Salut,

Tout le code semble correcte sauf que vue ou tu a placer t'es images, il faudra que ton pc soit allumer pour que le site vienne chercher les images, et encore je suis pas sur...

Il faut que tu mette ton site dans un dossier avec cette arborescence :

Crée un dossier "mon site" puis mettre l'intégralité du site dedans, ensuite crée un dossier dans "mon site" nommé "images" inclure toutes les images nécessaire au site.

Dans ton css ou tes fichier html tu met pas :

background-image:url(file:///C|/Users/thierry/Desktop/slickblue/images/main.jpg);

Mais ceci a la place : background-image:url(file:"images/main.jpg");

Pour TOUTE t'es images.

Parce que dans l'aperçus tu verra toujours t'es images, alors que quand tu vas le mettre en ligne, toutes t'es image aurons disparue :D

Fait déjà sa et regarde si ton site affiche bien les images, et dit nous les autres problème que tu as sur ton site parce que la ...

Et passe nous aussi le code du fichier html ou php de la page ou il y a un problème.
0
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 516
28 févr. 2011 à 08:04
Salut à tous !
Et ça, c'est quoi ?
* { 
margin: 0 auto 0 auto; 
text-align:left;}
au dessus de #container ?


Le bonheur est la seule chose que l'on peut donner sans l'avoir.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
mooi37 Messages postés 109 Date d'inscription dimanche 27 février 2011 Statut Membre Dernière intervention 25 juillet 2011 5
28 févr. 2011 à 11:44
Jimmy1120112: dans le dossier racine de mon site j'ai deja un fichier image, vu que le site passse sous IE.

Txiki: on a crée ce code a deux avec un ami, c'est lui qui a du metre sa. Je vais essayer en enlevent voir si sa marche.
0
mooi37 Messages postés 109 Date d'inscription dimanche 27 février 2011 Statut Membre Dernière intervention 25 juillet 2011 5
28 févr. 2011 à 11:53
J'ai essayer de suprimer la partie du code, mais aucun changements, et le contenu de la page de bouge pas. :/
0
txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 516
28 févr. 2011 à 12:20
A mon avis, ça ne sert à rien car * n'est ni un id,ni une classe ni une balise donc ce qui suit (les valeurs) ne peuvent pas etre valides.
"Mais ceci a la place : background-image:url(file:"images/main.jpg"); " Même ça, ça ne sert à rien. Il faut que tu mette un lien relatif du style:
background-image:url("/images/main.jpg"); 
ou images serait ton dossier des images et main.jpg serait ton image dans ce dossier. Comme ça, où que se trouve ton site, le navigateur verra ces images !

Le bonheur est la seule chose que l'on peut donner sans l'avoir.
0
mooi37 Messages postés 109 Date d'inscription dimanche 27 février 2011 Statut Membre Dernière intervention 25 juillet 2011 5
28 févr. 2011 à 12:31
aucun changements. mais je viens juste de remarquer que j'ai un fichier "image.dfv" et quand je veux l'nvoyer avec Filezilla il me met erreur critique de transfert de fichiers. Le probleme pourrait il venir de la et non de mon css ?
0
mooi37 Messages postés 109 Date d'inscription dimanche 27 février 2011 Statut Membre Dernière intervention 25 juillet 2011 5
28 févr. 2011 à 19:27
Enfaite j'ai transferez le fichier en question, mais sa ne change rien.
0