Layer XHTML Résolu/Fermé

Question

Bonjour, Je suis dans la création de ce site : http://www.perigordgite.fr Sur la page Visiter, en bas, je viens d'insérer un Layer (qui fait défiler les photos). Seulement je ne comprends pas pourquoi autour des photos la zone est remplie en vert et les photos du coup ne sont pas completement accollées les unes aux autres. Je cherche à faire exactement la meme mise en forme que sur le site : www.lucysmakeup.fr Voici le code XHTML de la page et son CSS correspondant :

#Layer1 { height:500; left: 0; top: 500; } Merci d'avance à tous

M@dien · Answer

Bonjour,

Il suffit de quelques propriétés CSS pour arranger ça:
#Layer1 {
left:0;
position:absolute;
overflow-x:auto;
height:520px;
width:100%;
}
#Layer1 table, #Layer1 td {
border:0px;
padding:0px;
line-height:0px;
}

bluenette · Answer

Un immense merci cela fonctionne à merveilles! :)

Je peux poser une autre question? ^^

Sur cette page : http://perigordgite.fr/visiter.html

Si je veux aérer beaucoup mes paragraphes entre eux, y a t'il un moyen de sauter des lignes entre eux?

Sinon faut-il que nomme chaque paragraphe et mettre des coordonnées de positionnement a chacun?

Encore un grand merci!

M@dien · Answer

"Sinon faut-il que nomme chaque paragraphe et mettre des coordonnées de positionnement a chacun? " Surtout pas! =) Pour aérer du texte, il existe 4 propriétés CSS importantes: margin: C'est la marge extérieure. par défaut, il y en a sur les balises de titres

,

,... et les paragraphes
. padding: C'est la marge intéreure. Il n'y en a pas sur les balises de titres et paragraphes par défaut. line-height: C'est la hauteur de la ligne. font-size: C'est la hauteur du texte. Par expérience, je préfère jouer avec les padding plus qu'avec les margin, pour une question de compatibilité. Pour aérer le texte, il suffit donc de jouer avec ces propriétés, de la manière suivante: p { /* l'ordre des marges est: top right bottom left / margin:0px 0px 0px 0px; / Pas vraiment besoin de marge extérieure / padding: 20px 50px 20px 50px; / marges intérieures de 20px en haut et en bas, et 50px à gauche et à droite. Mettre des marges à droite et gauche plus petites pour les titres hiérarchiseront le texte. / font-size: 1em; / les EM sont importants pour l'accessibilité du site. un paragraphe pas trop gros facilitera la lecture. pour les titres, mettre une taille plus grosse / line-height: 1.8em; / Mettre une hauteur de ligne plus grande aèrera l'intérieur des paragraphes. */ }

XxIncontournablexX · Answer

salut ,
le height dans ton tableau ne sera pas validé !tu dois le faire avec le CSS

bluenette · Answer

Encore merci c'est top! :) 

Bonne apres-midi a tous et toutes ;)

Layer XHTML

5 réponses

Discussions similaires