Sujets similaires

Bonsoir,

Voilà, j'ai une page d'accueil qui est comme ceci :

Spoiler:

Et j'aimerai qu'elle ressemble à ça :

Spoiler:

Pourtant, je ne sais pas quoi modifié. Pouvez-vous m'aider ?
J'ai la version PhPbb2, j'utilise firefox et mon forum a une largeur de 80%.

Voici mon CSS : (la partie concernée est à partir de : /* TA PAGE D ACCUEIL */)

Code:: a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.forumline{
border: 1px #ffffff dashed;
}
.forumline{
background-color: #transp;
border: 1px #939191 dotted;
}
.cattitle{
font-variant: small-caps;
font-size: 10px ;
letter-spacing: 1px;
color :#99A69E}
a.cattitle:hover{
text-decoration: none;
}
.forumlink{
font-variant: small-caps;
font-size: 11px;
color : #99A69E;
}
a.forumlink {
text-decoration: none;
color : #99A69E;
border-bottom: 1px dotted #99A69E;
}
a.forumlink{
font-weight: lighter;
background-color: #FFCC99;
border-bottom: 5px double #FB843C;
display:block;
text-align: center;
-moz-border-radius: 7px 7px 7px 7px;
}
a:hover{
text-decoration: none !important;
color : #000000;
filter:alpha(opacity=100); -moz-opacity: 0.5; opacity: 1.0;
text-transform: lowercase;
}
forumline{border: 3px double grey; }
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #c6f0f7 ;
}
/*QUI EST EN LIGNE*/

.statistiques{
background-image: url("http://img10.hostingpics.net/pics/983671Copie_de_rl9biu.png");
background-repeat: no-repeat;
background-position: left;
height:270px;}

.groupes{
font-size:20px;font-weight: bold;text-align: top-right;
text-decoration: none !important;}

body,td,th {
color: #000000;
}
td {
box-shadow: 8px 8px 12px #aaa;
}
p { color:#333;
font-size:11px;
font:Arial;}
/* TA PAGE D ACCUEIL */
.topliens {
font-variant: small-caps;
font-size: 14px;
color: #FB843C !important ;
text-align: center;
border: 2px solid #F1EDED;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.topliens:hover {
font-variant: small-caps;
font-size: 14px;
color: #F1EDED !important ;
border: 2px dotted #FB843C;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.lestitres {
text-align: center;
font-variant: small-caps;
font-size: 15px;
border-bottom: 2px solid #F1EDED;
margin-bottom: 5px;
letter-spacing:0.02in;
color: black;
}

.lestitres:hover {
text-align: center;
color: black;
font-variant: small-caps;
font-size: 15px;
border-bottom: 2px dotted #FB843C;
margin-bottom: 5px;
letter- spacing:0.03in;
}

.tesnews {
height: 155px;
overflow: auto;
text-align: justify;
padding-right: 5px;
padding-left: 5px;
}

.toncontenu {
height: 155px;
overflow: auto;
text-align: center;
padding-right: 5px;
padding-left: 5px;
}

.mostwanted {
text-align: center;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}

.noms{
font-variant: small-caps;
font-weight: bold;
color: black;
border-bottom: 2px dotted #FB843C;
}

.icone {
border: 2px solid #FB843C;
-moz-border-radius: 5px;
}
.icone:hover {
border: 2px dotted #F1EDED;
-moz-border-radius: 5px;
}

/* INFOBULLE POSTES VACANTS */
a.infobulle {
position: relative;
}
a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
font-size: 11px;
width: 100px;
height: 30px;
display: inline; /* ceci affiche l'infobulle */
position: absolute;
white-space: no-wrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 12px; /* on positionne notre infobulle */
left: -3px;
background: #FFCC99; /* arrière-plan de l'infobulle */
color: #FC843C; /* texte dans l'infobulle */
padding: 3px;
overflow: auto;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;

/* bordures de votre infobulle*/
border: 2px dotted #FB843C;
border-left: 2px dotted #FB843C;
}

/* INFOBULLE DE LA TEAM */
a.infoteam {
position: relative;
}
a.infoteam span {
display: none; /* ceci masque l'infobulle */
}
a.infoteam:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.infoteam:hover span {
font-size: 11px;
width: 100px;
height: 44px;
display: inline; /* ceci affiche l'infobulle */
position: absolute;
white-space: no-wrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 12px; /* on positionne notre infobulle */
left: -3px;
background: #FFCC99; /* arrière-plan de l'infobulle */
color: #FC843C; /* texte dans l'infobulle */
padding: 3px;
overflow: auto;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;

/* bordures de votre infobulle*/
border: 2px dotted #FB843C;
border-left: 2px dotted #FB843C;
}

Voici mon HTLM :

Code:: <table>
<tbody>
<tr>
<td class="topliens"><a href="http://hannahmontanaslife.forumactif.com/reglements-contexte-f23/contexte-t587.htm">Contexte</a></td>
<td class="topliens"><a href="http://hannahmontanaslife.forumactif.com/reglements-contexte-f23/reglements-t576.htm">Règlements</a></td>
<td class="topliens"><a href="http://hannahmontanaslife.forumactif.com/partie-des-invites-f32/">Invités</a></td>
<td class="topliens"><a href="http://hannahmontanaslife.forumactif.com/posts-vacans-f27/liste-des-avatars-t579.htm">Liste des avatars</a></td>
<td class="topliens"><a href="http://hannahmontanaslife.forumactif.com/posts-vacans-f27/">Postes-Vacants</a></td>
<td class="topliens"><a href="http://hannahmontanaslife.forumactif.com/partenaria-f74/nos-partenaires-t595.htm#9422">Partenaires</a></td>
<td class="topliens"><a href="http://hannahmontanaslife.forumactif.com/profile.forum?mode=register">Inscription</a></td></tr>
<tr>
<td colspan="7"></td></tr>
<tr>
<td colspan="3" valign="top" width="40%"><div class="lestitres"><font size="4">News on HML</font></div><div class="tesnews">
<ul>Je souhaite de bonnes vacances à tous nos membres!</ul>
<ul>Le forum a ouvert le 22 juillet</ul>
<ul>Forum optimisé pour Firefox</ul>
<ul>Vous pouvez nous contacter à l'adresse : <u>hannahmontanaslife.forum@hotmail.fr</u></ul>
<ul>Il s'agit de la Version 1 du forum.</ul>
<ul>La version a été crée par Pow, la PA par Ode et le reste du CSS par moi.</ul></div></td>
<td colspan="1" width="200"><img src="http://img10.hostingpics.net/pics/248049jennie10.png">
</td>
<td colspan="3" valign="top" width="40%"><div class="lestitres">Team of HML</div><div class="toncontenu"><a href="#" class="infoteam"><img src="http://img10.hostingpics.net/pics/144278Sans_titre_1.png" class="icone">
<span><div class="noms">Miley Stewart</div>
<i>Fondactrice</i> <div align="center"><a href="http://hannahmontanaslife.forumactif.com/profile.forum?mode=viewprofile&u=1" target="_blank">Profil</a> - <a href="http://hannahmontanaslife.forumactif.com/msg.forum?mode=post&u=1">Contacter</a></div></span></a>

<span style="padding-left: 15%;"><a href="#" class="infoteam"><img src="http://img10.hostingpics.net/pics/275821Sans_titre_4.png" class="icone">
<span><div class="noms">Lilly Truscott</div>
<i>Modératrice</i> <div align="center"><a href="http://hannahmontanaslife.forumactif.com/profile.forum?mode=viewprofile&u=3" target="_blank">Profil</a> - <a href="http://hannahmontanaslife.forumactif.com/msg.forum?mode=post&u=3" target="_blank">Contact</a></div></span></a></span></div>
</td>
</tr>
<tr>
<td colspan="7"><div class="lestitres" valign="top">Most Wanted</div><div class="mostwanted"><a href="#" class="infobulle"><img src="http://img10.hostingpics.net/pics/473513nhgfd.png" class="icone">
<span><div class="noms">Jackson Stewart</div> <div align="center">19 ans</a></div></span></a>

<a href="#" class="infobulle"><img src="http://img10.hostingpics.net/pics/916728iconnicolegandersonrj3.jpg" class="icone">
<span><div class="noms">Amy Parker</div> <div align="center">16 ans</div></span></a>

<a href="#" class="infobulle"><img src="http://img10.hostingpics.net/pics/432501icontaylorlautnerr7.jpg" class="icone">
<span><div class="noms">Taylor Hudson</div> <div align="center">16 ans</div></span></a>

<a href="#" class="infobulle"><img src="http://img10.hostingpics.net/pics/645897iconchelseastaubros10.jpg" class="icone">
<span><div class="noms">Chelsea Staub</div> <div align="center">22 ans</div></span></a>

<a href="#" class="infobulle"><img src="http://img10.hostingpics.net/pics/762971iconrobertpattinsons.jpg" class="icone">
<span><div class="noms">Edward Miller</div> <div align="center">18 ans</div></span></a>

<a href="#" class="infobulle"><img src="http://img10.hostingpics.net/pics/663255iconnikkireedpp4.jpg" class="icone">
<span><div class="noms">Evie Sullivan</div> <div align="center">18 ans</div></span></a>
</div>
</td>
</tr>
</tbody></table>

Merci beaucoup!

Ça ressemble plus à une commande, non ?

Non, pas vraiment.

Je souhaite juste savoir quelles parties sont à modifiées

Eh bien, hum je pense plus que c'est une commande parce que je ne saurais pas vraiment comment t'aider donc, si quelqu'un d'autre pourrait essayer mais c'est comme une commande... ><

Enfait, il suffit de supprimer certains codes mais je sais pas lesquels =/

Effectivement, c'est une Commande.
Tu n'as plus qu'à attendre qu'une place soit liberée dans la section des Commandes.

Code s'il-vous-plaît

Question CSS et HTLM

Question CSS et HTLM

Sujets similaires

Sujets similaires

Partenaires Or