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 -
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;
}
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;
}
A voir également:
- Probleme CSS avec dreamweaver
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
8 réponses
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.
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.
Salut à tous !
Et ça, c'est quoi ?
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
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.
J'ai essayer de suprimer la partie du code, mais aucun changements, et le contenu de la page de bouge pas. :/
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:
Le bonheur est la seule chose que l'on peut donner sans l'avoir.
"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.