Miki a besoin d'aide pour l'en tête

Date d'inscription: 06/03/2011

* Forum sur lequel sera utilisé l'en-tête :Bulles d'Encre
* Maquette de l'en-tête voulu : (schéma ou graphique)Il s'agit d'un en-tête accordéon.
* Element graphique de la maquette¹ :
* Vos connaissances en html/CSS :Basique xD
* Avez-vous un essai à nous montrer ? (si oui, merci de nous fournir le code entre balise "code")

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>PA</title>

<style>

ul{
list-style: none;
margin: 0;
padding: 0;
}

ul li{
float: left;
display: block;
margin-right: 0px;
}

ul li div{
display: block;
overflow: hidden;
height: 300px;
width: 50px;
background-image: url('http://i1088.photobucket.com/albums/i329/Tite-May/Miki/fondpubetentete.png')

}

#a1{
width: 600px;
}

ul li img{
position: absolute;
border: solid 1px #163947;
}

ul li p{
margin: 0;
padding: 0;
max-width: 540px;
display: block;
margin-left: 60px;
font-size:14px;
color:#b0aeae;
}

ul li h1{
width:300px;
height:20px;
text-align:center;
font-size:16px;
margin:auto;
color:#ffffff;
font-weight:bold;
margin-bottom:2px;
}

ul li table tr{
vertical-align:top;
}

ul li table{
width:100%;
}

ul li a{
color:#888888;
text-decoration:none;
}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
lastBlock = $("#a1");
maxWidth = 600;
minWidth = 20;

$("ul li div").click(
function(){
$(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
$(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
lastBlock = this;
}
);
});
</script>
</head>
<body>

<ul>
<li>
<div id="a1">
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/prologue.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Prologue~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<h1>Bienvenue sur Bulles d'Encre !</h1>
<p> De l'aventure au policier en passant par le fantastique, tous les genres sont représentés sur Bulles d'Encre, un forum libre d'accès à tous ceux et celles qui ont le désir d'écrire et de partager leurs histoires. Alors, prenez votre plume magique et montrez-nous de quoi votre esprit est capable !</p>
</td>
<td width="50%">
<h1>Qui sommes-nous ?</h1><p>

Bienvenue cher ami écrivain !
<br>Vous avez choisi Bulles d'Encre pour partager vos oeuvres ou en découvrir d'autres ? Eh bien sachez que Bulles d'Encre ce n'est pas que ça. Notre Maison d'écrivain et Maison d'édition vous donne en effet la possibilité :
<ul style="list-style-type:square"><li>d'améliorer votre maîtrise des traitements de texte,</li><li>d'approfondir votre connaissance de la langue française,</li><li>de participer à nos nombreux jeux, concours et autres discussions !</li></ul></p>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/personnel.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Le Personnel~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%"><div id="staff">
<h1>Le Staff</h1>

<center><div class="infobulle">
<img src="http://img4.hostingpics.net/pics/77944632100.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">

<span>
<strong>Miki </strong><br>Directrice
<br/>
<img src="http://img4.hostingpics.net/pics/121887100100.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u1">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=1">Missive</a><br/></div>
</span>
</div>

<div class="infobulle">

<img src="http://i43.servimg.com/u/f43/15/33/65/55/ela11.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">

<span>
<strong>Elayne</strong><br>Co-Directrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/ela210.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u2">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=2">Missive</a><br/></div>
</span>
</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/connem10.jpg" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">

<span>
<strong>Connem's</strong><br/>Agent de Sécurité
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/connem11.jpg"><br/>
<a href="http://bullesdencre.forumgratuit.org/u8">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=8">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">

<img src="http://i43.servimg.com/u/f43/15/33/65/55/zaza10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Zaïtto </strong><br/>Agent de Sécurité <br/> Correctrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/zaza210.png"><br/>

<a href="http://bullesdencre.forumgratuit.org/u5">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=5">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://www.hostingpics.net/thumbs/90/64/87/mini_906487FL2.jpg" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;width:32px;height:100px;">
<span>
<strong>Foxy'Lady </strong><br/>Correctrice

<br/>
<img src="http://www.hostingpics.net/thumbs/14/30/98/mini_143098FL1.jpg"><br/>
<a href="http://bullesdencre.forumgratuit.org/u65">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=65">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://www.hostingpics.net/thumbs/22/41/65/mini_224165loulou2.jpg" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;width:32px;height:100px;">
<span>

<strong>loulouaunutella </strong><br/>Reporter
<br/>
<img src="http://www.hostingpics.net/thumbs/63/94/46/mini_639446loulou1.jpg"><br/>
<a href="http://bullesdencre.forumgratuit.org/u70">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=70">Missive</a><br/></div>
</span>

</div>

<br/>

<div class="infobulle">

<img src="http://i43.servimg.com/u/f43/15/33/65/55/absynt10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Absynthe</strong><br/>Reporter - Illustratrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/absynt11.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u30">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=30">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/18-9710.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Talimsan </strong><br/> Illustratrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/talim210.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u18">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=18">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/chou10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Choutic</strong><br/> Bibliothécaire<br/> Animatrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/chouti10.png"><br/>

<a href="http://bullesdencre.forumgratuit.org/u7">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=7">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/zorglo10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Zorgloub</strong><br/>Bibliothécaire Animatrice

<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/zorglo11.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u40">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=40">Missive</a><br/></div>
</span>
</td>
<td width="50%">
<p>
* Nous recrutons :</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t437-recrutement#8236">Illustrateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t228-recrutement-les-animateurs">Animateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t166-recrutement-la-biblio-a-besoin-d-aide">Bibliothécaires</a>.</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t438-recrutement-nous-recherchons-des-moderateurs#8239">Modérateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t284-recrutementcorrecteurs">Correcteurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t165-recrutement-le-journal-recrute">Journalistes</a>.</p>
</p>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/news.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Les Nouveautés~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<p>
* Nous recrutons :</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t437-recrutement#8236">Illustrateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t228-recrutement-les-animateurs">Animateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t166-recrutement-la-biblio-a-besoin-d-aide">Bibliothécaires</a>.</p>
</p>
</td>
<td width="50%">
<p>
* Mais également :</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t438-recrutement-nous-recherchons-des-moderateurs#8239">Modérateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t284-recrutementcorrecteurs">Correcteurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t165-recrutement-le-journal-recrute">Journalistes</a>.</p>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/prix.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Les Prix~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<p>* Nous mettons à votre disposition des <a href="http://bullesdencre.forumgratuit.org/f68-cours-particuliers">aides de Français</a>.
</p>
</td>
<td width="50%">
<p>* Un souci ? Une question ? Venez chercher une <a href="http://bullesdencre.forumgratuit.org/f31-bureau-des-reclamations">réponse</a> !</p>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/rseau.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Le Réseau~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<table class="contenu">
<tr><td ><div id="privilegies" >
<h1>Les privilégiés</h1>

<justify> <a href="http://pensionnat-tsuruko.roleplaylife.net" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/831186Bouton.jpg" border="0" alt="" /></a>
<a href="http://magiccampus.jeun.fr" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa14.casimages.com/img/2010/03/30/100330125239177908.png" border="0" alt="" /></a>
<a href="http://bibliotheque.kanak.fr/"><img src="http://i60.servimg.com/u/f60/12/40/50/96/88x3114.png"></a>
<a href="http://the-horseworld.forumgratuit.org/"><img src="http://nsa27.casimages.com/img/2011/08/19/110819090043902265.jpg"></a>
<a href="http://azclandia.rpg-dynasty.net" class="postlink" target="_blank" rel="nofollow"><img src="http://i43.servimg.com/u/f43/15/33/65/55/az11.png" border="0" alt="" /></a>
<a href="http://apn-world.forumactif.com/"><img src="http://i43.servimg.com/u/f43/15/33/65/55/apn10.png"/></a>
<a href="http://monde-oublie.forumactif.com/"><img src="http://i54.tinypic.com/ei8uty.gif"></a>
<a href="http://lycee-virtuel.francais.tv/"><img src="http://i41.servimg.com/u/f41/16/31/41/17/lili10.png"/></a>
<a href="http://revesdecriture.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i44.servimg.com/u/f44/16/64/06/70/sans_t20.gif" border="0" alt="" /></a>
</justify>
</div></td>
<td width="50%">

<td><div id="autres">
<h1>Les autres</h1>
<justify> <a href="http://www.ile-improbable.net/" target="_blank"><img src="http://kiri84.free.fr/logo.png" border="0" alt="Forum de OuF"></a>
<a href="http://zestedecouleurs.forumactif.org/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://i65.servimg.com/u/f65/11/25/40/17/logo110.png" border="0" alt="" /></a>
<a href="http://fushigi-yume.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i46.photobucket.com/albums/f120/darkishow/fy/88.jpg" border="0" alt="" /></a>
<a href="http://www.melodie-pub.net"><img src="http://i44.servimg.com/u/f44/14/44/90/04/logomp11.png"alt="Mélodie-PUB"/></a>
<a href="http://school-of-pub.fr" target="_blank"><img src="http://school-of-pub.fr/forum_automne2011/logo.jpg" alt="School Of Pub, forum d'entraide et de formations" title="School Of Pub, forum d'entraide et de formations" style="border:0 !important;" /></a>
<a href="http://www.amis-pub.net/portal" class="postlink" target="_blank" rel="nofollow">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/talach10.png" border="0" alt="" /></a>
<a href="http://aidecreation.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/17/00/45/45/883110.png" border="0" alt="" /></a>
</justify>
</div>
</td></tr>
</table>
</div>
</span>

</div>
</body>

</html>

Alors j'ai repris le principe de la signa accordéon sauf que j'ai des soucis :
* onglets qui ne s'ouvrent pas
* images de staff n'importe où
* je ne sais pas faire un cadre dans un cadre pour les listes
* la barre de titre noire est décalée à gauche car ça la centre sans prendre en compte les images de textes verticaux.

Remarque :
* il y a deux fois "Nous recrutons", c'est normal, j'essaie de changer le contenu mais sans voir le rendu des onglets je me perds donc je me suis arrêtée la...

* a côté de l'en tête accordéon j'aimerai un petit rectangle de navigation rapide ^^

Voici les schémas :

Spoiler:

_________________

Mon diplôme:

Alors alors, comme je te l'ai dit je vais essayer de t'aider.
Petit rappel du tutos d'une signature en accordéon : http://www.school-of-pub.net/t5809-signature-avec-effet-accordeon

Je continue de regarder ça

Date d'inscription: 06/03/2011

Merci^^

Pour éviter l'embrouille j'ai changer le contenu des onglets suivants (sauf les prix).

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>PA</title>

<style>

ul{
list-style: none;
margin: 0;
padding: 0;
}

ul li{
float: left;
display: block;
margin-right: 0px;
}

ul li div{
display: block;
overflow: hidden;
height: 300px;
width: 50px;
background-image: url('http://i1088.photobucket.com/albums/i329/Tite-May/Miki/fondpubetentete.png')

}

#a1{
width: 600px;
}

ul li img{
position: absolute;
border: solid 1px #163947;
}

ul li p{
margin: 0;
padding: 0;
max-width: 540px;
display: block;
margin-left: 60px;
font-size:14px;
color:#b0aeae;
}

ul li h1{
width:300px;
height:20px;
text-align:center;
font-size:16px;
margin:auto;
color:#ffffff;
font-weight:bold;
margin-bottom:2px;
}

ul li table tr{
vertical-align:top;
}

ul li table{
width:100%;
}

ul li a{
color:#888888;
text-decoration:none;
}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
lastBlock = $("#a1");
maxWidth = 600;
minWidth = 20;

$("ul li div").click(
function(){
$(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
$(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
lastBlock = this;
}
);
});
</script>
</head>
<body>

<ul>
<li>
<div id="a1">
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/prologue.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Prologue~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<h1>Bienvenue sur Bulles d'Encre !</h1>
<p> De l'aventure au policier en passant par le fantastique, tous les genres sont représentés sur Bulles d'Encre, un forum libre d'accès à tous ceux et celles qui ont le désir d'écrire et de partager leurs histoires. Alors, prenez votre plume magique et montrez-nous de quoi votre esprit est capable !</p>
</td>
<td width="50%">
<h1>Qui sommes-nous ?</h1><p>

Bienvenue cher ami écrivain !
<br>Vous avez choisi Bulles d'Encre pour partager vos oeuvres ou en découvrir d'autres ? Eh bien sachez que Bulles d'Encre ce n'est pas que ça. Notre Maison d'écrivain et Maison d'édition vous donne en effet la possibilité :
<ul style="list-style-type:square"><li>d'améliorer votre maîtrise des traitements de texte,</li><li>d'approfondir votre connaissance de la langue française,</li><li>de participer à nos nombreux jeux, concours et autres discussions !</li></ul></p>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/personnel.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Le Personnel~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%"><div id="staff">
<h1>Le Staff</h1>

<center><div class="infobulle">
<img src="http://img4.hostingpics.net/pics/77944632100.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">

<span>
<strong>Miki </strong><br>Directrice
<br/>
<img src="http://img4.hostingpics.net/pics/121887100100.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u1">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=1">Missive</a><br/></div>
</span>
</div>

<div class="infobulle">

<img src="http://i43.servimg.com/u/f43/15/33/65/55/ela11.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">

<span>
<strong>Elayne</strong><br>Co-Directrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/ela210.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u2">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=2">Missive</a><br/></div>
</span>
</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/connem10.jpg" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">

<span>
<strong>Connem's</strong><br/>Agent de Sécurité
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/connem11.jpg"><br/>
<a href="http://bullesdencre.forumgratuit.org/u8">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=8">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">

<img src="http://i43.servimg.com/u/f43/15/33/65/55/zaza10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Zaïtto </strong><br/>Agent de Sécurité <br/> Correctrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/zaza210.png"><br/>

<a href="http://bullesdencre.forumgratuit.org/u5">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=5">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://www.hostingpics.net/thumbs/90/64/87/mini_906487FL2.jpg" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;width:32px;height:100px;">
<span>
<strong>Foxy'Lady </strong><br/>Correctrice

<br/>
<img src="http://www.hostingpics.net/thumbs/14/30/98/mini_143098FL1.jpg"><br/>
<a href="http://bullesdencre.forumgratuit.org/u65">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=65">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://www.hostingpics.net/thumbs/22/41/65/mini_224165loulou2.jpg" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;width:32px;height:100px;">
<span>

<strong>loulouaunutella </strong><br/>Reporter
<br/>
<img src="http://www.hostingpics.net/thumbs/63/94/46/mini_639446loulou1.jpg"><br/>
<a href="http://bullesdencre.forumgratuit.org/u70">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=70">Missive</a><br/></div>
</span>

</div>

<br/>

<div class="infobulle">

<img src="http://i43.servimg.com/u/f43/15/33/65/55/absynt10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Absynthe</strong><br/>Reporter - Illustratrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/absynt11.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u30">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=30">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/18-9710.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Talimsan </strong><br/> Illustratrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/talim210.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u18">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=18">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/chou10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Choutic</strong><br/> Bibliothécaire<br/> Animatrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/chouti10.png"><br/>

<a href="http://bullesdencre.forumgratuit.org/u7">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=7">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/zorglo10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Zorgloub</strong><br/>Bibliothécaire Animatrice

<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/zorglo11.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u40">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=40">Missive</a><br/></div>
</span>
</td>
<td width="50%">
<h1>Le Recrutement</h1>
<p>
* Nous recrutons :</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t437-recrutement#8236">Illustrateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t228-recrutement-les-animateurs">Animateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t166-recrutement-la-biblio-a-besoin-d-aide">Bibliothécaires</a>.</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t438-recrutement-nous-recherchons-des-moderateurs#8239">Modérateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t284-recrutementcorrecteurs">Correcteurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t165-recrutement-le-journal-recrute">Journalistes</a>.</p>
</p>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/news.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Les Nouveautés~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<h1>L'actualité</h1>
<p>

• 00/00/0000 : Une nouveauté <br/>
• 00/00/0000 : Une nouveauté <br/>
• 00/00/0000 : Une nouveauté <br/>
• 00/00/0000 : Une nouveauté <br/>
</p>
</td>
<td width="50%">
<h1>Soutenez-nous !</h1>
<p>
Vous pouvez retrouver dès à présent toute l'actualité de Bulles d'Encre sur Facebook :
<br />
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fapps%2Fapplication.php%3Fid%3D127909203967983%26sk%3Dwall&width=292&colorscheme=light&show_faces=false&border_color&stream=false&header=false&height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:262px; height:62px;" allowTransparency="true"></iframe>

<br /><br /><br />Et n'oubliez pas de voter pour notre forum !

<br /><center><a href="http://lesforumsdefa.olympe-network.com/topsite/vote.php?id=349" target="_blank"><img src="http://lesforumsdefa.olympe-network.com/topsite/img/vote.gif" border="0" id="votelfd" /></a></center>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/prix.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Les Prix~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<p>* Nous mettons à votre disposition des <a href="http://bullesdencre.forumgratuit.org/f68-cours-particuliers">aides de Français</a>.
</p>
</td>
<td width="50%">
<p>* Un souci ? Une question ? Venez chercher une <a href="http://bullesdencre.forumgratuit.org/f31-bureau-des-reclamations">réponse</a> !</p>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/rseau.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Le Réseau~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<table class="contenu">
<tr><td ><div id="privilegies" >
<h1>Les privilégiés</h1>

<justify> <a href="http://pensionnat-tsuruko.roleplaylife.net" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/831186Bouton.jpg" border="0" alt="" /></a>
<a href="http://magiccampus.jeun.fr" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa14.casimages.com/img/2010/03/30/100330125239177908.png" border="0" alt="" /></a>
<a href="http://bibliotheque.kanak.fr/"><img src="http://i60.servimg.com/u/f60/12/40/50/96/88x3114.png"></a>
<a href="http://the-horseworld.forumgratuit.org/"><img src="http://nsa27.casimages.com/img/2011/08/19/110819090043902265.jpg"></a>
<a href="http://azclandia.rpg-dynasty.net" class="postlink" target="_blank" rel="nofollow"><img src="http://i43.servimg.com/u/f43/15/33/65/55/az11.png" border="0" alt="" /></a>
<a href="http://apn-world.forumactif.com/"><img src="http://i43.servimg.com/u/f43/15/33/65/55/apn10.png"/></a>
<a href="http://monde-oublie.forumactif.com/"><img src="http://i54.tinypic.com/ei8uty.gif"></a>
<a href="http://lycee-virtuel.francais.tv/"><img src="http://i41.servimg.com/u/f41/16/31/41/17/lili10.png"/></a>
<a href="http://revesdecriture.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i44.servimg.com/u/f44/16/64/06/70/sans_t20.gif" border="0" alt="" /></a>
</justify>
</div></td>
<td width="50%">

<td><div id="autres">
<h1>Les autres</h1>
<justify> <a href="http://www.ile-improbable.net/" target="_blank"><img src="http://kiri84.free.fr/logo.png" border="0" alt="Forum de OuF"></a>
<a href="http://zestedecouleurs.forumactif.org/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://i65.servimg.com/u/f65/11/25/40/17/logo110.png" border="0" alt="" /></a>
<a href="http://fushigi-yume.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i46.photobucket.com/albums/f120/darkishow/fy/88.jpg" border="0" alt="" /></a>
<a href="http://www.melodie-pub.net"><img src="http://i44.servimg.com/u/f44/14/44/90/04/logomp11.png"alt="Mélodie-PUB"/></a>
<a href="http://school-of-pub.fr" target="_blank"><img src="http://school-of-pub.fr/forum_automne2011/logo.jpg" alt="School Of Pub, forum d'entraide et de formations" title="School Of Pub, forum d'entraide et de formations" style="border:0 !important;" /></a>
<a href="http://www.amis-pub.net/portal" class="postlink" target="_blank" rel="nofollow">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/talach10.png" border="0" alt="" /></a>
<a href="http://aidecreation.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/17/00/45/45/883110.png" border="0" alt="" /></a>
</justify>
</div>
</td></tr>
</table>
</div>
</span>

</div>
</body>

</html>

En espérant que ça aide...

_________________

Mon diplôme:

Alors déjà premier soucis qui chez moi règle déjà pas mal de truc : tu n'as pas fermé la balise "ul" à la fin de ton code. Une fois fait j'ai juste un problème d'image chez moi. (avec le premier code)

Date d'inscription: 06/03/2011

Code:

</table>
</div>
</span>

</ul>

</div>
</body>

</html>

Ici tu veux dire ?

_________________

Mon diplôme:

oui ici ^^

pour ton background de tes titres : tu mets un style en css et un autre en html. Mets tout en CSS et tu verras que tu as mit la largeur de ton background de 540 px au lieu de 600 Smile

Si tu ne veux pas qu'elle prenne la largeur complète mais qu'elle soit centré sur ton onglet, il te suffit de régler sur chacun (et donc là faire plusieurs CSS) un padding gauche de la taille de tes onglets.

Date d'inscription: 06/03/2011

Et bien en fait je veux pas qu'elle aille derrière tes jolis boutons verticaux ^^
Donc j'ai mis la largeur de l'onglet qui est 540px ^^

Je vais ajouter le ul ^^
EDIT: ça ma rien changé xD

_________________

Mon diplôme:

tu me redonnes ton nouveau code ? (j'ai changé pas mal de truc sur le mien ^^)

Date d'inscription: 06/03/2011

Ouki ^^

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>PA</title>

<style>

ul{
list-style: none;
margin: 0;
padding: 0;
}

ul li{
float: left;
display: block;
margin-right: 0px;
}

ul li div{
display: block;
overflow: hidden;
height: 300px;
width: 50px;
background-image: url('http://i1088.photobucket.com/albums/i329/Tite-May/Miki/fondpubetentete.png')

}

#a1{
width: 600px;
}

ul li img{
position: absolute;
border: solid 1px #163947;
}

ul li p{
margin: 0;
padding: 0;
max-width: 540px;
display: block;
margin-left: 60px;
font-size:14px;
color:#b0aeae;
}

ul li h1{
width:300px;
height:20px;
text-align:center;
font-size:16px;
margin:auto;
color:#ffffff;
font-weight:bold;
margin-bottom:2px;
}

ul li table tr{
vertical-align:top;
}

ul li table{
width:100%;
}

ul li a{
color:#888888;
text-decoration:none;
}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
lastBlock = $("#a1");
maxWidth = 600;
minWidth = 20;

$("ul li div").click(
function(){
$(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
$(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
lastBlock = this;
}
);
});
</script>
</head>
<body>

<ul>
<li>
<div id="a1">
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/prologue.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Prologue~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<h1>Bienvenue sur Bulles d'Encre !</h1>
<p> De l'aventure au policier en passant par le fantastique, tous les genres sont représentés sur Bulles d'Encre, un forum libre d'accès à tous ceux et celles qui ont le désir d'écrire et de partager leurs histoires. Alors, prenez votre plume magique et montrez-nous de quoi votre esprit est capable !</p>
</td>
<td width="50%">
<h1>Qui sommes-nous ?</h1><p>

Bienvenue cher ami écrivain !
<br>Vous avez choisi Bulles d'Encre pour partager vos oeuvres ou en découvrir d'autres ? Eh bien sachez que Bulles d'Encre ce n'est pas que ça. Notre Maison d'écrivain et Maison d'édition vous donne en effet la possibilité :
<ul style="list-style-type:square"><li>d'améliorer votre maîtrise des traitements de texte,</li><li>d'approfondir votre connaissance de la langue française,</li><li>de participer à nos nombreux jeux, concours et autres discussions !</li></ul></p>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/personnel.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Le Personnel~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%"><div id="staff">
<h1>Le Staff</h1>

<center><div class="infobulle">
<img src="http://img4.hostingpics.net/pics/77944632100.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">

<span>
<strong>Miki </strong><br>Directrice
<br/>
<img src="http://img4.hostingpics.net/pics/121887100100.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u1">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=1">Missive</a><br/></div>
</span>
</div>

<div class="infobulle">

<img src="http://i43.servimg.com/u/f43/15/33/65/55/ela11.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">

<span>
<strong>Elayne</strong><br>Co-Directrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/ela210.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u2">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=2">Missive</a><br/></div>
</span>
</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/connem10.jpg" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">

<span>
<strong>Connem's</strong><br/>Agent de Sécurité
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/connem11.jpg"><br/>
<a href="http://bullesdencre.forumgratuit.org/u8">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=8">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">

<img src="http://i43.servimg.com/u/f43/15/33/65/55/zaza10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Zaïtto </strong><br/>Agent de Sécurité <br/> Correctrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/zaza210.png"><br/>

<a href="http://bullesdencre.forumgratuit.org/u5">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=5">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://www.hostingpics.net/thumbs/90/64/87/mini_906487FL2.jpg" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;width:32px;height:100px;">
<span>
<strong>Foxy'Lady </strong><br/>Correctrice

<br/>
<img src="http://www.hostingpics.net/thumbs/14/30/98/mini_143098FL1.jpg"><br/>
<a href="http://bullesdencre.forumgratuit.org/u65">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=65">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://www.hostingpics.net/thumbs/22/41/65/mini_224165loulou2.jpg" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;width:32px;height:100px;">
<span>

<strong>loulouaunutella </strong><br/>Reporter
<br/>
<img src="http://www.hostingpics.net/thumbs/63/94/46/mini_639446loulou1.jpg"><br/>
<a href="http://bullesdencre.forumgratuit.org/u70">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=70">Missive</a><br/></div>
</span>

</div>

<br/>

<div class="infobulle">

<img src="http://i43.servimg.com/u/f43/15/33/65/55/absynt10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Absynthe</strong><br/>Reporter - Illustratrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/absynt11.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u30">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=30">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/18-9710.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Talimsan </strong><br/> Illustratrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/talim210.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u18">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=18">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/chou10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Choutic</strong><br/> Bibliothécaire<br/> Animatrice
<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/chouti10.png"><br/>

<a href="http://bullesdencre.forumgratuit.org/u7">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=7">Missive</a><br/></div>
</span>

</div>

<div class="infobulle">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/zorglo10.png" style="-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #000000;margin-left:5px;">
<span>
<strong>Zorgloub</strong><br/>Bibliothécaire Animatrice

<br/>
<img src="http://i43.servimg.com/u/f43/15/33/65/55/zorglo11.png"><br/>
<a href="http://bullesdencre.forumgratuit.org/u40">Profil</a> | <a href="http://bullesdencre.forumgratuit.org/privmsg?mode=post&u=40">Missive</a><br/></div>
</span>
</td>
<td width="50%">
<h1>Le Recrutement</h1>
<p>
* Nous recrutons :</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t437-recrutement#8236">Illustrateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t228-recrutement-les-animateurs">Animateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t166-recrutement-la-biblio-a-besoin-d-aide">Bibliothécaires</a>.</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t438-recrutement-nous-recherchons-des-moderateurs#8239">Modérateurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t284-recrutementcorrecteurs">Correcteurs</a> ,</p>
<p>
- <a href="http://bullesdencre.forumgratuit.org/t165-recrutement-le-journal-recrute">Journalistes</a>.</p>
</p>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/news.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Les Nouveautés~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<h1>L'actualité</h1>
<p>

• 00/00/0000 : Une nouveauté <br/>
• 00/00/0000 : Une nouveauté <br/>
• 00/00/0000 : Une nouveauté <br/>
• 00/00/0000 : Une nouveauté <br/>
</p>
</td>
<td width="50%">
<h1>Soutenez-nous !</h1>
<p>
Vous pouvez retrouver dès à présent toute l'actualité de Bulles d'Encre sur Facebook :
<br />
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fapps%2Fapplication.php%3Fid%3D127909203967983%26sk%3Dwall&width=292&colorscheme=light&show_faces=false&border_color&stream=false&header=false&height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:262px; height:62px;" allowTransparency="true"></iframe>

<br /><br /><br />Et n'oubliez pas de voter pour notre forum !

<br /><center><a href="http://lesforumsdefa.olympe-network.com/topsite/vote.php?id=349" target="_blank"><img src="http://lesforumsdefa.olympe-network.com/topsite/img/vote.gif" border="0" id="votelfd" /></a></center>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/prix.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Les Prix~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<p>* Nous mettons à votre disposition des <a href="http://bullesdencre.forumgratuit.org/f68-cours-particuliers">aides de Français</a>.
</p>
</td>
<td width="50%">
<p>* Un souci ? Une question ? Venez chercher une <a href="http://bullesdencre.forumgratuit.org/f31-bureau-des-reclamations">réponse</a> !</p>
</td>
</tr>
</table>
</div>
</li>
<li>
<div>
<img src="http://i1088.photobucket.com/albums/i329/Tite-May/Miki/rseau.png" />
<h1 style="width:540px; height:30px; background-color:#000000;">~Le Réseau~</h1></br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%">
<table class="contenu">
<tr><td ><div id="privilegies" >
<h1>Les privilégiés</h1>

<justify> <a href="http://pensionnat-tsuruko.roleplaylife.net" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/831186Bouton.jpg" border="0" alt="" /></a>
<a href="http://magiccampus.jeun.fr" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa14.casimages.com/img/2010/03/30/100330125239177908.png" border="0" alt="" /></a>
<a href="http://bibliotheque.kanak.fr/"><img src="http://i60.servimg.com/u/f60/12/40/50/96/88x3114.png"></a>
<a href="http://the-horseworld.forumgratuit.org/"><img src="http://nsa27.casimages.com/img/2011/08/19/110819090043902265.jpg"></a>
<a href="http://azclandia.rpg-dynasty.net" class="postlink" target="_blank" rel="nofollow"><img src="http://i43.servimg.com/u/f43/15/33/65/55/az11.png" border="0" alt="" /></a>
<a href="http://apn-world.forumactif.com/"><img src="http://i43.servimg.com/u/f43/15/33/65/55/apn10.png"/></a>
<a href="http://monde-oublie.forumactif.com/"><img src="http://i54.tinypic.com/ei8uty.gif"></a>
<a href="http://lycee-virtuel.francais.tv/"><img src="http://i41.servimg.com/u/f41/16/31/41/17/lili10.png"/></a>
<a href="http://revesdecriture.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i44.servimg.com/u/f44/16/64/06/70/sans_t20.gif" border="0" alt="" /></a>
</justify>
</div></td>
<td width="50%">

<td><div id="autres">
<h1>Les autres</h1>
<justify> <a href="http://www.ile-improbable.net/" target="_blank"><img src="http://kiri84.free.fr/logo.png" border="0" alt="Forum de OuF"></a>
<a href="http://zestedecouleurs.forumactif.org/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://i65.servimg.com/u/f65/11/25/40/17/logo110.png" border="0" alt="" /></a>
<a href="http://fushigi-yume.forumactif.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i46.photobucket.com/albums/f120/darkishow/fy/88.jpg" border="0" alt="" /></a>
<a href="http://www.melodie-pub.net"><img src="http://i44.servimg.com/u/f44/14/44/90/04/logomp11.png"alt="Mélodie-PUB"/></a>
<a href="http://school-of-pub.fr" target="_blank"><img src="http://school-of-pub.fr/forum_automne2011/logo.jpg" alt="School Of Pub, forum d'entraide et de formations" title="School Of Pub, forum d'entraide et de formations" style="border:0 !important;" /></a>
<a href="http://www.amis-pub.net/portal" class="postlink" target="_blank" rel="nofollow">
<img src="http://i43.servimg.com/u/f43/15/33/65/55/talach10.png" border="0" alt="" /></a>
<a href="http://aidecreation.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i40.servimg.com/u/f40/17/00/45/45/883110.png" border="0" alt="" /></a>
</justify>
</div>
</td></tr>
</table>
</div>
</span>
</ul>

</div>
</body>

</html>

_________________

Mon diplôme:

Tu n'arrives pas à changer d'onglet ?
Alors là y a un gros soucis parce que de mon pc j'y arrive très bien :s
Tu as bien vider ton cache et tes temps ?

Date d'inscription: 06/03/2011

Oui j'ai tout vidé c'est pour ça je ne comprends pas...
Peut importe le navigateur, j'en ai essayé 3 :
* Chrome
* Firefox
* I.E

_________________

Mon diplôme:

Ben écoute... Moi ça marche sur mes trois navigateur... T enregistre bien sous le bon nom et réouvre à chaque fois ? Je pense que oui... Franchement là... Je vais chercher de l'aide auprès de Miettes

Date d'inscription: 06/03/2011

Oui oui. Je fais comme d'habitude. J'ai fait comme pour la signa donc je comprends pas ce bug...

_________________

Mon diplôme:

Coucou

Tu testes en local ? Ou tu as hébergé dans une page html de FA ?

_________________

SoP Story :: 2ème votes éliminatoires

Date d'inscription: 06/03/2011

C'est dans les pages Html de mon Panneau d'admin.
Comme tout le reste.

_________________

Mon diplôme: