Layer XHTML [Résolu/Fermé]

Signaler
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
-
bluenette
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
-
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 :

<div id="Layer1">
<table height="500" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td><img src="Perigordgite_1.jpg" /></td>
<td><img src="Perigordgite_2.jpg" /></td>
<td><img src="Perigordgite_3.jpg" /></td>
</tr>
</table>
</div>

#Layer1
{
height:500;
left: 0;
top: 500;
}

Merci d'avance à tous

5 réponses

Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
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;
}
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
1
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!
Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
"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 <h1>,<h2>,... et les paragraphes <p>.
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. */
}
Messages postés
50
Date d'inscription
mardi 4 août 2009
Statut
Membre
Dernière intervention
14 octobre 2009
2
salut ,
le height dans ton tableau ne sera pas validé !tu dois le faire avec le CSS
Messages postés
213
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
21 mars 2019
1
Encore merci c'est top! :)

Bonne apres-midi a tous et toutes ;)