Sujets similaires

Alors bien le bonjour à vous tous =3

Je viens à poster car j’ai un gros problème ave mon code de page d’accueil qui fait des siennes, particulièrement sous IE. Et je suis très nulle en HTML donc je ne vais pas amocher encore plus l’histoire. Je viens donc demander votre aide:/ Alors, c’est sous ce forum ci : http://artisthic.forumactif.org/forum.htm. Sous Firefox le code à peu près si je puis dire, mais j’aimerais les deux colonnes plus vers le milieu et que celle de droite ne soit pas toute rabougrie. OO Enfin, c’est ce que cela me donne sous IE en tous cas. J’ai un peu du mal à expliquer, s’il le faut je ferais un montage de ce que j’attends. En attendant, voici mon code HTML (qui est complètement faux mais je ne suis VRAIMENT pas douée dans ce codage et puis je ne connais que peu de balises et j’aime contracter en n’importe quoi, enfin on retrouve même des fois la même balise, bref, n’importe quoi). Oui, en effet il y a des catégories inversées entre le code et le rendu mais je ne sais pas non plus pourquoi. Mon forum est un PHPBB2. Et je n’ai rien ajouté de récent, ça a bugué alors que c’était à peu près correct ce matin… xD Bref, le code :

Code:: <table style="margin: auto; text-align: center;">

</div>

<table style="margin: auto; text-align: center;">
<tr>
<td width="50%">
<table>
<tr align="left">

<td><tr>

<span class="titre1"> Bonjour {USERNAME}, <b><hr /></b>
</span>
Kaka kiki c'est le meilleur des tritons, mais mirlitons poutrons nous, faut pas nous prendre pour des valises. Bon d'accord je suis très inspirée par les québécois mais patati patata OSEF de ça. C'est juste histoire de remplir, quitte à le faire avec du caca en boîte, heinnnnnnnn. Héhé non chuis pas ch'timi, je suis du sud, bande de cocolais. Et sans oublier la phrase très importante: SuperKaliFragiliStickExpiDélilicieux
<br></td><br><br>

<td><div class="titres">Nouveautés</div>

<div class="contenu"><p align="center"> <h5>Top partenariat</h5> Nos z'amis<br><marquee><img class="boutonpa" src="http://i63.servimg.com/u/f63/11/83/54/29/sans_t13.jpg"> <img class="boutonpa" src="http://i63.servimg.com/u/f63/11/83/54/29/sans_t13.jpg"> <img class="boutonpa" src="http://i63.servimg.com/u/f63/11/83/54/29/sans_t13.jpg"> <img class="boutonpa" src="http://i63.servimg.com/u/f63/11/83/54/29/sans_t13.jpg"></marquee><br>

<h6>Top sites</h6><p align="right">Veautez!</p>
<img class="boutonpa" src="http://i63.servimg.com/u/f63/11/83/54/29/sans_t13.jpg"> <img class="boutonpa" src="http://i63.servimg.com/u/f63/11/83/54/29/sans_t13.jpg"> <img class="boutonpa" src="http://i63.servimg.com/u/f63/11/83/54/29/sans_t13.jpg"> <img class="boutonpa" src="http://i63.servimg.com/u/f63/11/83/54/29/sans_t13.jpg"></div><br><br>

</td> <a class="info" target="_blank" href="http://LIEN"> <img src="http://i49.tinypic.com/fmjr0x.png" onMouseOver="this.src='http://i45.tinypic.com/svrlmh.png';" onMouseOut="this.src='http://i49.tinypic.com/fmjr0x.png';" border="0" alt="">

<span>ErfContenu<br> Profil </span></a>

<a class="info" target="_blank" href="http://artisthic.forumactif.org/profile.forum?mode=viewprofile&u=2"><img src="http://i49.tinypic.com/fmjr0x.png" onMouseOver="this.src='http://i45.tinypic.com/svrlmh.png';" onMouseOut="this.src='http://i49.tinypic.com/fmjr0x.png';" border="0" alt="">

<span>Alice Lidell<br>
Administratrice<br><br>

Incarnation du personnage de Alice<br> au pays des Merveilles</span> </a></tr><br>

<tr align="center">

</a></div>

</tr>
</table>
</td>

<td width="50%" class="droite">
<table align="right">
<tr>
<td>

<div class="titres"> Contexte</div>

<div class="contenu"> <div style="overflow: auto; width:100%; height: 150px;">
<div style="margin: auto; text-align: center; width: 100%;">
<font size="1">
<br>
Contexte<br><div style="overflow: auto; width: 100%; height: 130px;">
Ton texte</div>
</font>
</div>
<font size="1">
<ul>
<div align="justify">
U.C
</div>
</ul>
</font>
</div>
</td>
</tr></div>
<tr height="50">
<td>

<div class="titres">Nouveautés</div>

<div class="contenu"><span style= line-height: short;">
<marquee direction="up">
<div style="margin:auto;">
Pas encore de partenaires<br>
-Ma passion c'de faire du HTML, surtout à cette heure :O<br>
-Ca tombe bien moi aussi</div>

</a>
</br>
</br>
</marquee>
</span>
</td>
</tr>
<tr>
<td>

<div class="titres">Infos</div>

<div class="contenu"><br>
<br>
HUHU </td>
</tr>
</table>
</td>
</tr>
</table>

Et mon CSS, au complet, là je n’ai pas le courage de trier, franchement navrée.

Code:: a.forumlink {
text-decoration: none;
background-color: #bababa;
border-bottom: 2px double #llllll;
border-top: 2px double #rrrrrr;
-moz-border-radius: 10px ;
border-right: 5px solid #pppppp;
-moz-border-radius: 10px ;
border-left: 5px solid #nnnnnn;
display:block;

}

a.forumlink:hover {
text-decoration: none;
background-color: #fffff;
border-bottom:2px double #fffff;
border-top: 2px double #bbbbb;
-moz-border-radius: 10px ;
border-right: 5px solid #rrrrr;
-moz-border-radius: 10px ;
border-left: 5px solid #iiiii;
display:block;
}

.navigation{
list-style-type: none;
text-align: center;
display: inline;
text-align: center;
margin: 0 15px 0 0;
padding: 3px 8px 3px 8px;
color: #262626;
background-color: #AAAAAA ;
border: 1px solid #262626;
text-decoration: none;
}
.navigation:hover{
background-color: #AAAAAA;
color: #ffffff;
text-transform:uppercase;
}

.titre1{
display:block;
margin-bottom:10px;
font-weight:bold;
font-size:14px;
}

.titre{
display:block;
border-bottom:3px solid black;
padding-bottom:10px;
font-weight:bold;
font-size:14px;
text-align:center;
}

.droite{
padding-left:20px;
}

.titres
{
text-align: center;
background-color: #7E3347;
border: 5px;
padding: 2px;
font-variant: small-caps;
color: #E3CB83;
font-family: arial, verdana;
font-size: 11px;
font-weight: bold;
}

.contenu
{
text-align: justify;
background-color: #E3CB83;
border: 5px;
padding: 5px;
color: #7E3347;
font-family: arial, verdana;
font-size: 11px;
}

a.info {
position: relative;
text-decoration: none;
}

a.info span {
display: none;
}
a.info:hover {
background: none;
z-index: 999;

}
a.info:hover span {
display: inline;
position: absolute;

white-space: nowrap;

top: 5px;
left: 15px;

background-color: #7E3347;
border:1px solid #E3CB83;
color:#E3CB83;
padding:5px;
-moz-border-radius: 5px;
}

h5 {
text-align: left;
color: #294d14;
font-size: 15px;
font-family: georgia;
font-weight:bold;
font-style:italic;
padding: 1px;
margin-bottom : 2px;
padding-left: 10px;

}

h6 {
text-align: right;
color: #294d14;
font-size: 15px;
font-family: georgia;
font-weight:bold;
font-style:italic;
padding: 1px;
margin-bottom : 2px;
padding-left: 10px;

}

a.mainmenu
{
font-family: georgia;
font-size: 13px;
text-align: center;
padding-left: 0xp;
color: #294d14;
font-variant: small-caps;
background-image: url('Lien de votre image');
background-repeat: no-repeat;
background-color: #719e65;
text-decoration: none;
border: 1px dashed #1c4d14;
border-left: 5px solid #1c4d14;
border-right: 5px solid #1c4d14;
-moz-border-radius: 3px;
}

a.mainmenu img {display:none;}

.icon {
padding: 0px;
float: left;
background-color: #rrrrrr;
margin: 5px;}

.iconname {
color: #white;
font-size: 9px;
text-align: center}

.fond {
background-color: #719e65;
border-bottom: 2px double #1c4d14;
border-top: 2px double #1c4d14;

}

.lettrine {
float: left;
padding: 0.5%;
margin-right: 2px;
margin-top: 2px;
font-size: 300%;
color: #FF4A9C;
text-shadow: 1px 1px 2px #777;
}

.cellule1 {
background-color: #FF82BA;
text-align: center;
text-shadow: 1px 1px 2px #777;
FONT-FAMILY: georgia;
font-style: italic;
border-bottom: 5px solid #808080;
padding-top: 1%;
padding-bottom: 1%;
}

.contenu1 {
font-style: italic;
font-family: georgia;
padding: 2%;
background-color: #C0C0C0;
text-shadow: 1px 1px 2px #777;
}

.cellule2 {
background-color: #FFBFDC;
font-family: georgia;
font-style: italic;
color: white;
padding: 1%;
text-shadow: 1px 1px 2px #777;
text-align: center;
}

.contenu2 {
font-style: italic;
font-family: georgia;
padding: 2%;
background-color: #C0C0C0;
color: white;
text-shadow: 1px 1px 2px #777;
}

.cellule3 {
background-color: #FF82BA;
text-align: left;
text-shadow: 1px 1px 2px #777;
FONT-FAMILY: georgia;
font-style: italic;
color: #FFBFDC;
border-bottom: 5px solid #808080;
padding-left: 2%
}

.icon1 {
background-color: #FF82BA;
-moz-border-radius: 10%;
-webkit-border-radius: 10%;
padding: 8%;
opacity: 0.5;
}

.contenu4 {
font-style: italic;
font-family: georgia;
background-color: #C0C0C0;
text-shadow: 1px 1px 2px #777;
padding-left: 6%;
}

.cellule5 {
background-color: #C0C0C0;
}

.contenu5 {
font-style: italic;
color: white;
font-family: georgia;
text-shadow: 1px 1px 2px #777;
text-align: center;
}

.contenu6 {
font-style: italic;
color: green;
font-family: georgia;
text-shadow: 1px 1px 2px #777;
}

.contenu10 {
background-color: #FF82BA;
-moz-border-radius: 10%;
-webkit-border-radius: 10%;
padding: 8%;
}

.apparence {
background-color: #3D3030;
border: 2px solid #392D2D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.blockquote {
display: block;
align; "center";
text-align: center/left/right;
width: 70%;
color:#code6chiffres;
font-size: ??px;
color: #;
border-right: 2px dashed #3f6036;
border-left: 2px dashed #3f6036;
background-color: #9fc993;
background-image:url("http://");
}

.categorylink
{border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #3f6036;}

.categorylink a
{color: #f2f8f8;
text-decoration: none;}

.categorylink a:hover
{color: #ffffff;
text-decoration: none;}

.onglet
{background-color: #3f6036;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
letter-spacing: -1px;
-moz-border-radius:5px 5px 0px 0px;}

Mon CSS est organisé par sections de balises mais bon… Merci d’avance à tous ceux qui se pencheront sur mon problème, j’avoue que la cruche que je suis est désespérée. T.T Merci <3 Et bonne nuit ^^

BOnjour,

Rien quand regardant ton forum, en gros sur mozilla c'est correct ( horsmis l'infobulle qui n'est pas fait correctement ^^". )

Voici ce que je vois avec mozilla
Code de PA qui part en sucette Sans_t10

[en miniature clique dessus pour le voir en grand]

Sur Ie, normal celui si as du mal avec le html et le css *moi de même mes forums et tous les forums merdouille* . Il existe des codes spécifiques mais je ne les connais pas tous .
Pour cela je te conseille mozilla, rapide, merdouille pas comme Ie :p.

Pour l'infobulle j'ai encore du mal donc quelqu'un d'autre t'aidera ^^.