Problèmes avec l'édition du tableau

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problèmes avec l'édition du tableau

Message par Sachka le Sam 17 Déc 2011 - 18:53

Bien le bonsoir,

J'ai un petit problème avec le tableau, n'y a t-il aucun moyen d'éditer un tableau déjà présent dans la page d'accueil? Si oui comment faire. Dans la deuxième colonne j'ai mit les images côtes à côtes mais sur la page ils apparaissent en colonne et déforment tout.. Comment faire?

merci d'avance


Dernière édition par Sachka le Dim 18 Déc 2011 - 22:35, édité 2 fois

Sachka
****

Féminin
Messages : 394
Inscrit(e) le : 18/06/2006

http://warlordofblood.forums-actifs.net/forum
Sachka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes avec l'édition du tableau

Message par Final-Blonde le Sam 17 Déc 2011 - 21:05

Bonsoir,

Ce serait bien d'avoir plus que juste l'énoncé du problème, comme (nécessaire) le code du tableau, un lien et/ou une capture d'écran...
Ceci juste pour voir où ça cloche.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes avec l'édition du tableau

Message par Sachka le Sam 17 Déc 2011 - 22:54



J'aimerai pouvoir agrandir le côté droit ou rajouter un tableau à côté mais ça ne marche pas et à l’intérieur de la deuxième colonne où il y a photo j'ai eau les mettre côte à côte elles se mettent soit en trois soit en colonne et ça déforme la page d'accueil

Sachka
****

Féminin
Messages : 394
Inscrit(e) le : 18/06/2006

http://warlordofblood.forums-actifs.net/forum
Sachka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes avec l'édition du tableau

Message par Final-Blonde le Dim 18 Déc 2011 - 9:03

Bon, déjà il y a le screen, mais :
@FB a écrit:Ce serait bien d'avoir plus que juste l'énoncé du problème, comme (nécessaire !) le code du tableau, un lien et/ou une capture d'écran...
Ceci juste pour voir où ça cloche.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes avec l'édition du tableau

Message par Sachka le Dim 18 Déc 2011 - 9:22

le problème c'est que je ne suis pas douée avec les codes, donc je ne pourrai pas sélectionner celui qui correspond à mon problème
c'est peut être celui-là:
table border="1" cellpadding="1" cellspacing="1" width="50%">
<tbody><tr>
<td><font style="font-family: Arial;" size="3"><br></font><div style="text-align: left;"><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;">Le top site du mois</span><span style="font-weight: bold;"> </span></font><table border="1" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"><a href="http://www.root-top.com/topsite/forumrpg/index.php"><img src="http://img.root-top.com/topsite/forumrpg/banner.gif"></a></span></font></td>
</tr>
</tbody></table><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;">Le partenaire du mois <br></span></font><table style="text-align: left; margin-left: 0px; margin-right: auto;" border="1" cellpadding="1" cellspacing="1" width="100%">
</table><br><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"></span></font><br><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"></span></font></div></td>
<td style="text-align: center;"><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;">URGENT<br><br><img src="https://i48.servimg.com/u/f48/12/38/47/60/1_bmp10.jpg"></span></font><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"><img src="https://i48.servimg.com/u/f48/12/38/47/60/2_bmp10.jpg"></span></font><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"><img src="https://i48.servimg.com/u/f48/12/38/47/60/sans_t10.jpg"></span></font><br><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"><br><br><br><br></span></font></td>

tout ce que je voudrai c'est agrandir le côté droit du tableau, l'allonger, mais je n'arrive pas à l'éditer

Sachka
****

Féminin
Messages : 394
Inscrit(e) le : 18/06/2006

http://warlordofblood.forums-actifs.net/forum
Sachka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes avec l'édition du tableau

Message par Final-Blonde le Dim 18 Déc 2011 - 9:33

Erf, ton code n'est pas complet, et il faut le mettre entre les balises BBcode :
Code:
[code]TON CODE COMPLET DU TABLEAU[/code]

J'ai bien compris ce que tu voulais, mais pour bien faire il faut déjà avoir la structure complète du tableau.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes avec l'édition du tableau

Message par Sachka le Dim 18 Déc 2011 - 9:35

eh bien c'est celui-là non?
Code:
table border="1" cellpadding="1" cellspacing="1" width="50%">
<tbody><tr>
<td><font style="font-family: Arial;" size="3"><br></font><div style="text-align: left;"><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;">Le top site du mois</span><span style="font-weight: bold;"> </span></font><table border="1" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"><a href="http://www.root-top.com/topsite/forumrpg/index.php"><img src="http://img.root-top.com/topsite/forumrpg/banner.gif"></a></span></font></td>
</tr>
</tbody></table><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;">Le partenaire du mois <br></span></font><table style="text-align: left; margin-left: 0px; margin-right: auto;" border="1" cellpadding="1" cellspacing="1" width="100%">
</table><br><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"></span></font><br><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"></span></font></div></td>
<td style="text-align: center;"><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;">URGENT<br><br><img src="http://i48.servimg.com/u/f48/12/38/47/60/1_bmp10.jpg"></span></font><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"><img src="http://i48.servimg.com/u/f48/12/38/47/60/2_bmp10.jpg"></span></font><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"><img src="http://i48.servimg.com/u/f48/12/38/47/60/sans_t10.jpg"></span></font><br><font style="font-family: Arial;" size="3"><span style="font-weight: bold; text-decoration: underline;"><br><br><br><br></span></font></td>

Sachka
****

Féminin
Messages : 394
Inscrit(e) le : 18/06/2006

http://warlordofblood.forums-actifs.net/forum
Sachka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes avec l'édition du tableau

Message par Final-Blonde le Dim 18 Déc 2011 - 11:56

Voilà un code complet de tout le tableau :
Code:
<table id="patablo" align="center" border="1" cellpadding="1" cellspacing="1"><tr>
<td class="texttitle" align="left">
<div>Le top site du mois</div>
<table border="1" cellpadding="1" cellspacing="1" width="100%"><tr>
<td align="left"><a href="http://www.root-top.com/topsite/forumrpg/index.php"><img src="http://img.root-top.com/topsite/forumrpg/banner.gif" /></a>
</td></tr></table>
<div>Le partenaire du mois</div>
</td>
<td align="center">
<div class="texttitle">URGENT</div>
<div class="urgimages"<img src="http://i48.servimg.com/u/f48/12/38/47/60/1_bmp10.jpg" /> <img src="http://i48.servimg.com/u/f48/12/38/47/60/2_bmp10.jpg" /> <img src="http://i48.servimg.com/u/f48/12/38/47/60/sans_t10.jpg" /></div>
</td></tr>

<tr>
<td class="texttitle">
<div>Nous lier</div>
<table border="1" cellpadding="1" cellspacing="1" width="100%"><tr>
<td align="left"><a href="lien-de-ton-forum"><img src="url-ta-mini-bann" /></a>
</td></tr></table>
</td>
<td align="center"><div class="texttitle">Les concours et défis</div>
<div class="petitextlien"><span><a herf="http://warlordofblood.forums-actifs.net/f164-defis-top-site">Les défis</a></span><br />
<span><a href="lien_jeux">jeux</a></span><br />
<span>Les défis blabla</span>
</div>
</tr></td>

ETC

</tr></td></table>
Ton tableau est truffé d'erreurs :
- Le "tbody" (bien inutile) ne se met qu'au tableau principal, si tu tiens à le mettre.
- Un saut de ligne "br" ne se met pas dans une balise de texte telle que "font", mais après, bien que là aussi, inutile puisque un "div" est un bloc donc va à la ligne, à moins que tu veuilles plus d'espace...
- La syntaxe correcte pour un saut de ligne est :
Code:
<br />
Rien d'autre, comme pour toutes les balises dites "orphelines" (sans fermeture), un espace- slash- fermeture, ex :
Code:
<img src="url" title="bla" alt="bla" />
- Il y a des balises comme la première "font", des sous tableaux que tu ouvres pour les refermer sans contenu ? Même si c'est pour en mettre plus tard, pour la propreté du code et la lisibilité des navigateurs, ajoute-les au fur et à mesure. Mieux vaut apprendre à coder, que d'essayer seulement d'utiliser des codes, car c'est là que le "chaos" commence dans tes designs.
- Un "table" ne se referme pas sur un "table" uniquement. Un tableau contient un "table"> ligne(s) "tr"> cellule(s)/colonne(s) "td"
-C'est alourdir le HTML que de mettre autant de style CSS dans ses balises.
Pourquoi ne pas créer des "class" et gérer le tout via la feuille de style CSS qui est là pour ça justement ?
Ce procédé permet aussi de n'avoir pas à remettre les mêmes propriétés à chaque fois pour ce qui est contenu dans une et même cellule, notamment, encore, d'alléger le HTML.
- De plus, si tu mets déjà du style dans un "div", pourquoi ne pas aussi mettre celui du texte en lieu et place d'ajouter une balise HTML "font" ?
Tout ça ne fait qu'alourdir est devient donc des erreurs de codage.
- Des balises pour y mettre des propriétés de texte pour une image ? Totalement inutile.
- Des balises sont fermées comme le second tableau (inutile) et ça repart sur un "font" ?

Bref, il y en trop.

Donc plus haut je t'ai mis le code corrigé et surtout épuré. le code de l'espacement horizontal en HTML est :
& nbsp; (sans espace) mais même dans la balise "code" il n'apparait pas...
Cela dit le "margin-right" de l'image suffit aussi.

Dans le CSS :
#patablo {
width: auto;
margin: 0 auto;
padding: 8px;
}
.texttile {
font: bold 3em arial; /*ordre a respecter pour les normes W3C avec le raccourci font > style > variant > weight > size/height > familly*/
text-align: left;
text-descoration: underline;
}
.urgimages img {
white-space: nowrap; /*pour rester sur une même ligne*/
padding: 3px 0 3px 3px; /*top> right (auquel on met zero puisque le margin entre les images le fera aussi a la dernière image)> bottom> left*/
margin-right: 3px;
}
.petitext a{
color: #code_couleur;
font: 1em arial; /*ordre a respecter pour les normes W3C avec le raccourci font > style > variant > weight > size/height > familly*/
text-align: center;
text-descoration: underline;
}
.petitext a:hover {
color: #code_couleur; /*seulement ce qui change du normal*/
}
.petitext {
font: 1em arial; /*ordre a respecter pour les normes W3C avec le raccourci font > style > variant > weight > size/height > familly*/
text-align: center;
text-descoration: underline;
}

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes avec l'édition du tableau

Message par Sachka le Dim 18 Déc 2011 - 12:36

Merci infiniment, je crois que je me tiendrai à un copie-colle, car les codes et moi-même ne sommes pas très amis, je n'y ai jamais vraiment comprit grand chose, mais peut-être ça m'aidera

Sachka
****

Féminin
Messages : 394
Inscrit(e) le : 18/06/2006

http://warlordofblood.forums-actifs.net/forum
Sachka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes avec l'édition du tableau

Message par Final-Blonde le Dim 18 Déc 2011 - 13:53

Petite précision sur le raccourci "font" dans le CSS :
On peut laisser de côté toutes les autres propriétés, sauf le "size" et le "family" dans le même ordre néanmoins que cité plus haut.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes avec l'édition du tableau

Message par Threax le Dim 18 Déc 2011 - 18:08

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes avec l'édition du tableau

Message par Sachka le Dim 18 Déc 2011 - 22:35

oui merci : )

Sachka
****

Féminin
Messages : 394
Inscrit(e) le : 18/06/2006

http://warlordofblood.forums-actifs.net/forum
Sachka a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum