Probleme Tableau
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Probleme Tableau
Bonsoir!
j'ai décidé de faire un tableau pour la PA, le problème : les deux première ligne du tableau veulent bien se mettre mais pour la 3eme qui doit retourner a la ligne cela ne veut pas se faire! pourtant je pense avoir bien placé mes balises <tr> </tr> et <td> </td>, quelqu'un aurait la solution a mon problème?
CSS
Merci de Votre Patience!
j'ai décidé de faire un tableau pour la PA, le problème : les deux première ligne du tableau veulent bien se mettre mais pour la 3eme qui doit retourner a la ligne cela ne veut pas se faire! pourtant je pense avoir bien placé mes balises <tr> </tr> et <td> </td>, quelqu'un aurait la solution a mon problème?
- un aperçue du problème:
CSS
- Code:
<p><table style="background-image : url('http://img11.hostingpics.net/pics/807997woodCopieCopie2.jpg');
border: 2px solid #1F1F1F;
-moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px ;
-moz-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 15px #000000;
-webkit-box-shadow: 0px 0px 15px #000000;
">
<caption><center>
<em><font size="7"><font style=" font-family: Times New roman;color:#E04196; text-shadow:#000000 2px 2px 5px;"> Vampire Host Club ♥</font></font></em>
<p>
♥ Joyeuse Saint Valentin <span style="text-decoration:blink;"><em><font size="3"><font color="#EDABCE">{USER&#8288;NAME}</font></em></span><font size="2"> Quel Hôtes choisiras-tu pour cette Nuit? ♥</font></center>
<script type="text/javascript">
<!--
self.moveTo(0,0)
self.resizeTo(screen.100%Width,screen.100%Height)
//-->
</script>
<div style="text-align: center;
font-size: 16px;
font-family: Times New roman;
border-bottom:2px solid #EDABCE;
border-top:2px solid #EDABCE;
background-image:url('http://img11.hostingpics.net/pics/9894711021.png');
-moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px ;
-moz-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 15px #000000;
-webkit-box-shadow: 0px 0px 15px #000000;
">
♥<a href ="http://vampirehostclub.forumactif.com/f1-reglement"> Reglements</a> ♥ <a href ="http://vampirehostclub.forumactif.com/f56-en-cour">Présentation</a> ♥ <a href ="http://vampirehostclub.forumactif.com/f55-invites">Voyageur </a> ♥ <a href ="http://vampirehostclub.forumactif.com/f29-partenaires">Partenariat </a> ♥ <a href ="http://vampirehostclub.forumactif.com/f2-bienvenue">Questions ? </a> ♥
</div></caption><p></p>
<p>
<tr><td colspan="3"><center>
<font size="4"><font style="text-shadow: Black 1px 1px 5px; font-family: Times New roman;">
<p>
<font=vinque><em>Bienvenue dans la Ville de Destel!</em></font>
</font>
</tr></td>
</center>
<tr>
<td rowspan="2">
<p></p><div style="
padding:10px;
width:300px;
height:200px;
overflow:auto;
border-right:1px solid black;
border-left:1px solid black;
border-bottom:1px solid black;
border-top:1px solid black;
text-align:justify;
margin:10px; -moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px ;
-moz-border-radius-bottomright: 15px;
background-image:url('http://img11.hostingpics.net/pics/9894711021.png');
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 15px #000000;
-webkit-box-shadow: 0px 0px 15px #000000;">
<span style="font-size: 22px;text-shadow:#000000 5px 5px 5px;font-family:times new roman;">
<center><font color="#EDABCE"> Contexte </center></font></span><p>
<span style="font-size: 12px;text-shadow:#000000 2px 2px 5px;font-style:candara;">Destel est une Ville victorienne dans un Monde parallèle ou les Maisons d'Hôtes prolifères, mais elles possèdent des Hôtes particulier...Des Hôtes créatures de la nuit! Les deux races Dominantes, les vampires et les loup-garous, utilisent les autres races pour s'entretuer dans une guerre...d'un Nouveau genre : la guerre des Hôtes! Entre deux clans frère et pourtant Ennemis, Amour et Sang, Quel camp choisirez vous?
<a href ="http://vampirehostclub.forumactif.com/t175-le-contexte#1319">...+ d'infos!</a></span></div></div>
<p></p></font></td>
<td="rowspan2">
<p></p><div style="
padding:10px;
width:300px;
height:200px;
overflow:auto;
border-right:1px solid black;
border-left:1px solid black;
border-bottom:1px solid black;
border-top:1px solid black;
text-align:justify;
margin:10px; -moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px ;
-moz-border-radius-bottomright: 15px;
background-image:url('http://img11.hostingpics.net/pics/9894711021.png');
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 15px #000000;
-webkit-box-shadow: 0px 0px 15px #000000;">
<span style="font-size: 22px;text-shadow:#000000 5px 5px 5px;font-family:times new roman;">
<center><font color="#EDABCE"> Contexte </center></font></span><p>
<span style="font-size: 12px;text-shadow:#000000 2px 2px 5px;font-style:candara;">Destel est une Ville victorienne dans un Monde parallèle ou les Maisons d'Hôtes prolifères, mais elles possèdent des Hôtes particulier...Des Hôtes créatures de la nuit! Les deux races Dominantes, les vampires et les loup-garous, utilisent les autres races pour s'entretuer dans une guerre...d'un Nouveau genre : la guerre des Hôtes! Entre deux clans frère et pourtant Ennemis, Amour et Sang, Quel camp choisirez vous?
<a href ="http://vampirehostclub.forumactif.com/t175-le-contexte#1319">...+ d'infos!</a></span></div></div>
<p></p></font></td>
<tr>
<td rowspan="2"><div style="
padding:10px;
width:300px;
height:200px;
border-right:1px solid black;
border-left:1px solid black;
border-bottom:1px solid black;
border-top:1px solid black;
text-align:justify;
margin:10px; -moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px ;
-moz-border-radius-bottomright: 15px;
background-image:url('http://img11.hostingpics.net/pics/9894711021.png');
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 15px #000000;
-webkit-box-shadow: 0px 0px 15px #000000;">
<span style="font-size: 22px;text-shadow:#000000 5px 5px 5px;font-family:times new roman;">
<center><font color="#EDABCE"> Staff </center></font></span><p>
<span style="font-size: 12px;text-shadow:#000000 2px 2px 5px;font-style:candara;">
<center><table><tr><td><div class="infobulle"><img src="http://img11.hostingpics.net/pics/649905Moon.png" class="opac">
<span><IMG SRC="http://img11.hostingpics.net/pics/258798b06e588991e7153394a1ddf6f9bcaab0.gif"><br><center><font face="visitor TT2 BRK" size="2">
♦ <font color="#EDABCE">Moon</font> ♦<br>
♥<font color="#EDABCE"> Admin</font> ♥<br></font>
<font style="font-size: 10px;">• <em>Design & Codage</em>• <p></font>
<a href ="http://vampirehostclub.forumactif.com/privmsg?mode=post">• Mp •</a><br>
<a href ="http://vampirehostclub.forumactif.com/profile?mode=editprofile">• Profil •</a></span></div></td></center></font>
<td><div class="infobulle"><img src="http://img11.hostingpics.net/pics/158779kim.png" class="opac"><span><center>
<img src="http://img11.hostingpics.net/pics/177976kimyou.gif"><font face="visitor TT2 BRK" size="2">
♦<font color="#EDABCE"> Kimyou</font> ♦<br>
♥<font color="#EDABCE"> Admin </font>♥<br></font>
<font style="font-size: 10px;">• <em>Contenue & Intrigue</em>• <p></font>
<a href ="http://vampirehostclub.forumactif.com/privmsg?mode=post"> • Mp • </a><br>
<a href ="http://vampirehostclub.forumactif.com/u3">• Profil •</a>
</span></td></center></font></div> <p></p>
<td><div class="infobulle"><img src="http://img11.hostingpics.net/pics/554780necro.png" class="opac"><span><img src="http://img11.hostingpics.net/pics/361360blanc.png" >
<center><font face="visitor TT2 BRK" size="2">
♦<font color="#EDABCE"> Necro </font>♦<br>
♥<font color="#EDABCE"> Modo</font> ♥<br></font>
<font style="font-size: 10px;">• <em>Codage</em>• <p></font>
<a href ="http://vampirehostclub.forumactif.com/privmsg?mode=post"> • Mp • </a><br>
<a href ="http://vampirehostclub.forumactif.com/u25">• Profil •</a><br></br>
</span></td></center></font></div> <br>
<td><div class="infobulle"><img src="http://img11.hostingpics.net/pics/413601mao.png" class="opac"><span>
<p></pr><center><font face="visitor TT2 BRK" size="2">
♦<font color="#EDABCE"> Mao </font>♦<br>
♥<font color="#EDABCE"> Modo </font>♥<br></font>
<font style="font-size: 10px;">•<em>Correction</em>• <p></font>
<a href ="http://vampirehostclub.forumactif.com/privmsg?mode=post"> • Mp • </a><br>
<a href ="http://vampirehostclub.forumactif.com/u4">• Profil •</a><br></br>
</span></td></center></font></div>
</tr>
</a></span></div>
</table>
<script src=http://sd-1.archive-host.com/membres/up/37821634957680146/neige/snowstorm.js></script>
Merci de Votre Patience!
Dernière édition par Satsu Black le Mar 14 Fév 2012 - 19:34, édité 1 fois
Re: Probleme Tableau
Bonjour,
Ton code n'est pas du CSS mais du HTML qui comprend du style CSS, et il contient pas mal d'erreur comme pas de ligne (tr) et colonne (td) après la balise "table", or un tableau ce structure invariablement ainsi:
Il faut aussi éviter en HTML de coder le CSS comme sur la feuille de style CSS, c'est pourquoi on utilise les attributs "class" ou/et "id" en leur donnant un identifiant que l'on reprend dans la feuille de style CSS:
<table class="identif">
<caption>LEGENDE / TITRE DU TABLEAU</caption>
<tr><td>
Dans la feuille de style CSS :
Tu peux constater que j'ai complété la propriété radius qui comme tu l'as codée n'est visible que pour Mozilla.
Il faut que tu reprennes ton tableau, en respectant bien les hiérarchies des balises et leur ouverture/fermeture, en évitant les indentations (blancs en début de ligne", les sauts de ligne inutiles (certains navigateurs sont rigoureux sur ces erreurs et fausseront la structure ainsi que l'apparence du tableau).
Ton code n'est pas du CSS mais du HTML qui comprend du style CSS, et il contient pas mal d'erreur comme pas de ligne (tr) et colonne (td) après la balise "table", or un tableau ce structure invariablement ainsi:
- Code:
<table><tr><td>CONTENU AVEC D?AUTRES BALISES</td></tr>
<tr><td>CONTENU AVEC D?AUTRES BALISES</td></tr>
<tr><td>ETC</td></tr>
</table>
Il faut aussi éviter en HTML de coder le CSS comme sur la feuille de style CSS, c'est pourquoi on utilise les attributs "class" ou/et "id" en leur donnant un identifiant que l'on reprend dans la feuille de style CSS:
<table class="identif">
<caption>LEGENDE / TITRE DU TABLEAU</caption>
<tr><td>
Dans la feuille de style CSS :
Bien sûr on peut mettre du style dans une balise HTML, mais généralement on évite d'alourdir le HTML si l'on peut passer par une feuille de style CSS. C'est utile pour une petite précision, dans ce cas ça s'écrit à la suite sur la même ligne..identif {
background-image : url('https://2img.net/r/hpimg11/pics/807997woodCopieCopie2.jpg');
border: 2px solid #1f1f1f;
-moz-border-radius: 15px; /*ainsi écrit signifie pour les 4 coins*/
-webkit-border-radius: 15px; /*pour Safari et Google Chrome*/
border-radius: 15px; /*pour Opera et autres navigateurs standards*/
-moz-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 15px #000000;
-webkit-box-shadow: 0px 0px 15px #000000;
-o-box-shadow: 0px 0px 15px #000000; /*on peut ajouter -o- pour à partir de Opera10*/
}
Tu peux constater que j'ai complété la propriété radius qui comme tu l'as codée n'est visible que pour Mozilla.
Il faut que tu reprennes ton tableau, en respectant bien les hiérarchies des balises et leur ouverture/fermeture, en évitant les indentations (blancs en début de ligne", les sauts de ligne inutiles (certains navigateurs sont rigoureux sur ces erreurs et fausseront la structure ainsi que l'apparence du tableau).
Re: Probleme Tableau
ok! merci j'ai refais mon tableau pas a pas et sa a marché super!
Sujets similaires
» Problème PA (Tableau)
» problème tableau.
» Problème de tableau
» Problème de tableau...
» Problème de tableau.
» problème tableau.
» Problème de tableau
» Problème de tableau...
» Problème de tableau.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum