Layer XHTML
Résolu
bluenette
Messages postés
213
Date d'inscription
Statut
Membre
Dernière intervention
-
bluenette Messages postés 213 Date d'inscription Statut Membre Dernière intervention -
bluenette Messages postés 213 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Layer XHTML
- Adobe flash layer - Télécharger - Divers Web & Internet
- Décodeur MPEG-1 Layer 3 (MP3) - Forum Linux / Unix
- ≪div name ou <div id en xhtml strict ? ✓ - Forum HTML
- ≪p align="center"> en XHTML Strict - Forum HTML
5 réponses
Bonjour,
Il suffit de quelques propriétés CSS pour arranger ça:
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;
}
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!
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!
"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:
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. */
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question