Tableau page d'acceuil décalé
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Tableau page d'acceuil décalé
Bonjour!
Je me suis mise, suite a de bon conseil, a créer mon propre tableau en page d’accueil.
Je l'ai installer mais le tableau de droite ne semble pas vouloir être a la meme hauteur que celui de gauche, il est plus en bas et je trouve cela très peu esthétique
quelqun a une astuce?
aperçu du probleme :
Mon code
merci de votre aide!
Je me suis mise, suite a de bon conseil, a créer mon propre tableau en page d’accueil.
Je l'ai installer mais le tableau de droite ne semble pas vouloir être a la meme hauteur que celui de gauche, il est plus en bas et je trouve cela très peu esthétique
quelqun a une astuce?
aperçu du probleme :
Mon code
- Spoiler:
- Code:
<div id="mes_onglets">
<ul><li id="o_1"class="mon_onglet_selected"onclick="changeOnglet(this);">Acceuil</li>
<li
id="o_2" class="mon_onglet"onclick="changeOnglet(this);">Contexte</li>
<li id="o_3"class="mon_onglet"onclick="changeOnglet(this);">Actuellement</li>
<li
id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Staff & Partenaires</li>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu" align="left">
<p>Ceci est un paragraphe avant le tableau.</p>
<table align="left">
<tr>
<td style="text-align: center;
background-image:url('http://img4.hostingpics.net/pics/448657SanstitreCopieCopie.png');
border-bottom:2px dotted #A56DA6;
border-top: 2px dotted #A56DA6;
-moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 15px ;
-moz-border-radius-bottomright: 0px;
width:100px;
height:20px;
font-size: 13px;
font-family: Times New roman;">
Liens Utiles
</td></tr>
<tr><td>
Contenue
</td></tr>
</table>
<table align="center">
<tr><td>
Titre
</td></tr>
</table>
<table align="right">
<tr>
<td style="text-align: center;
background-image:url('http://img4.hostingpics.net/pics/448657SanstitreCopieCopie.png');
border-bottom:2px dotted #A56DA6;
border-top: 2px dotted #A56DA6;
-moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 15px ;
-moz-border-radius-bottomright: 0px;
width:100px;
height:20px;
font-size: 13px;
font-family: Times New roman;">
Playlist
</td></tr>
<tr><td>
Contenue
</td></tr>
</table>
<div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
<div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
<div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div></div></ul></div>
merci de votre aide!
Dernière édition par Satsu Black le Sam 27 Aoû 2011 - 15:49, édité 1 fois
Re: Tableau page d'acceuil décalé
Bonjour,
Votre code contient 3 tableaux, c'est donc normal que ce ne soit pas bien positionné. 1 seul tableau avec 3 cellules dimmensionnées remet tout cela en ligne:
Cordialement.
Votre code contient 3 tableaux, c'est donc normal que ce ne soit pas bien positionné. 1 seul tableau avec 3 cellules dimmensionnées remet tout cela en ligne:
- Code:
<div id="mes_onglets">
<ul><li id="o_1"class="mon_onglet_selected"onclick="changeOnglet(this);">Acceuil</li>
<li
id="o_2" class="mon_onglet"onclick="changeOnglet(this);">Contexte</li>
<li id="o_3"class="mon_onglet"onclick="changeOnglet(this);">Actuellement</li>
<li
id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Staff & Partenaires</li>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu" align="left">
Ceci est un paragraphe avant le tableau.<br />
<table align="left" width="100%">
<tr>
<td style="text-align: center;
background-image:url('http://img4.hostingpics.net/pics/448657SanstitreCopieCopie.png');
border-bottom:2px dotted #A56DA6;
border-top: 2px dotted #A56DA6;
-moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 15px ;
-moz-border-radius-bottomright: 0px;
width:100px;
height:20px;
font-size: 13px;
font-family: Times New roman;
width:33%;">
Liens Utiles
</td>
<td rowspan="2" width="34%">
Titre
</td>
<td style="text-align: center;
background-image:url('http://img4.hostingpics.net/pics/448657SanstitreCopieCopie.png');
border-bottom:2px dotted #A56DA6;
border-top: 2px dotted #A56DA6;
-moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 15px ;
-moz-border-radius-bottomright: 0px;
width:100px;
height:20px;
font-size: 13px;
font-family: Times New roman;
width:33%;">
Playlist
</td></tr>
<tr><td>
Contenue
</td> <td>
Contenue
</td></tr>
</table>
</div>
<div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
<div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
<div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div></div></ul></div>
Cordialement.
Invité- Invité
Re: Tableau page d'acceuil décalé
Merci! je pensait que si je mettais un tableau a 3 cellule je serait obliger d'avoir un encadrer au milieu mais comme je suis partie avec une base neutre, sa a été plus facile ^^
j'aimerai aussi savoir comment faire pour en arriver a se résultat la :
Aperçu:
j'ai essayer de plus espacer les boutons entre eux mais javais peur de faire quelques chose qui fallait pas en bidouillant trop, et j'ai beau mettre <tablea align="left">
le tableau ne veut pas se positionner a l’extrême gauche! ><
merci de votre aide et vos conseille
j'aimerai aussi savoir comment faire pour en arriver a se résultat la :
Aperçu:
j'ai essayer de plus espacer les boutons entre eux mais javais peur de faire quelques chose qui fallait pas en bidouillant trop, et j'ai beau mettre <tablea align="left">
le tableau ne veut pas se positionner a l’extrême gauche! ><
merci de votre aide et vos conseille
Re: Tableau page d'acceuil décalé
Bonjour,
Essayez comme ceci:
Cordialement.
Essayez comme ceci:
- Code:
<div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</li></ul><div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu">
Paragraphe<br />
<table width="100%">
<tr>
<td style="text-align: center;
background-image:url('http://img4.hostingpics.net/pics/448657SanstitreCopieCopie.png');
border-bottom:2px dotted #A56DA6;
border-top: 2px dotted #A56DA6;
-moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 15px ;
-moz-border-radius-bottomright: 0px;
width:100px;
height:20px;
font-size: 13px;
font-family: Times New roman;
width:33%;">
Liens Utiles
</td>
<td rowspan="2" width="34%">
Titre
</td>
<td style="text-align: center;
background-image:url('http://img4.hostingpics.net/pics/448657SanstitreCopieCopie.png');
border-bottom:2px dotted #A56DA6;
border-top: 2px dotted #A56DA6;
-moz-border-radius-topright: 15px ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 15px ;
-moz-border-radius-bottomright: 0px;
width:100px;
height:20px;
font-size: 13px;
font-family: Times New roman;
width:33%;">
Playlist
</td></tr>
<tr><td>
Contenue
</td> <td>
Contenue
</td></tr>
</table></div>
<div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
<div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
<div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div></div></div>
Cordialement.
Invité- Invité
Re: Tableau page d'acceuil décalé
Merci!
problème résolut, merci de votre patience ^^
problème résolut, merci de votre patience ^^
Sujets similaires
» comment creer des cathegorie sur la page dacceuil
» Réponses,Vues,Derniers Messages: Décalé par rapport au tableau en dessous
» Poster décalé (Page x sur x)
» Tableau décalé
» Tableau décalé sans raison dans les posts
» Réponses,Vues,Derniers Messages: Décalé par rapport au tableau en dessous
» Poster décalé (Page x sur x)
» Tableau décalé
» Tableau décalé sans raison dans les posts
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum