Sujets similaires

Sujet: Problème d'alignement sur la PA Dim 03 Oct 2010, 12:50

Bonjour, j'ai un petit, tout petit problème qui me dérange un peu sur ma PA. Mieux qu'une explication, voici une capture d'écran :

Spoiler:

Voilà, ce que j'aimerais, c'est que les deux icones du staff soient l'une à côté de l'autre. J'ai essayé plusieurs fois sans succès avec mes maigres connaissances en CSS.
Est-ce que quelqu'un peut bien m'aider ? Merci d'avance à celui ou celle qui le fera.

Voici mon Code CSS :

Code:: body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}

.quote, .code, .spoiler { -moz-border-radius: 10px;}

tr.post span.gensmall { display: none; }

div, table {
-moz-border-radius:8px;
-webkit-border-radius: 8px;
border: none;
}

a:hover
{
font-style: italic
}

a {font-variant: small-caps;}

a { text-decoration: none; }

body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}

.tableaupa .titre {
font-family: impact;
text-align: right;
color:#997a68;
font-size:24px;
border-bottom: 2px solid #997a68;
font-variant:small-caps;
letter-spacing:1px;
width:80%;
margin-bottom:5px;
}
.tableaupa .navigation {
font-family: impact;
font-size: 14px;
color: #a07eb8;
background-color: #ECE1FA;
letter-spacing: 1px;
display: block;
width: 80%;
margin-bottom: 3px;
border-right:3px solid #a07eb8;
border-left:3px solid #a07eb8;
text-align: center;
text-decoration: none;
}
a.imginfo {
float:right;
margin-right:10%;
width:80%;
position: relative;
color: #997a68;
text-decoration: none;
}

a.imginfo span {
display: none;
}

a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}

a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
right: 80px;
background: #ECE1FA;
color: #997a68;
padding: 3px;
border: 3px solid #997a68;
}
.tableaupa .scrollbar {
color: #997a68;
text-align: right;
width: 80%;
overflow: auto;
height: 120px;
padding-right:3px;
}
.topsite{
width:80%;
text-align:right;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
-webkit-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
-webkit-opacity:1;opacity: 1;
}

.bodylinewidth
{
max-width: 900px;
}

a {outline:none;}

a
{
text-decoration: none;
font-variant: small-caps;
letter-spacing: 1px;
}

a:hover
{
text-decoration: none !important;
}

.mainmenu
{
padding: 3px;
background-color: #eCD5F5;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #441769;
color: #121212;
}

a.mainmenu
{
color: #b60202;
font-variant: small-caps;
font-weight: bold;
}

.forumline
{
background-color: #ECE1FA;
background-repeat: repeat-x;
-moz-border-radius: 16px 16px 14px 14px ;
-webkit-border-radius: 16px 16px 14px 14px;
border-bottom: 8px #ECE1FA solid;
border-top: 8px #ECE1FA solid;
border-right: 2px #ECE1FA dotted;
border-left: 2px #ECE1FA dotted;
margin-bottom: 6px;
}

td.row2, td.row3
{
-moz-border-radius: 14px;
-webkit-border-radius: 4 px;
}

.cattitle
{
display: block;
text-align: center;
letter-spacing: 5px;
font-variant: small-caps;
}

a.forumlink
{
display: block;
background-color: #ECE1FA;
-moz-border-radius: 4px;
-webkit-border-radius: 4 px;
border: 1px dotted #ECD5F5;
padding: 2px 2px 2px 20px;
}

a.forumlink:hover
{
display: block;
color: #a36ae8;
font-weight: bold;
background-color: #ECE1FA;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px dotted #70519E;
padding: 2px 2px 2px 20px;
}

.topictitle
{
display: block;
padding-left: 10px;
}

.postbody
{
font-size: 11px;
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}

.quote
{
font-size: 11px;
color: #427D96;
background-color: #121212;
padding: 6px;
-moz-border-radius: 6px 6px 4px 4px;
-webkit-border-radius: 6px 6px 4px 4px;
border-left: 1px dotted #492917;
border-top: 6px solid #492917;
border-right: 1px dotted #492917;
border-bottom: 3px solid #492917;
}

.illu
{
float: right;
margin: 4px;
border: 1px dotted #4A4745;
}

.description
{
float: right;
text-align: justify;
font-size: 11px;
}

.cate
{
font-size: 11px;
text-align: justify;
margin-top: 0px;
margin-bottom: -10px;
}

#page_site
{
width: 950px;
min-height: 500px;
background-color: #121212;
-moz-border-radius: 16px 16px 14px 14px ;
-webkit-border-radius: 16px 16px 14px 14px;
border-bottom: 8px #4A4745 solid;
border-top: 8px #4A4745 solid;
border-right: 2px #4A4745 dotted;
border-left: 2px #4A4745 dotted;
margin-bottom: 6px;
margin-top: 50px;
}

#navig
{
margin-top: 5px;
}

.navig_site
{
font-size: 11px;
color: #ECE1FA;
background-color: #427D96;
padding: 6px;
-moz-border-radius: 6px 6px 4px 4px;
-webkit-border-radius: 6px 6px 4px 4px;
border-left: 1px dotted #4A4745;
border-top: 6px solid #4A4745;
border-right: 1px dotted #4A4745;
border-bottom: 3px solid #4A4745;
}

#content_site
{
width: 700px;
text-align: justify;
margin-left: 20px;
margin-right: 20px;
color: #314f5c;
font-size: 11px;
margin-top: 50px;
}

#content_site a
{
color: #427D96;
font-variant: small-caps;
font-weight: bold;
}

#content_site a:hover
{
color: #a07eb8;
font-variant: small-caps;
font-weight: bold;
}

.parag
{
width: 800px;
margin: auto;
background-color: #ECE1FA;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px dotted #4A4745;
padding: 4px;
}

legend
{
font-size: 20px;
font-family: lucida calligraphy;
font-weight: bold;
letter-spacing: 2px;
}

fieldset
{
border: 1px dotted #4A4745;
background-color: #ECE1FA;
width: 800px;
margin: auto;
}

#nolink
{
float: right;
background-color: #4A4745;
margin-top: 200px;
}

#menu ul
{margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;}

#menu li
{float: left;
padding: 0px;
background-color: #ECE1FA;}

#menu li a
{display: block;
width: 100px;
color: #a07eb8; /* couleur du texte */
padding: 5px;
text-decoration: none;}

#menu li a:hover
{color: #c3a897;}/* couleur du texte au passage de la souris */

#menu ul li ul /* cacher les sous-catégories */
{display: none;}

#menu ul li:hover ul
{display: block;}

#menu li:hover ul li
{float: none;}

#menu li ul
{position:absolute;}

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #70519E;
width: 80%;
border: 3px solid #997a68;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 3px solid #997a68;
border-right: 3px solid #997a68;
border-top: 3px solid #997a68;
color: #70519E;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #70519E;
border: 3px solid #997a68;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 6px;
color: #70519E;
width: 50%;
text-align: center;
height: 22px;
font-size: 11px;
}

Et voici le Code de ma PA :

Code:: <img src="http://i26.servimg.com/u/f26/12/16/27/81/bann_b10.png" border="0" alt="" />
<table align="center" width="100%" class="tableaupa"><tbody>
<tr>
<td style="vertical-align:top;" width="33%">
<center><div class="titre"> Navigation </div>
<a href="http://perles-ecrivains.forumactif.com/rules-f1/rules-t1.htm" class="navigation">Règlement</a>
<a href="http://perles-ecrivains.forumactif.com/you-f3/" class="navigation">Présentation</a>
<a href="http://perles-ecrivains.forumactif.com/partenaires-f9/" class="navigation">Partenariat</a>
</center>
</td>

<td style="vertical-align:top;" width="33%">
<center><div class="titre"> La team </div>
<a class="imginfo" style="text-align:right;">
<font color="burlywood" class="opacity">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y13.png"/></font>
<span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Shaya - Fondatrice<br/></font></td></tr><tr>
<td style="text-align: center;"><a class="imginfo">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y14.png"/></a></td></tr>
<tr><td style="text-align: center;"><font size="1"><a href="http://perles-ecrivains.forumactif.com/profile.forum?mode=viewprofile&u=1">Profil</a> - <a href="http://perles-ecrivains.forumactif.com/msg.forum?mode=post&u=1">Envoyer un MP</a><br/></font></td></tr>
<tr align="center"/></tbody></table></span></a>
<br/><a class="imginfo" style="text-align:right;"><font color="burlywood" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/fae-cl12.png"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Fée-Clochette - Co-Admin<br/></font></td></tr>
<tr><td style="text-align: center;"><a class="imginfo"><img src="..."/>
</a></td></tr>
<tr><td style="text-align: center;"><font size="1">
<a href="http://perles-ecrivains.forumactif.com/profile.forum?mode=viewprofile&u=2">Profil</a> - <a href="http://perles-ecrivains.forumactif.com/msg.forum?mode=post&u=2">Envoyer un MP</a><br/></font></td></tr>
<tr align="center"/></tbody></table></span></a></td> </center>
</td>

<td style="vertical-align:top;" width="34%">
<justify><div class="titre"> Description </div><div class="scrollbar">
<justify>Vous aimez écrire des histoires ? Vous voulez les faire partager avec d'autres ? Alors venez par ici ! </justify>

</div></justify>
</td>
</tr>
</tbody></table>
<table align="left" width="80%" class="tableaupa"><tbody>
<tr>
<td width="35%">
<center><div class="titre"> Top partenaires </div>
<form>
<select style="width: 150px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Le top partenaires
</option>

<option value="http://www.eragon.superforum.fr">
Eragon, une Autre Histoire
</option>
<option value="http://dgray-man.superforum.fr/forum.htm">
Le Réveil de Pandore
</option>
<option value="http://le-voyage-de-nemesis.forumactif.org/">
Le Voyage de Nemesis
</option>
<option value="http://twilight-forever01.forumactif.org/forum.htm">
Twilight Forever
</option>
<option value="http://a-vos-plumes.forumactif.com/">
A Vos Plumes
</option>
<option value="http://lantre-de-lankou.xooit.fr/">
L'Antre de l'Ankou
</option>
</select>
</form>
<a href="http://perles-ecrivains.forumactif.com/partenaires-f9/nos-partenaires-t27.htm#59" style="font-family:impact; color:#997a68;">Plus ?</a>
<a href="http://perles-ecrivains.forumactif.com/partenaires-f9/logos-t28.htm" style="font-family:impact; color:#997a68;">Logos</a>
<a href="http://perles-ecrivains.forumactif.com/partenaires-f9/demande-de-partenariat-t7.htm" style="font-family:impact; color:#997a68;">Vous ?</a></center>
</td>
<td width="45%" style="vertical-align:top;">
<center><div class="titre" style="margin-top:10px;"> Cliquez </div><div class="topsite">
<a href="http://www.root-top.com/topsite/ed/in.php?ID=294" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/icane_10.png"/></a>
<a href="http://www.root-top.com/topsite/obsession27/in.php?ID=14144" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/icane_10.png"/></a>
<a href="http://www.root-top.com/topsite/candymiam/in.php?ID=4947" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/icane_10.png"/></a>
<a href="http://www.root-top.com/topsite/nick_pub/in.php?ID=28" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/icane_10.png"/></a>
<a href="http://www.root-top.com/topsite/abysses/in.php?ID=3437" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/icane_10.png"/></a></div></center>
</td>
</tr>
</tbody></table>
<table width="100%" class="tableaupa"><tbody>
<tr>
<td width="35%" style="vertical-align:top">
<center><div class="titre"> Nous lier </div>
<a href="http://perles-ecrivains.forumactif.com" class="opacity"><img src"#"></a>
</center>
</td>
<td width="65%" style="vertical-align:top; text-align:right;"><div class="titre" style="float:right; margin-right:10%;"> Copyright </div><div style="margin-right:10%; color:#997a68;"><br/>
<br><br>Forum : Shaya & Fée-Clochette<br/>
Design : Shaya<br/>
CSS & Templates : <a href="http://forum.forumactif.com/" class="postlink" target="_blank">Forum gratuit d'entraide</a>, <a href="http://www.css-actif.com" class="postlink" target="_blank">CSS Actif</a> & <a href="http://graphicofolie.forumotion.com/" class="postlink" target="_blank">Graphicofolie</a><br/>
</div>
</td>
</tr>
</tbody></table>

Encore merci à celui qui m'aidera. Shay'

Sujet: Re: Problème d'alignement sur la PA Mer 06 Oct 2010, 06:49

Bonjour.

Comme il n'y a ni saut de lignes ni décalages en début de ligne dans ton code, la relecture est assez pénible et je n'ai pas pris la peine de le regarder intégralement.

Cependant, pour corriger ton problème, remplace ces lignes

Code:: <td style="vertical-align:top;" width="33%">
<center><div class="titre"> La team </div>
<a class="imginfo" style="text-align:right;">
<font color="burlywood" class="opacity">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y13.png"/></font>
<span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Shaya - Fondatrice<br/></font></td></tr><tr>
<td style="text-align: center;"><a class="imginfo">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y14.png"/></a></td></tr>
<tr><td style="text-align: center;"><font size="1"><a href="http://perles-ecrivains.forumactif.com/profile.forum?mode=viewprofile&u=1">Profil</a> - <a href="http://perles-ecrivains.forumactif.com/msg.forum?mode=post&u=1">Envoyer un MP</a><br/></font></td></tr>
<tr align="center"/></tbody></table></span></a>
<br/><a class="imginfo" style="text-align:right;"><font color="burlywood" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/fae-cl12.png"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Fée-Clochette - Co-Admin<br/></font></td></tr>

par celles-ci :

Code:: <td style="vertical-align:top;" width="33%">
<center><div class="titre"> La team </div>
<a class="imginfo" style="text-align:right;">
<font color="burlywood" class="opacity">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y13.png"/></font>
<span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Shaya - Fondatrice<br/></font></td></tr><tr>
<td style="text-align: center;"><a class="imginfo">
<img src="http://i26.servimg.com/u/f26/12/16/27/81/shin_y14.png"/></a></td></tr>
<tr><td style="text-align: center;"><font size="1"><a href="http://perles-ecrivains.forumactif.com/profile.forum?mode=viewprofile&u=1">Profil</a> - <a href="http://perles-ecrivains.forumactif.com/msg.forum?mode=post&u=1">Envoyer un MP</a><br/></font></td></tr>
<tr align="center"/></tbody></table></span></a>
<a class="imginfo" style="text-align:right;"><font color="burlywood" class="opacity"><img src="http://i26.servimg.com/u/f26/12/16/27/81/fae-cl12.png"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr><td style="text-align: center;"><font size="1">
Fée-Clochette - Co-Admin<br/></font></td></tr>