Probleme Tableau

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

Résolu Probleme Tableau

Message par Satsu Black le Lun 13 Fév 2012 - 22:15

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?

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&amp;#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

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme Tableau

Message par Final-Blonde le Mar 14 Fév 2012 - 9:28

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:
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 :
.identif {
background-image : url('http://img11.hostingpics.net/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*/
}
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.

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).

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: Probleme Tableau

Message par Satsu Black le Mar 14 Fév 2012 - 19:34

ok! merci j'ai refais mon tableau pas a pas et sa a marché super!

Satsu Black
***

Messages : 160
Inscrit(e) le : 04/12/2010

http://become-a-master.forumdefan.com
Satsu Black 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