Layer XHTML

Résolu/Fermé
bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 - 13 oct. 2009 à 14:24
bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 - 14 oct. 2009 à 15:06
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
A voir également:

5 réponses

M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 74
13 oct. 2009 à 16:47
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;
}
0
bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 3
13 oct. 2009 à 19:28
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!
0
M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 74
14 oct. 2009 à 09:45
"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. */
}
0
XxIncontournablexX Messages postés 50 Date d'inscription mardi 4 août 2009 Statut Membre Dernière intervention 14 octobre 2009 2
14 oct. 2009 à 10:31
salut ,
le height dans ton tableau ne sera pas validé !tu dois le faire avec le CSS
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 3
14 oct. 2009 à 15:06
Encore merci c'est top! :)

Bonne apres-midi a tous et toutes ;)
0