CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Breathe.
{ Membre }
Messages : 24
| Bonjour ! Voila voila, j'ai fait une PA, sauf que j'ai un problème, j'ai mis un fond coloré & cela me déforme tout mon forum comme ceci : https://2img.net/r/ihimizer/img80/3937/ffffffo.png Voici mon code : - Code:
-
<center><div style="background-color: #f6f8f8; width: 600px; height: 700px; padding: 10px; margin-left: 5px; text-align: center; -moz-border-radius: 25px 25px 25px 25px;">
<br><center><img src="http://img683.imageshack.us/img683/7340/minibann01.png"></center><center><br><div style="background-color: #f6f8f8; width: 490px; padding: 5px; margin-left: 5px; border: 5px solid #bad3de; -moz-border-radius: 0px 0px 0px 0px;"><font size="1">COUCOUCOUCOUCOCUCOCUCOCU - OCUC </font></div></center><br>
<table align="center"> <tbody><tr> <td><center><div style="background-color: #f6f8f8; width: 200px; height: 400px; padding: 10px; margin-left: 5px; border: 5px solid #bad3de; text-align: justify; -moz-border-radius: 25px 25px 25px 25px;"><div class="opacity"> <img src="http://img228.imageshack.us/img228/9489/nezz.png"></div><br><div style="overflow: auto; width: 190px; height: 350px;"><div style="background: none repeat scroll 0% 0% rgb(255, 255, 255);"><div style="text-align: justify;"><font face="Verdana"> <font size="2"> <center><br><b>1.01.2010</b> Wazza, bonne année tout le monde ! Voici un tout nouveau thème pour vous, tout frais ! Nous espérons qu'il vous plaira ♥. (Thème by Berry ♠)<br><br><img src="http://img31.imageshack.us/img31/3778/birthdayt.png"> <br><br><b>19.12.10</b> Aujourd'hui c'est l'anniversaire de notre chère .. BERRY ! Ne me dites pas que vous ne le saviez pas UoU Bref, couvrez-la de cadeaux parce qu'elle le vaut bien. <s>She's a Loréal girl.</s> - Ta gueule Huppy .__.<br> <a herf="http://wonderlandsugar.exprimetoi.net/t62-berry#454">Lui faire un Kdow ?</a><br><br><br> <b>11.12.10</b> Nouveau thème, le thème qui réchauffera des coeurs, le thème spécial noël & Fin d'année 2010 ~ By Misano. </center></font></font></div> </div></div></div></center></td>
<td rowspan="2"><div style="background-color: #f6f8f8; width: 250px; height: 400px; padding: 10px; margin-left: 5px; border: 5px solid #bad3de; text-align: justify; -moz-border-radius: 25px 25px 25px 25px;"> <center><div class="opacity"><img src="http://img233.imageshack.us/img233/5599/stqff.png"></div> <br> <div class="opacity"> <a class="infobulle"> <font face="verdana"> <img src="http://img209.imageshack.us/img209/5446/misano.png" alt="Misano"> <span> <b>Misano; fonda.</b><br><div> <a class="postlink" href="http://wonderlandsugar.exprimetoi.net/profile.forum?mode=viewprofile&u=1">PROFIL</a> <a class="postlink" href="http://wonderlandsugar.exprimetoi.net/msg.forum?mode=post&u=1">MP</a></div></span></a>
<a class="infobulle"> <img src=" http://img709.imageshack.us/img709/78/huppy.png" alt="Huppy"><span><b>Huppy; co fonda.</b><br><div><a class="postlink" href="http://wonderlandsugar.exprimetoi.net/profile.forum?mode=viewprofile&u=2">PROFIL</a> <a class="postlink" href="http://wonderlandsugar.exprimetoi.net/msg.forum?mode=post&u=2">MP</a></div></span></a><br>
<a class="infobulle"><img src="http://img27.imageshack.us/img27/8427/berry.png" alt="Berry ♠"><span><b>Berry ♠; co-fonda.</b><br><div><a class="postlink" href="http://wonderlandsugar.exprimetoi.net/profile.forum?mode=viewprofile&u=3">PROFIL</a> <a class="postlink" href="http://wonderlandsugar.exprimetoi.net/msg.forum?mode=post&u=3">MP</a> </div></span></a>
<a class="infobulle"><img src="http://img412.imageshack.us/img412/7488/sunjuu.png" alt="Sun Juu"><span><b>Sun Juu; admin.</b><br> <div><a class="postlink" href="http://wonderlandsugar.exprimetoi.net/profile.forum?mode=viewprofile&u=4">PROFIL</a> <a class="postlink" href="http://wonderlandsugar.exprimetoi.net/msg.forum?mode=post&u=4">MP</a></div></span></a></div></font></font></center></font>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Un système d'onglet en javascript</title> <script type="text/javascript"> //<!-- function change_onglet(name) { document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet'; document.getElementById('onglet_'+name).className = 'onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none'; document.getElementById('contenu_onglet_'+name).style.display = 'block'; anc_onglet = name; } //--> </script> <style type="text/css"> .onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; cursor:ne-resize; -moz-border-radius-topright:15px; -webkit-border-radius-topright:15px; border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -webkit-border-radius-bottomleft:15px; border-radius-bottomleft:15px; } .onglet_0 { background:none; border-bottom:none; } .onglet_1 { background:none; border-bottom:none; padding-bottom:4px; } .contenu_onglet { background-color:none; border:none; margin-top:-1px; padding:5px; display:none; }
.contenu{ height:250px; width:__px; } </style> </head> <body> <table border="0"><tr><td align="left"><div class="systeme_onglets"><div class="onglets"> </td></tr> <span class="onglet_0 onglet" id="onglet_topsites" onmouseover="javascript:change_onglet('topsites');"><font color=#737373><div class="ombre_effet3"><font size="3">TOP SITES</font></div></font></span>
<span class="onglet_0 onglet" id="onglet_crédits" onmouseover="javascript:change_onglet('crédits');"><font color=#737373><div class="ombre_effet3"><font size="3">CRÉDITS</font></font></div></font></span> </div></div><div class="contenu"> <div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_topsites"> <h1></h1>
<center><a href="http://www.root-top.com/topsite/chenshen/in.php?ID=575"><img src="http://img141.imageshack.us/img141/6796/cake001.png"></a> <a href="http://www.root-top.com/topsite/asiansound/in.php?ID=79"><img src="http://img153.imageshack.us/img153/3710/cake005.png"></a> <a href="http://www.root-top.com/topsite/lucia/in.php?ID=77"><img src="http://img689.imageshack.us/img689/8172/cake006.png"></a> <br><br><font face="verdana"> Votez toutes les 2 heures, avec 30 secondes d'intervalles pour faire vivre Wonderland Sugar ♥</center>
</div>
</div><div class="contenu"> <div class="contenu_onglet" id="contenu_onglet_crédits"> <h1>Pourquoi?</h1> Pour simplifier la navigation et la diviser en parties </div>
<script type="text/javascript"> //<!-- var anc_onglet = 'topsites'; change_onglet(anc_onglet); //--> </script> </body> </html> </font></div></td> </tr></div>
<br><br></tbody></table></div></center> Merci d'avance ! | | |
| | | Luna Arcana
{ Membre }
Messages : 194
| Je ne peux pas me plonger entièrement sur ton problème vu que je ne suis pas sur mon ordi (osef de ma life oui ...) mais je vois que tu utilises des balises de mise en forme de site comme - Code:
-
<body> ou <head> ou <title> . Peut être le problème vient il de là ? En tout cas si tu parles du fond coloré qui englobe toute ta PA, ce n'est pas ce fond qui fait beuguer le code ^^ Edit : effectivement quand je supprime toute la partie html, tout est normal. | | |
| | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Essaye comme ceci : - Code:
-
<center><div style="background-color: #f6f8f8; width: 600px; height: 700px; padding: 10px; margin-left: 5px; text-align: center; -moz-border-radius: 25px 25px 25px 25px;">
<br><center><img src="http://img683.imageshack.us/img683/7340/minibann01.png"></center><center><br><div style="background-color: #f6f8f8; width: 490px; padding: 5px; margin-left: 5px; border: 5px solid #bad3de; -moz-border-radius: 0px 0px 0px 0px;"><font size="1">COUCOUCOUCOUCOCUCOCUCOCU - OCUC </font></div></center><br>
<table align="center"> <tbody><tr> <td><center><div style="background-color: #f6f8f8; width: 200px; height: 400px; padding: 10px; margin-left: 5px; border: 5px solid #bad3de; text-align: justify; -moz-border-radius: 25px 25px 25px 25px;"><div class="opacity"> <img src="http://img228.imageshack.us/img228/9489/nezz.png"></div><br><div style="overflow: auto; width: 190px; height: 350px;"><div style="background: none repeat scroll 0% 0% rgb(255, 255, 255);"><div style="text-align: justify;"><font face="Verdana"> <font size="2"> <center><br><b>1.01.2010</b> Wazza, bonne année tout le monde ! Voici un tout nouveau thème pour vous, tout frais ! Nous espérons qu'il vous plaira ♥. (Thème by Berry ♠)<br><br><img src="http://img31.imageshack.us/img31/3778/birthdayt.png"> <br><br><b>19.12.10</b> Aujourd'hui c'est l'anniversaire de notre chère .. BERRY ! Ne me dites pas que vous ne le saviez pas UoU Bref, couvrez-la de cadeaux parce qu'elle le vaut bien. <s>She's a Loréal girl.</s> - Ta gueule Huppy .__.<br> <a herf="http://wonderlandsugar.exprimetoi.net/t62-berry#454">Lui faire un Kdow ?</a><br><br><br> <b>11.12.10</b> Nouveau thème, le thème qui réchauffera des coeurs, le thème spécial noël & Fin d'année 2010 ~ By Misano. </center></font></font></div> </div></div></div></center></td>
<td rowspan="2"><div style="background-color: #f6f8f8; width: 250px; height: 400px; padding: 10px; margin-left: 5px; border: 5px solid #bad3de; text-align: justify; -moz-border-radius: 25px 25px 25px 25px;"> <center><div class="opacity"><img src="http://img233.imageshack.us/img233/5599/stqff.png"></div> <br> <div class="opacity"> <a class="infobulle"> <font face="verdana"> <img src="http://img209.imageshack.us/img209/5446/misano.png" alt="Misano"> <span> <b>Misano; fonda.</b><br><div> <a class="postlink" href="http://wonderlandsugar.exprimetoi.net/profile.forum?mode=viewprofile&u=1">PROFIL</a> <a class="postlink" href="http://wonderlandsugar.exprimetoi.net/msg.forum?mode=post&u=1">MP</a></div></span></a>
<a class="infobulle"> <img src=" http://img709.imageshack.us/img709/78/huppy.png" alt="Huppy"><span><b>Huppy; co fonda.</b><br><div><a class="postlink" href="http://wonderlandsugar.exprimetoi.net/profile.forum?mode=viewprofile&u=2">PROFIL</a> <a class="postlink" href="http://wonderlandsugar.exprimetoi.net/msg.forum?mode=post&u=2">MP</a></div></span></a><br>
<a class="infobulle"><img src="http://img27.imageshack.us/img27/8427/berry.png" alt="Berry ♠"><span><b>Berry ♠; co-fonda.</b><br><div><a class="postlink" href="http://wonderlandsugar.exprimetoi.net/profile.forum?mode=viewprofile&u=3">PROFIL</a> <a class="postlink" href="http://wonderlandsugar.exprimetoi.net/msg.forum?mode=post&u=3">MP</a> </div></span></a>
<a class="infobulle"><img src="http://img412.imageshack.us/img412/7488/sunjuu.png" alt="Sun Juu"><span><b>Sun Juu; admin.</b><br> <div><a class="postlink" href="http://wonderlandsugar.exprimetoi.net/profile.forum?mode=viewprofile&u=4">PROFIL</a> <a class="postlink" href="http://wonderlandsugar.exprimetoi.net/msg.forum?mode=post&u=4">MP</a></div></span></a></div></font></font></center></font>
<script type="text/javascript"> //<!-- function change_onglet(name) { document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet'; document.getElementById('onglet_'+name).className = 'onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none'; document.getElementById('contenu_onglet_'+name).style.display = 'block'; anc_onglet = name; } //--> </script> <style type="text/css"> .onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; cursor:ne-resize; -moz-border-radius-topright:15px; -webkit-border-radius-topright:15px; border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -webkit-border-radius-bottomleft:15px; border-radius-bottomleft:15px; } .onglet_0 { background:none; border-bottom:none; } .onglet_1 { background:none; border-bottom:none; padding-bottom:4px; } .contenu_onglet { background-color:none; border:none; margin-top:-1px; padding:5px; display:none; }
.contenu{ height:250px; } </style> <table border="0"><tr><td align="left"><div class="systeme_onglets"><div class="onglets"> </td></tr> <span class="onglet_0 onglet" id="onglet_topsites" onmouseover="javascript:change_onglet('topsites');"><font color=#737373><div class="ombre_effet3"><font size="3">TOP SITES</font></div></font></span>
<span class="onglet_0 onglet" id="onglet_crédits" onmouseover="javascript:change_onglet('crédits');"><font color=#737373><div class="ombre_effet3"><font size="3">CRÉDITS</font></font></div></font></span> </div></div><div class="contenu"> <div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_topsites"> <h1></h1>
<center><a href="http://www.root-top.com/topsite/chenshen/in.php?ID=575"><img src="http://img141.imageshack.us/img141/6796/cake001.png"></a> <a href="http://www.root-top.com/topsite/asiansound/in.php?ID=79"><img src="http://img153.imageshack.us/img153/3710/cake005.png"></a> <a href="http://www.root-top.com/topsite/lucia/in.php?ID=77"><img src="http://img689.imageshack.us/img689/8172/cake006.png"></a> <br><br><font face="verdana"> Votez toutes les 2 heures, avec 30 secondes d'intervalles pour faire vivre Wonderland Sugar ♥</center>
</div>
</div><div class="contenu"> <div class="contenu_onglet" id="contenu_onglet_crédits"> <h1>Pourquoi?</h1> Pour simplifier la navigation et la diviser en parties </div>
<script type="text/javascript"> //<!-- var anc_onglet = 'topsites'; change_onglet(anc_onglet); //--> </script> </font></div></td> </tr></div>
<br><br></tbody></table></div></center> | | |
| | | Psycho
Psychopathe
Messages : 3407
| Bonjour (: Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône en éditant votre premier message (: | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello (: N'ayant reçu aucune réponse depuis la dernière relance d'un modérateur, je considère ce problème comme abandonné ou résolu. Je classe, merci de votre compréhension (: | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|