28221 sujets

CSS et mise en forme, CSS3

Pages :
(reprise du message précédent)

Ca commence a venir ! C'est quand même mieux quand le code est propre et qu'il n'y a pas plein de lignes parasites !

En ce qui concerne ton fond saumon (j'aime pas la couleur mais bon) tu ne le vois pas parceque ta liste de definition (dt dl etc...) à l'attribut float. Or si tu regardes le lien que je t'ai donné concernant les positionnements tu verras qu'un élément en float ne fait pas partie de ta page en tant que tel (si je puis dire). En fait dans ton code comme il est ecrit, la div avec le fond saumon ne contient virtuellement rien puisuqe les éléments float sont hors de la mise en page (par definition).
Donc pour expliquer au navigateur que la div saumon doit contenir les flottants on utilise un subterfuge qui consiste à créer par exemple :
.clearboth{clear:both}
et on peut mettre dans le XHTML
<br class="clearboth" />

De cette facon le navigateur sait que tout ce qui est entre le debut de la div saumon et ce br doit être affiché dans la div saumon ! C'est pour cela que je t'invitais a regarder les propriétés clear. Dans leur usage strict la propriété clear sert en fait à sortir du flux provisoire créer par des éléments en float.

Cependant dans ta mise en page (ne sachant pas que tu ferais ce style de gallerie) les éléments sont deja en float à savoir : le menu droit le menu gauche et la div conteneur. Un clear both met donc la pagaille dans la mise en page.
Une solution qui oblige a reprendre un peu le code est de mettre le menu gauche et droit en position: absolute (comme dans l'exemple des gabarits de ce site dont je t'ai mis le lien). De cette manièreil n'y aura qu'un seul flux celui des images et il te sera alors aisé d'utiliser cette propriété clear.

Enfin je te recommande d'adopter une charte graphique beaucoup plus simple et plus harmonieuse. Normalement 2 couleurs de fonds plus le header suffisent pour mettre en évidence le contenu du site. Multiplier les couleurs n'est pas forcemment une bonne solution. Surtout celle que tu choisis Smiley lol . Un orange tranché avec du violet, du rouge, du jaune pale, du bleu turquoise, du noir, etc.. Ca fait beaucoup. M'enfin si tu aimes, libre a toi Smiley cligne
Bonjour professeur Gilles !

Je suis largué, perdu, j'ai rajouté ce que tu m'as conseillé sur Nocario un, Nocario de, Nocario trois, et ça me donne des erreurs différentes !.
Au secours !.
Je aurai donc, jamais fini !.
Élève Julien.
PS : à mon avis, vues le nombre de gens qui ont regardé ce message, je pense que toutes mes questions ont dû bien aider certaines personnes.
http://ile.chrispat.free.fr/nocario2.php

Modifié par Julien2B (21 May 2005 - 13:56)
Hé hé pas très reveillé ce matin. Qu'est donc que ca dans le CSS ?????
.clearboth {
clear: both/* et on peut mettre dans le XHTML
<br class="clearboth" />
CSS Document */
}


Le <br /> il va dans le code XHTML !! D'autre part l'abscence du ; rend ta class clearboth inopérante !

En ce qui concerne tes positions de menus. Ils sont correcterment mis en absolu ! Cependant si tu relis bien l'article sur les postionnement, il faut que tu precises à ces menus ou ils doivent se mettre. Donc pour le menu à gauche il faut rajouter left:0px et pour celui de droite right: 0px

N'oublie pas de mettre aussi le conteneur global en position: absolute ; il servira ainsi e point de reference pour le positionnement des menus.


Va voir par la : <----link---->

Css is : <--HERE-->
Modifié par gilles6975 (21 May 2005 - 14:25)
Bonjour professeur Gilles !.

Après avoir passé un dimanche au village, je me suis replongé sur mon site.
J'ai corrigé toutes mes erreurs, certaines sont vraiment des fautes d'inattention, à l'école était déjà comme ça.
J'ai toujours quelques erreurs. Avec firefox, tout va bien.
Par contre avec Internet Explorer j'ai pas mal d'erreur.
Dans la page Nocario un, pas moyen de mettre le fond saumon.
Dans certaines pages comme Nocario trois, un, pietricaggio un, deux, il y a un décalage à droite et certaines photos en bas de page qui sont hors cadres.
Serait-ce un problème de largeur du centre ?.
Je te remercie encore, pour tous les précieux conseils que tu me donnes.
Amicalement.
Julien.http://ile.chrispat.free.fr/index.php
A mon avis vaudrait peut être mieux finaliser ce que tu as commencé ! Si tu commences plusieurs chantiers à la fois tu risques de tout melanger. En plus la on a affaire a du javascript !

Finalise ton site pour qu'il soit beau, que tout marche et surtout en ayant compris tout ce qu'il y a dedans. Cela te servira plus que de vouloir incorporer 50 options.
Aprés une fois que tu maitriseras mieux le code tu pourras incorporer des options (interressantes) et même pourquoi pas en créer.

Mais ne te diperse pas ! La priorité est l'information que tu as a faire passer par ton site. Apres (mais apres seulement) vient la manière de faire passer cette info.
Bonjour Gilles !.

Tu as parfaitement raison, je vais suivre ton conseil.
Je te remercie beaucoup pour tout ses précieux conseils.
Bien amicalement.
Élève Julien.
Pages :