Probléme CSS
Résolu
Utilisateur anonyme
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Mon site est fait avec une feuille de style css (enfin deux) mais une ne marche pas,
Voici son code :
Rien ne ce met en place corectement : Pas de couleur, pas les blok cote a cote ect
Qui peut me montrer mon erreurs ?
Mon site est fait avec une feuille de style css (enfin deux) mais une ne marche pas,
Voici son code :
html { background: #ddd; } html, body { height: 100%; margin: 0; } /* bloc contenant l'ensemble des autres blocs*/ div#global { min-height: 100%; width: 900px; padding: 0 10px; margin: 0 auto; position: relative; padding: 0 10px; padding-top: 10px; border: 1px solid #AAA; background-color: #EEE; } /* bloc permettant de centrer le contenu du site dans le bloc contenu*/ div#center { /* Pour ?viter la superposition du pied de page et du contenu : */ padding-bottom: 50px; overflow: auto; background-color: #EEE; } /* bloc du pied de page*/ div#footer { position:relative; width: 100%; bottom: 20px; text-align:center; background: #abcdef color: #fff; } /* bloc du contenu*/ div#content { float:right; width: 670px; margin-left: 10px; border: 1px solid #AAA; } div#sidebar { float:left; width: 200px; background-color: #EEE; color: #000; border: 1px solid #AAA; } div#header { background: #abcdef color: #fff; height: 201px; position: relative; } div#header h1 { margin: 0; position: absolute; bottom: 10px; left: 30px; font: 3em Georgia, serif; } body { margin: 10px 0 ; font: 90% "Trebuchet MS", sans-serif; } div#content h2 { padding-left: 35px; background: #fff; color: #6c0; } div#content h3 { color: #c00; font-variant: small-caps; } div#footer p { margin: 2px 0; font-size: 0.9em; } a { color: #6c0; font-weight: bold; } a:hover { color: #c00; } <!--[if IE]> #global { height: 100%; } #content { display: inline; } #center { overflow: visible; height: 1%; } #content, #sidebar { margin-top: 15px; } #global { position: static; } a, pre { position: relative; } body { position: relative; }
Rien ne ce met en place corectement : Pas de couleur, pas les blok cote a cote ect
Qui peut me montrer mon erreurs ?
A voir également:
- Probléme CSS
- 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
12 réponses
bonsoir,
daas ces cas là il se peut qu'il y ait une erreur dans le code et qu'une relecture ne permette pas de la déciuvrir.
mettez le tout en commentaire et décommenter une par un les parties du code jusqu'à repérer celle qui ne va pas.
daas ces cas là il se peut qu'il y ait une erreur dans le code et qu'une relecture ne permette pas de la déciuvrir.
mettez le tout en commentaire et décommenter une par un les parties du code jusqu'à repérer celle qui ne va pas.
Je ne voi pas ce que tu veut dire car quand je regarde mon site pas publié sa marche mais une fois publié non
salut,
si cela fonctionne en local mais pas en ligne c'est sans doute un problème d'URL vers la feuille de style.
mais il faut d'abord nous décrire la situation le plus complètement possible avant de balancer le source…
avec un hack pour IE et des positionnement relatifs/absolus il y a des centaines de sources de problèmes.
dis nous d'abord ce que tu as fait, ce à quoi ressemble le site en local, ce qui se passe quand tu le mets en ligne…
si cela fonctionne en local mais pas en ligne c'est sans doute un problème d'URL vers la feuille de style.
mais il faut d'abord nous décrire la situation le plus complètement possible avant de balancer le source…
avec un hack pour IE et des positionnement relatifs/absolus il y a des centaines de sources de problèmes.
dis nous d'abord ce que tu as fait, ce à quoi ressemble le site en local, ce qui se passe quand tu le mets en ligne…
http://membres.lycos.fr/ecvlepuy/body.html
Sur cette page il est censé il y avoir un cadre en fond gris et ensuite un autre cadre avec le contenu du site qui ce présenté de cette façon :
Image/logo
dessous de colonnes une avec le contenu de la page et l'autre a droite avec le menu
Sur cette page il est censé il y avoir un cadre en fond gris et ensuite un autre cadre avec le contenu du site qui ce présenté de cette façon :
Image/logo
dessous de colonnes une avec le contenu de la page et l'autre a droite avec le menu
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
salut,
ta mise en page n'est pas bonne, mieux vaut la reprendre en entier.
pour le header par exemple :
tu as mis une taille énormissime pour <h1>
et l'URL de l'image n'a pas été adaptée au contexte, il faut
mais comme ça doit être une image de fond il faudrait l'appliquer en arrière-plan de <h1> avec CSS au lieu de mettre une <img/>.
pour les colonnes tu peux regarder un exemple fait pour une autre discussion, à droite et à gauche.
ta mise en page n'est pas bonne, mieux vaut la reprendre en entier.
pour le header par exemple :
<div id="header"> <h1> Ecole de vélo du puy en velay</h1> <img alt="" src="site%20I/bg_header.gif" style="width: 899px; height: 206px;"/> </div>
tu as mis une taille énormissime pour <h1>
/* page.css (ligne 29) */ h1 { font-size:10em; }
et l'URL de l'image n'a pas été adaptée au contexte, il faut
src="bg_header.gif"
mais comme ça doit être une image de fond il faudrait l'appliquer en arrière-plan de <h1> avec CSS au lieu de mettre une <img/>.
pour les colonnes tu peux regarder un exemple fait pour une autre discussion, à droite et à gauche.
Sur le local le texte n'est pas si grand…
Le texte est sur l'image et les colone sont bien placer donc je ne comprend pas…
Le texte est sur l'image et les colone sont bien placer donc je ne comprend pas…
Ha voila sa marche mais maintenant j'ai un bug il ya pas le texte complet mais des bares de defilement comment les enlever ??
ça vient de là :
tu as défini une hauteur, il n'en faut pas.
mais tu devrais reprendre ta CSS depuis le début, il y a du code dans tous les sens, tu vas aller de bidouille en bidouille.
/* page.css (ligne 130) */ #center { height:1%; overflow:visible; }
tu as défini une hauteur, il n'en faut pas.
mais tu devrais reprendre ta CSS depuis le début, il y a du code dans tous les sens, tu vas aller de bidouille en bidouille.
Maintenant bloc plus centré menu disparu
et après ce sera autre chose.
bis repetita placent…
tu devrais reprendre ta CSS depuis le début, il y a du code dans tous les sens, tu vas aller de bidouille en bidouille
on va continuer comme ça pendant des heures et à chaque fois que tu voudras modifier le contenu d'une page tu auras encore des merdes à l'affichage.
il te faut un code HTML valide et un CSS propre de A à Z.
les navigateurs sont déjà assez tatillons comme ça, si tu n'as pas un code irréprochable tu ne seras jamais sûr de ta présentation.
et après ce sera autre chose.
bis repetita placent…
tu devrais reprendre ta CSS depuis le début, il y a du code dans tous les sens, tu vas aller de bidouille en bidouille
on va continuer comme ça pendant des heures et à chaque fois que tu voudras modifier le contenu d'une page tu auras encore des merdes à l'affichage.
il te faut un code HTML valide et un CSS propre de A à Z.
les navigateurs sont déjà assez tatillons comme ça, si tu n'as pas un code irréprochable tu ne seras jamais sûr de ta présentation.