
|
|
|
Auteur
|
Message
|
1
|
|
|
|
Bonjour,
voulant faire un tableau avec des bordure séparés, j'ai intégrer border-collapse:separate à ma feuille de style, mais je trouve que les bordures ne sont pas assez espacées!! J'ai essayer td{margin:15px; } mais rien y fait.
Que faire, merci..
|
|
|
|
|
c'est pas margin mais padding !
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
en faite regarde : http://freddobjectif.free.fr/2007.php
si je fais un padding, ca ne feras que (dans mon cas) rejouter du "bleu", alors que le but est d'agrandir les espaces "jaunes" entre les albums!!
|
|
|
|
|
ok
là le plus simple c'est d'ajouter une td vide entre chaque td pleine
pareil pour les tr, tu ajoute une ligne vide entre 2 tr remplies
par contre c'est un peu le bazard dans ton code !
tu dois avoir UNIQUEMENT une grande balise de chaque (dtd, html, head et body)
- en début de page le DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
- ensuite tu ouvre la balise <html> avec sa ligne
- ensuite tu ouvre la balise <head>
tu mets dedans
- le <title>
- les META
- le <link> CSS
- tu ferme le </head>
- tu ouvre la balise <body>
- tu mets tous les codes et les textes de la page : toute la page en fait
- tu ferme le </body>
- tu ferme la balise </html>
tu as plusieurs <head> plusieurs <body> et plusieurs <html> : pas bon !
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
en faite le code que tu voit c'est la somme des différents "include" sur la page, mais il n'y a pas plusieurs body et autre.
merci quand même
|
|
|
|
|
c'est quoi des "includes" ?
une page html est une page html
elle doit pas comporter des balises en double
ça doit venir de ton php (je ne m'y connais pas)
faut pas inclure les balises dans chaque include !
juste le texte contenu
par exemple ça =
<div id="haut"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Lycée Auguste Loubatières, Agde</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design of the web" href="o.css" />
</head>
<body>
<h6><a href="2003.php"><em>2003<em></a> - <a href="2004.php"><em>2004<em></a> - <a href="2005.php"><em>2005<em></a> - <a href="2006.php"><em>2006<em></a> - <a href="2007.php"><em>2007<em></a></h6>
</body>
</html></div>
c'est pas bon =>
pourquoi tu repete les balise html, head et body dans une div ??
c'est pas comme ça qu'on fait
tous le texte va dans la balise <body>TEXTE</body>
donc ta div va dans le body comme ça :
<div id="haut">
<h6><a href="2003.php"><em>2003<em></a> - <a href="2004.php"><em>2004<em></a> - <a href="2005.php"><em>2005<em></a> - <a href="2006.php"><em>2006<em></a> - <a href="2007.php"><em>2007<em></a></h6>
</div>
ensuite
<div id="gauche">
<ul class="haut">
<li><a id="lien1" href="http://freddonline.free.fr">Accueil</a></li>
<li><a id="lien2" href="index.php">Photos</a></li>
<li><a id="lien3" href="http://freddonline.free.fr/videos.php">Vidéos délirantes</a></li>
<li><a id="lien4" href="http://freddownload.free.fr/">Téléchargement</a></li>
...
</div>
la suite des autres div, les table, etc...
...
quand c'est fini tu ferme le </body>
puis tu ferme le </html>
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
|
Ok tu as probablement raison, ca y'est j'ai modifié!
|
|
|
|
|
ok c'est mieux
1 / reste ces lignes qui ne servent à rien
<!--
<p class="n">
<a href="2007/guyane2006/Diaporama (1).html" title="Entrer">
......
</p>
-->
supprime-les
maintenant des détails =
conformément à ton DTD (1ere ligne)
tu ne dois avoir aucune balise écrite en Majuscule, toute les balise doivent être en minuscule
j'ai trouvé : FORME, TABLE, A HREF, IMG, ALT, /A, INPUT, TYPE,...
il faut renseigner toutes les balises alt=""
et toutes les balises title=""
tu n'a pas ajouté les td et tr vides !?
je te donne ton code modifié (ajout d'une ligne et d'une colonne dans la balise table)
j'ai ajouté un espace dans les balises td et tr
et j'ai fusionné les colonnes vides
si tu veux élargir la colonne tu ajoute plus d'espace, avec
pour la ligne un <br /> ou plusieurs
---
<table class="photos"><tr><td>
<a href="2007/fete-de-sofiane/Diaporama (1).php" title="Entrer"><em>La fête de Sofiane</em><br/><img src="2007/fete-de-sofiane/Diapo (63).JPG" alt="Si l'image ne s'affiche pas, me contacter" title="Entrer" /><br/><em>96 photos</em></a><br/><a href="2007/fete-de-sofiane/Diapo (1).html" title="Lancer directement le diaporama, pour garder un maximum de suspens"><em>Diaporama</em></a><br/><a href="2007/fete-de-sofiane/Videos.html" title="Les vidéos"><em>Vidéos</em></a>
</td><td rowspan="3"></td><td>
<a href="2007/fete-gym/Diaporama (1).html" title="Entrer"><em>Soirée du club de Gym de Servian</em><br/><img src="2007/fete-gym/Diaporama (1).JPG" alt="Si l'image ne s'affiche pas, me contacter" title="Entrer" /><br/><em>45 photos</em></a><br/><a href="2007/fete-gym/Diapo (1).html" title="Lancer directement le diaporama, pour garder un maximum de suspens"><em>Diaporama</em></a><br/><a href="2007/fete-gym/Videos.html" title="Les vidéos"><em>Vidéos</em></a>
</td><td rowspan="3"> </td></tr><tr><td> </td><td> </td></tr><tr><td>
<a href="2007/paint-ball/Diaporama (1).html" title="Entrer"><em>Paint-Ball</em><br/><img src="2007/paint-ball/Diaporama (1).JPG" alt="Si l'image ne s'affiche pas, me contacter" title="Entrer" /><br/><em>12 photos</em></a><br/><a href="2007/paint-ball/Diapo (1).html" title="Lancer directement le diaporama, pour garder un maximum de suspens"><em>Diaporama</em></a>
<br/><a href="2007/paint-ball/Videos.html" title="Les vidéos"><em>Vidéos</em></a>
</td><td>
<a href="2007/fete-a-damien/Diaporama (1).html" title="Entrer"><em>La Teuf à Damien</em><br/><img src="2007/fete-a-damien/Diaporama (1).JPG" alt="Si l'image ne s'affiche pas, me contacter" title="Entrer" /><br/><em>39 photos</em></a><br/><a href="2007/fete-a-damien/Diapo (1).html" title="Lancer directement le diaporama, pour garder un maximum de suspens"><em>Diaporama</em></a><br/><a href="2007/fete-a-damien/Videos.html" title="Les vidéos"><em>Vidéos</em></a>
</td><td>
<a href="2007/fete-a-nicolas/Diaporama (1).html" title="Entrer"><em>Le Teuf à Nicolas</em><br/><img src="2007/fete-a-nicolas/Diaporama (1).JPG" alt="Si l'image ne s'affiche pas, me contacter" title="Entrer" /><br/><em>36 photos</em></a><br/><a href="2007/fete-a-nicolas/Diapo (1).html" title="Lancer directement le diaporama, pour garder un maximum de suspens"><em>Diaporama</em></a><br/><a href="2007/fete-a-nicolas/Videos.html" title="Les vidéos"><em>Vidéos</em></a>
</td></tr></table>
---
-->Message édité par polov le 24/06/2007 12:47:02<--
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
|
Pour augmenter l'espace entre les bordures, il faut rajouter l'attribut cellspacing à ton <table>.
|
|
|
|
|
Ok, merci, le cellspacing fonctionne !
-->Message édité par bossinformatique le 28/06/2007 18:52:29<--
|
|
1
|
|

|
> paru le 13/11/2008
Hors-Série en vente actuellement.
|