01net    Web


Actuellement en ligne : 796 Utilisateurs dont 86 dans Internet, réseaux et high tech >S'inscrire      >S'identifier      >Recherche      >Aide  
modéré par tekways, nobug, fml  
Micro Hebdo > Forum de Micro Hebdo > Internet, réseaux et high tech > Création de sites
> Tableau au bordures séparés.
Aller à :
Auteur
Message
 
<     1       >
bossinformatique
  
  :-)
  Posté le 21/06/2007 16:58:23       ?   @    
Voter pour ce message
Bonjour, :hello:
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; :ideenoire: } mais rien y fait. :rho:

Que faire, merci..
-------
http://freddonline.free.fr

In the reference !!
polov
  
  :-)
  Posté le 21/06/2007 17:19:44       ?   ^   @    
Voter pour ce message
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!
bossinformatique
  
  :-)
  Posté le 23/06/2007 02:01:15       ?   @    
Voter pour ce message
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!!
-------
http://freddonline.free.fr

In the reference !!
polov
  
  :-)
  Posté le 23/06/2007 09:27:52       ?   ^   @    
Voter pour ce message
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!
bossinformatique
  
  :-)
  Posté le 23/06/2007 16:27:27       ?   @    
Voter pour ce message
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
-------
http://freddonline.free.fr

In the reference !!
polov
  
  :-)
  Posté le 23/06/2007 19:04:08       ?   ^   @    
Voter pour ce message
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!
bossinformatique
  
  :-)
  Posté le 24/06/2007 00:46:20       ?   @    
Voter pour ce message
Ok tu as probablement raison, ca y'est j'ai modifié!
-------
http://freddonline.free.fr

In the reference !!
polov
  
  :-)
  Posté le 24/06/2007 12:44:39       ?   ^   @    
Voter pour ce message
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 &nbsp;
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">&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</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!
aideinfo
  
  :-)
  Posté le 24/06/2007 21:47:37       ?   ^   @    
Voter pour ce message
Pour augmenter l'espace entre les bordures, il faut rajouter l'attribut cellspacing à ton <table>.
bossinformatique
  
  :-)
  Posté le 28/06/2007 18:48:47       ?   @    
Voter pour ce message
Ok, merci, le cellspacing fonctionne ! :bounce:
-->Message édité par bossinformatique le 28/06/2007 18:52:29<--
-------
http://freddonline.free.fr

In the reference !!
<     1       >

Micro Hebdo > Forum de Micro Hebdo > Internet, réseaux et high tech > Création de sites
> Tableau au bordures séparés.

Aller à :

Page générée en : 0.296s - X2board 2.2

Nous contacter | Charte de confiance | Voir notice légale

Tous droits réservés © 1999 - 2008 Groupe Tests - 01net.


Sites du réseau 01net Network : 01net - 01men - Rmc.fr - Bfmtv.fr - Radiobfm.com - TousLesPodcasts - Micro Achat

> paru le 13/11/2008
 Télécharger l'index des articles parus


Couverture Hors-Série

Hors-Série en vente actuellement.