Probleme CSS avec dreamweaver

mooi37 Messages postés 109 Date d'inscription   Statut Membre Dernière intervention   -  
mooi37 Messages postés 109 Date d'inscription   Statut Membre Dernière intervention   -
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 3668 Date d'inscription   Statut Membre Dernière intervention   882
 
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   Statut Membre Dernière intervention   5
 
Euh je ne comprend pas :/
0
jimmy1120112 Messages postés 619 Date d'inscription   Statut Membre Dernière intervention   54
 
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 6596 Date d'inscription   Statut Contributeur Dernière intervention   521
 
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   Statut Membre Dernière intervention   5
 
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   Statut Membre Dernière intervention   5
 
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 6596 Date d'inscription   Statut Contributeur Dernière intervention   521
 
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   Statut Membre Dernière intervention   5
 
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   Statut Membre Dernière intervention   5
 
Enfaite j'ai transferez le fichier en question, mais sa ne change rien.
0