Problème avec le CSS
Résolu
aiglenoirdu29
Messages postés
11426
Statut
Contributeur
-
aiglenoirdu29 Messages postés 11426 Statut Contributeur -
aiglenoirdu29 Messages postés 11426 Statut Contributeur -
Bonsoir tout le monde,
j'ai un problème d'affichage :
Sous firefox ça marche pas (seul le décalage sur les coté et l'alinéa marchent) :
http://img132.imageshack.us/img132/1714/capturedcran20100302234.png
Sous safari ça marche j'ai ça :
http://img132.imageshack.us/img132/6238/capturedcran20100302234c.png
Voici le code HTML
Voici le code CSS
Merci beaucoup !
--
Windows has not detected any keyboard. Press Enter to continue.
Hu?
j'ai un problème d'affichage :
Sous firefox ça marche pas (seul le décalage sur les coté et l'alinéa marchent) :
http://img132.imageshack.us/img132/1714/capturedcran20100302234.png
Sous safari ça marche j'ai ça :
http://img132.imageshack.us/img132/6238/capturedcran20100302234c.png
Voici le code HTML
<div id="contenu"><!-- debut section contenu --> <h2>Découvrez nos services !</h2> <p>Un paragrapheUn [...]
Voici le code CSS
div#contenu h2 /* Style des titre h2 dans la section contenu */
{
padding-left: 25px ;
font-size: 3.4em ;
color: #99bb22 ;
}
Merci beaucoup !
--
Windows has not detected any keyboard. Press Enter to continue.
Hu?
12 réponses
-
Salut.
Dans la balise <marquee> tu as des balises qui ne sont pas fermées. Un <font> et un <strong>.
Ça viens peut-être de là. -
-
A première vu je vois rien qui justifie que ça ne fonctionne pas.
Un problème de cache ?
Ou alors une autre partie du code viens contredire celui-ci...
Tu aurai un lien vers ta page à nous donner ?-
Merci pour le temps que tu me consacre.
Je viens de l'up ici : le site
-
-
Bonjour,
Problème de polices (font) peut etre ?
Choisit une police qui soit compatible sur les deux navigateurs, et qui donne le meme résultat graphique surtout.
. -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Dans ton code css tu as
div#contenu
met un espace entre les deux :div #contenu
-
Ce qui est bizard, c'est que quand on analyse ton code avec firebug (plugin firfox) on s'appercoit que ton titre est entre deux balise <font> qui définisse <font-size="2em"> et c'est ca qui fout le bordel.
En revanche, lorsqu'on affiche la source on voit bien que ces deux balises n'existe pas.
Un chose à peu près identique m'est arrivé un jour à cause d'un fichier qui n'était pas dans le bon format, et donc vérifie que tout tes fichiers son encodé en iso-8859-1. -
Je pense que ca ne marche toujours pas car chez moi, le titre est toujours en 2em, par contre il est vert maintenant.
EDIT : ok, le problème de taille vient la encore de balise font qui n'ont rien à faire ici, et sous firebug tu en as partout, donc c'est pas normal -
Coté format des fichiers php, smultron me les enregistre en Occidental (ISO Latin 1)
Edit : je vais installer firebug voir, je connaissais pas.
-
Ba tu as bien supprimé la balise <font> à la fin de ton <marquee> mais tu as oublié de fermer la première :
<marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font size="2" face="Arial, Helvetica, sans-serif">Vous souaitez organiser un anniversaire, une soirée, votre mariage ? <strong><em>Hex 45</em></strong>, votre partenaire pour des soirées inoubliables ! Avec plus de 20 années d'expériences, nous vous assurons une prestation de qualité !</font></marquee>
-
Avec firebug je pense pas. Avec notepad++ si tu indente bien ton code c'est pas trop dur à vérifier, il surligne les couples de balise.
-
en codant avec notepad++ la coloration syntaxique permet de repérer ce genre d'erreur.
https://notepad-plus-plus.org/
et aussi sur Firefox, outils /console d'erreurs
. -
Ok, je suis sous Mac Os, donc pas de notepad++ pour moi.
Normalement j'ai pas de problèmes avec les balises car je les ferme aussitôt que je les ouvre.
Mais là j'ai pris le code du texte défilant sur un site à coup de copier coller du coup j'ai pas bien vérifier.
Je ferrais plus attention aux copier coller maintenant...
Merci beaucoup pour votre aide.
