MissMonde
-
Compteur de contenus
111 -
Inscrit(e) le
-
Dernière visite
Messages postés par MissMonde
-
-
Bonjour,
à mon avis, si tu mets un z-index élevé au div#nav, ça devrait le faire
ensuite, si tu appliques un border de 1 px à ton div#nav et à ton div#entete, tu verras qu'ils se chevauchent car tes images dans l'entete sont trop hautes et ça cache l'accueil.
Martine
-
Salut Xavier,
Je suis allée voir les doctypes, j'ai comparé et je n'ai pas vu de différence de casse avec le mien.
Mais je ne comprends toujours pas : si le doctype n'était pas reconnu et que le validateur n'acceptait pas les " />", ce n'est pas une seule erreur que j'aurais, mais plein, vu que toute ma page est en xhtml.
En tout cas, entretemps, j'ai validé avec http://www.validome.org/ et effectivement, j'avais les erreurs des pixels sur toutes les images.
En revanche, une fois que j'ai enlevé les pixels, c'était valide.
Donc le doctype n'est pas si mal que ça, non ?
Merci de m'avoir répondu.
PS. comme c'est pas moi qui fait le transfert FTP des nouvelles pages valides, elles ne seront pas en ligne immédiatement, si ça intéresse qqun de vérifier !!
-
Bonjour à tous,
Le site que j'ai fait, il y a quelques mois, était valide Xhtml 1.0 Strict.
Maintenant, le validateur me sort une erreur dans le charset :
Error Line 6 column 68: character data is not allowed here....ontent-type" content="text/html; charset=utf-8" />
You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>) or forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes).
voici la ligne de la page en question :
<meta http-equiv="content-type" content="text/html; charset=utf-8" />et le lien pour vérifier : Vitis Epicuria page index
Je ne comprends pas où est l'erreur. Merci à ceux qui pourraient m'aider.
Martine
-
De rien.
bonne continuation
-
bonjour maxx_psy,
voilà ce que j'ai trouvé :
<head>
<title>essai largeur</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<style type="text/css">
<!--
#ssmenu{
margin: 0px;
margin:0px;
font :1em arial;
color:#000;}
ul {
list-style-type: none;
width:100%; /* précision pour Opera */}
#ssmenu li {
display:inline;/*remplace float:left;*/
/* MON PROBLEME EST ICI */
/* #################### */
width:auto;
/* #################### */}
#ssmenu a {
border: 1px solid #000;
height: 27px;
/*display:block; à enlever*/
text-align:center;}
-->
</style>
</head>
<body>
<ul id="ssmenu">
<li><a href="">aaa</a></li>
<li><a href="">aaaaaa</a></li>
<li><a href="">aaaaaa aaa</a></li>
<li><a href="">aaaaaa aaaaaa</a></li>
<li><a href="">a</a></li>
</ul>
</body>
</html>- à la place de float:left, tu mets les li en display:inline
- tu enlèves le display:block des liens
si tu veux utiliser le float left, IE a besoin d'une largeur pour les liens (en plus du display: block);
source : livre de Raphaël Goetter "Css2 Pratique du design web" pages 168 et 169.
J'espère que c'est ce que tu voulais. Bonne continuation,
Martine
-
Salut,
Laisse tomber le menu en gras, je t'ai dit une grosse bêtise;
Sinon, je ne vois pas de solution.
l'effet qui se rapproche le mieux est l'emploi de 2 teintes rapprochées, la plus "contrastée" avec le fond étant utilisée pour le hover.
allez, je vais prendre mes vitamines, j'en ai besoin
Martine
-
Salut,
Le background de ton titre est repris dans le toolbar-left (background : inherit), ce qui fait que ton image est répétée et ce qu'on voit c'est un bout de la 2ème image.
donc enlève "background : inherit" et ça devrait revenir normal.
Pour le gras du menu, je te conseille de faire une liste (ul et li).
tu mets les li en display: inline
tu mets les a en display block et tu joues sur les marges pour laisser de la place à la police qui devient grasse au survol.
Avec IE, toutes tes images png ont une bordure grise => IE ne supporte pas la transparence du png.
Voilà.
Très beau site, sobre, élégant et efficace.
Martine
-
Bonjour Gribouille,
je pense que c'est .formcontact
il est en position absolue et tu lui as mis des "margin-left" et "margin-top"
il faut mettre uniquement "left" et "top"
Martine
-
Toi aussi.Tu as parfaitement raison.D'ailleurs, je me demande si mon pseudo n'est pas un peu trop restrictif !!
-
Bonjour Pierre-André,
c'est le tableau qui contient ton texte qu'il faut centrer, et théoriquement, text-align : center s'utilise pour ...du texte.
sauf pour IE qui aligne tout avec cette propriété.
donc pour IE c'est ok, mais les autres navigateurs ne centrent pas.
il faut donc appliquer en plus le centrage "normal" qui se fait avec les marges.
ajoute à ta CSS une ligne :
table{margin: 0 auto;}
et ça devrait le faire.
amitiés
Martine
-
Dans ce cas, tu mets en background global (regroupant partie centrale et partie droite) la couleur de ta partie droite et tu appliques à la partie centrale sa couleur.
je ne sais pas si c'est clair.
tu as aussi la possibilité de faire une image de fond de la largeur de la page et de qqs pixels de hauteur; répétée sur toute la hauteur, elle sert à simuler les colonnes.
Martine
-
Bonjour Athmos,
eh bien, comme les 2 parties ont la même couleur de fond, tu peux essayer d'enlever les bords oranges de la partie droite et de mettre un border-right orange au contenu central, ça fera la séparation et ça ira jusqu'en bas.
Martine
-
Je vous souhaite à tous de bonnes fêtes et une année 2005 hubiennement heureuse.
Martine
-
Salut,
il faut rajouter à img {display:block;}
je crois qu'il y a un sujet là-dessus sur le hub, mais je ne sais plus où.
-
Bonjour xpatval,
je ne sais pas ce que tu as d'autre dans ta page, mais il faudrait peut-être mettre à zéro les margin et padding par défaut de tes balises (elles en ont toutes, je crois, sauf le div).
tu peux le faire ainsi au début de ta CSS:
*{margin:0; padding:0;}
-
Salut Soho,
chez moi non plus, je n'ai plus le menu gauche avec IE6.
Essaie de mettre 'clear: both;' dans la css de ton div "pied".
Il me semble que c'est ça qui manque après ton encadré qui est flottant à droite.
A+
-
Salut,
c'est nickel sous firefox.
contente d'avoir pu t'être utile
Martine
-
A mon avis, le décalage provient du fait que les % ne sont pas assez précis.
J'ai retouché la page en me servant des em et ça tombe pile poil.
Voici les changements que j'ai fait :
1. le conteneur :
- taille d'origine 85%, je l'ai convertie en 54em pour avoir une taille à peu près équivalente.
- j'ai rajouté une position relative pour que les 2 div positionnés en absolu le soient (positionnés) en fonction de lui (du conteneur).
2. le contenu :
- taille d'origine 70%, c'est devenu 37em, là aussi, c'est à peu près.
- marges gauche et droite d'origine: 15% application du même calcul (différence entre 54em et 37em divisé par 2 = 8.5em) donc 8.5em pour chaque marge.
3. les menus gauche et droit
- la taille d'origine de 15% devient 8.5em pour chacun
- le top est resté à 100px mais comme il est maintenant positionné par rapport au conteneur et non plus par rapport au body, il faut peut-être enlever les 10px (? je ne sais plus le chiffre exact) de top-margin du conteneur, ce qui donne 90px.
- le positionnement horizontal de 80% devient 45.5em (54 - 8.5).
Voilà, j'espère que ce n'est pas trop confus.
-
Bonjour Sébastien,
en regardant ta page, telle que tu l'as faite, en 800x600, il y a un décalage du menu gauche même avec IE.
alors qu'avec ma solution, il ne reste qu'un pixel à solutionner.
je vais essayer de trouver qq chose à ce sujet.
A+
-
J'ai téléchargé ta source et ton css.
chez moi, avec IE6 et FFox, ça marche.
il y a un tout petit décalage d'environ 1px au raccord que je n'ai pas réussi à solutionner avec les %
tu dois positionner les 2 div absolues avec uniquement 2 valeurs.
la solution que je t'ai donnée plus haut provoque un décalage du menugauche, car surIE etFF, la largeur n'est pas rendue de la même manière, il faut donc définir les points de positionnement de façon à avoir le point fixe qui touche la partie centrale.
pour le menu droit c'est bon, top:100px et left: 80%
pour le menu gauche, il faut mettre top:100px et right:80%.
je ne sais pas si c'est compréhensible, ce que je raconte, mais à part le petit pixel de décalage, ça marche.
-
Essaie ceci :
menu gauche
top : 100px;
left : 5%;
menu droit
top : 100px;
left : 80%;
qu'est-ce que ça donne ?
-
Salut Sébastien,
A première vue, tes 2 blocs posant problème sont en position absolue et tu indiques un margin-top et un top pour chacun d'eux.
Utilise uniquement le top.
-
Bonjour Martin,
je suis d'accord avec Sébastien, les div flottants sont enlevés du flux, donc le conteneur (div centre) n'a plus de contenu auquel s'adapter.
d'après ta CSS, tu veux obtenir une structure avec une colonne contenu et une colonne menu à droite.
il faut que l'une des 2 colonnes soit du flux normal, donc sans positionnement.
l'autre colonne peut être soit flottante, soit en position absolue, et dans ce cas, il faut choisir la colonne dont la hauteur est la plus grande comme colonne en flux normal.
va voir ce tutoriel qui te montre comment faire un design basique avec un entête, un contenu avec un menu à gauche et un pied de page.
http://www.alsacreations.com/articles/design/
Ah oui, aussi : les min et max sur les height et width ne marchent pas avec IE.
Bon courage
Oups, pardon, je laisse Laurent poursuivre, il est autrement plus calé !!
-
Salut,
j'ai Gimp pour windows : j'ai téléchargé les fichiers zip du logiciel et de gtk, après dézippage, on obtient 2 fichiers .exe à installer.
c'est ce que tu as fait ?
Erreur validation W3C pour le charset
dans (X)HTML et CSS
Posté
Salut Xavier,
tu as raison sur toute la ligne, j'avais pas les yeux en face des trous.
Du coup j'ai pris un avatar qui correspond à mon niveau de boulet (pas encore à mon niveau d'âge, mais c'est pas très loin) !!!
Merci mille fois pour ta patience.
Martine