Problème HTML

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème HTML

Message par CryingToYourHeart le Ven 29 Juin 2012 - 13:08

Bonjour,

J'ai un petit problème avec une partie d'un de mes codes, en effet j'ai une partie "membre du mois" dans ma PA mais le code ne se met au centre mais sur le coté, voyez ci dessous:
Spoiler:

J'aimerais que les icones soient bien au centre du block,
Voici le code concerné:

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=utf-8" />
<title>Simple Javascript Accordions - by www.dezinerfolio.com</title>
<style type="text/css">
* {
   margin:0;
   padding:0;
   list-style:none;
}
body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;color:#888888;
   margin:10px;text-align:justifyr;top:30px
}
I{border-bottom:none; color:#ce5d52;text-decoration: none}
b{color:#ce5d52}

#basic-accordian{
   padding:5px;
   width:340px;
   position:relative;
   top:00px;
   
   z-index:2;
   margin-top:0px;
}
.accordion_headings{margin:3px;
   cursor:pointer;-moz-border-radius:10px;-moz-box-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff;overflow:hidden;
   overflow:hidden;letter-spacing: 0px; font-family: ; font-size: 9px; text-align: center; margin-bottom: 1px;  text-decoration: none; text-transform: lowercase;  -webkit-transition: all 1.2s ease-out; -moz-transition: all 1.2s ease-out;
}
.accordion_headings img{
   
   cursor:pointer;width:px;height:36px;


}

.accordion_headings:hover{
   background:#00CCFF;text-align: center; letter-spacing: 0px; background-color: #eb9bd3; color:#fdfcfc;  transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);
}

.accordion_child{
   padding:8px;
   border:0px #f8f1f0 solid;height:100pxr;width:200px;margin:auto
}
.accordion_child img{margin:3px;
   cursor:pointer;-moz-border-radius:10px;-moz-box-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff;overflow:hidden;}
.header_highlight{
   background:#;
}

.tab_container *{
   float:left;
   
}

</style>
<script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/149261940024825363/accordianpack.js"></script>
<link href='http://fonts.googleapis.com/css?family=Dynalight' rel='stylesheet' type='text/css'>
</head>
<body onload="new Accordian('basic-accordian',5,'header_highlight');">
<div  id="basic-accordian" ><!--Parent of the Accordion-->

<div class="tab_container" style="text-align:center">
 
  <div id="test4-header" class="accordion_headings" ><img src="http://i89.photobucket.com/albums/k217/Lawsy_/lawsy/Icons/62012EW-5.png" style=";position:center;z-index:999"/></div><div id="test5-header" class="accordion_headings" ><img src="http://i870.photobucket.com/albums/ab267/SatansMaid/01/36.png" style=";position:center;z-index:999"/></div><div id="test6-header" class="accordion_headings" ><img src="http://i870.photobucket.com/albums/ab267/SatansMaid/01/71.png" style=";position:center;z-index:999"/></div>
</div>

<div style="float:left;">
 

  <div id="test4-content">
   <div class="accordion_child">
         <center><font style="text-shadow: 0px 0px 2px #b39e90;text-transform:lowercase;text-decoration: none;cursor:wait;
  text-align:center;margin-bottom:-40px;line-height:20px;
letter-spacing:-2px;font-family: 'Dynalight';font-size: 39px;color:#ba899e;
  text-decoration: none;cursor:wait;" >Pêche R. Angeles</font></br>
<font style="font-weight:bold;text-transform:uppercase;text-decoration: none;text-shadow: 0px 0px 2px #ffffff;cursor:wait;font-size:8px;font-family:tahoma"><b> Modératrice</b> • Membre • <b>du mois</b>
  </br></center>
    </div>


  </div>

  <div id="test5-content">
   <div class="accordion_child">
       <center><font style="text-shadow: 0px 0px 2px #b39e90;text-transform:lowercase;text-decoration: none;cursor:wait;
  text-align:center;margin-bottom:-40px;line-height:20px;
letter-spacing:-2px;font-family: 'Dynalight';font-size: 39px;color:#ba899e;
  text-decoration: none;cursor:wait;" >Kaitlyn S. Bridges</font></br>
<font style="font-weight:bold;text-transform:uppercase;text-decoration: none;text-shadow: 0px 0px 2px #ffffff;cursor:wait;font-size:8px;font-family:tahoma"><b> Administratrice</b> • Membre • <b>du mois</b>
  </br></center>
    </div>


  </div> 
  <div id="test6-content">
   <div class="accordion_child">
       <center><font style="text-shadow: 0px 0px 2px #b39e90;text-transform:lowercase;text-decoration: none;cursor:wait;
  text-align:center;margin-bottom:-40px;line-height:20px;
letter-spacing:-2px;font-family: 'Dynalight';font-size: 39px;color:#ba899e;
  text-decoration: none;cursor:wait;" >Sean Davidson</font></br>
<font style="font-weight:bold;text-transform:uppercase;text-decoration: none;text-shadow: 0px 0px 2px #ffffff;cursor:wait;font-size:8px;font-family:tahoma"><b> Administrateur</b> • Membre • <b>du mois</b>
  </br></center>
    </div>


 </div> </div>
</div>







</div><!--End of accordion parent-->





</body>
</html>

Merci à tous ceux qui voudront bien m'aider Smile

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Sam 30 Juin 2012 - 13:36

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Dim 1 Juil 2012 - 15:43

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Lun 2 Juil 2012 - 16:32

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par Pinguino le Lun 2 Juil 2012 - 16:36

Bonjour,



J'ai testé le code et les 3 images de membre sont bien centrés

Il doit y avoir une erreur ou un conflit avec le reste du code de votre PA.

Cordialement,
Smile

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10213
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Lun 2 Juil 2012 - 17:39

Bonjour,


A d'accord, mais dans le reste de la pa je ne vois pas vraiment où ça pourrait être:

Code:
<HTML> 
<HEAD><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <style type="text/css">

.titree{
letter-spacing: -2px;
font-family:rockwell;color:c9909f;
font-size:22px;
font-weight:lighter;
text-align:center;
text-transform:uppercase;
text-shadow: #000000 0px 1px 1px;
}

.nom{
letter-spacing: 0px;
font-family:rockwell;color:7b4c64;
font-size:16px;
font-weight:lighter;
text-align:center;
text-transform:uppercase;
text-shadow: #000000 2px 5px 5px;
}

.navig{
font-family:arial;font-size:10px;width:90px;text-transform:uppercase;color:#91776b;font-weight:bold;text-align:center;}

a:link, a:active, a:visited{color:#ad948a;
text-decoration: none !important;}

a:hover{
color:#ad948a;}

.couleur{color : #9B7156;
font-weight:bold;
text-transform:uppercase;
text-shadow: #000000 2px 2px 2px;
}

.lycan{
color:#999988;
font-size:18px;
font-family:prestige;
}


 </style>

</HEAD>

                <table><tr><td><div style="width:180px;">
<embed src="http://assets.mixpod.com/swf/mp3/mp-simp.swf?myid=87663010&path=2012/01/10" quality="high" wmode="transparent" flashvars="mycolor=D8D8C0&mycolor2=C0C0C0&mycolor3=C0A8A8&autoplay=true&rand=1&f=4&vol=100&pat=9&grad=false" width="140" height="65" name="mixpod" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:140px;height:65px;" /><br /><br><br><br><br><br><br><br><br><br><br><br><br></div><br>
</td><td><div style="margin-left:120px;background-color:#f8eee9; width: 349px">

<span class="titree"><center>Membres du Mois</center></span><div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;padding:5px; width : 50%; margin:auto;">
<table><td><div style="font-family:arial;font-size:11px;color:#C4B499;text-align:center;"><center><iframe frameborder="0" border="0" height="100px" marginheight="0" marginwidth="0" name="Reglement" scrolling="no" src="http://thewerewolfpack.forumgratuit.org/h9-staff" width="100%" style="border:0px;margin-top:10px;margin-left:""></iframe></center></div></td></tr></table></div></div><br><div style="margin-left:250px;">

<span class="titree"><center>Topsites</center></span><div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;padding:5px;">
<center><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=18625" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a><a href="http://www.root-top.com/topsite/lilie/in.php?ID=7191" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a><a href="http://www.root-top.com/topsite/lounge/in.php?ID=19" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a></center>
</div></div>

<br><div style="margin-left:250px;">

<span class="titree"><center>Top Partenaires</center></span><div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;padding:5px;">

<a  href="http://designgraphic.ek.la/" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a>

<a  href="http://huisclos.forums-gratuits.fr/" target="blank"><img src="http://img11.hostingpics.net/pics/432715bug32.png"></a>

<a  href="http://be-careful.forumgratuit.org/" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a>

<a href="http://thefutureofhogwarts.harrypotterrpg.fr/" target="blank"><img src="http://img11.hostingpics.net/pics/432715bug32.png" border=0></a>

<a  href="http://the-lying-game.forum-canada.com/forum" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a></div>
</div>
     
</td></tr></table>
</HTML>


Dernière édition par CryingToYourHeart le Mer 4 Juil 2012 - 17:14, édité 3 fois

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Mar 3 Juil 2012 - 18:28

UP

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par XxSven le Mar 3 Juil 2012 - 21:45

Il faut toujours mettre au moins une fois <tr> </tr> dans un tableau non? à la ligne 56

XxSven
*

Masculin
Messages : 49
Inscrit(e) le : 06/06/2012

http://nintendo-play.pro-forums.fr/
XxSven a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Mar 3 Juil 2012 - 23:34

Ah merci, je viens de l'ajouter mais ça ne fais rien, ça reste tel quel :s

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par XxSven le Mer 4 Juil 2012 - 2:24

ah :/

fin ligne 52 tu ferme 2 div alors que tu n'en a ouverte qu'une.
et fin ligne 74 tu oublis de mettre </a>

XxSven
*

Masculin
Messages : 49
Inscrit(e) le : 06/06/2012

http://nintendo-play.pro-forums.fr/
XxSven a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Mer 4 Juil 2012 - 11:19

Non dsl ça ne vient pas de là, le problème concerne la partie "Membre du mois" où les icônes ne sont pas centrées ainsi que le texte et où le bloc devient trop large du coup

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par XxSven le Mer 4 Juil 2012 - 13:41

rajoute

Code:
width : 50%; margin:auto;

à la fin de la div ligne 55

XxSven
*

Masculin
Messages : 49
Inscrit(e) le : 06/06/2012

http://nintendo-play.pro-forums.fr/
XxSven a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Mer 4 Juil 2012 - 17:14

D'accord merci,
Alors je l'ai ajouté mais ça me donne quelque chose comme ça maintenant:

Spoiler:

Comment puis-je le régler ?

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Jeu 5 Juil 2012 - 17:24

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Ven 6 Juil 2012 - 18:33

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Sam 7 Juil 2012 - 18:53

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par Manumanu le Sam 7 Juil 2012 - 19:50

Bonjour,

Ton forum est en cours de maintenance, je ne peux pas voir. Ça se trouve bien sur la Page d'acceuil ?

Du reste, ça c'est pas bien :
Code:
* {
  margin:0;
  padding:0;
  list-style:none;
}

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Sam 7 Juil 2012 - 20:49

Bonjour,

Oui il sera sur la page d'accueil dès que j'aurais organisé les onglets.
Par contre je ne comprends pas vraiment de quoi vous voulez parler avec ce CSS.

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par Manumanu le Sam 7 Juil 2012 - 21:00

Simplement que cela retire toutes les marges automatiques de tous les éléments de toutes les pages. En plus d'être très gourmand en ressources, ça demande de redéfinir toutes les marges de toutes les balises utilisées dans lesdites pages.

Bref, poste lorsque le forum sera en ligne. Wink

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Dim 8 Juil 2012 - 11:53

Bonjour, j'ai testé sur mon forum test mais ça ne marche absolument pas étant donné que la PA sera sous forme "iframe" donc ça ne fait absolument rien

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par Manumanu le Dim 8 Juil 2012 - 11:57

??? Comment ça, qu'est-ce qui ne marche pas ? Je ne t'ai pas encore donné de solution à essayer... Je t'ai juste montré un bout de ton CSS qu'il n'est pas recommandé d'utiliser.

Bref, ton site est en ligne, mais je ne vois pas l'emplacement pour les membres du mois ? Où peut-on le voir ?

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Dim 8 Juil 2012 - 12:52

Ah d'accord, cette partie n'est pas présente dans mon css, donc aucuns soucis.
Cette partie est présente sur mon forum test: http://thewerewolfpack.forumgratuit.org/t54-test-pa-du-forum
Car la PA n'est pas encore terminée donc elle n'est pas sur mon forum actuel.

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par Scoubifitz le Dim 8 Juil 2012 - 16:46

bonjour,

Code:
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">

.titree{
letter-spacing: -2px;
font-family:rockwell;color:c9909f;
font-size:22px;
font-weight:lighter;
text-align:center;
text-transform:uppercase;
text-shadow: #000000 0px 1px 1px;
}

.nom{
letter-spacing: 0px;
font-family:rockwell;color:7b4c64;
font-size:16px;
font-weight:lighter;
text-align:center;
text-transform:uppercase;
text-shadow: #000000 2px 5px 5px;
}

.navig{
font-family:arial;font-size:10px;width:90px;text-transform:uppercase;color:#91776b;font-weight:bold;text-align:center;}

a:link, a:active, a:visited{color:#ad948a;
text-decoration: none !important;}

a:hover{
color:#ad948a;}

.couleur{color : #9B7156;
font-weight:bold;
text-transform:uppercase;
text-shadow: #000000 2px 2px 2px;
}

.lycan{
color:#999988;
font-size:18px;
font-family:prestige;
}
 
</style>
</head>
<body>
<table>
  <tr>
    <td style="vertical-align:top;">
      <div style="width:180px;"><embed src="http://assets.mixpod.com/swf/mp3/mp-simp.swf?myid=87663010&path=2012/01/10" quality="high" wmode="transparent" flashvars="mycolor=D8D8C0&mycolor2=C0C0C0&mycolor3=C0A8A8&autoplay=true&rand=1&f=4&vol=100&pat=9&grad=false" width="140" height="65" name="mixpod" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:140px;height:65px;" /></div>
    </td>
    <td><div style="background-color:#f8eee9;margin-left:120px;margin-bottom:20px;width: 349px;text-align:center;">
<span class="titree">Membres du Mois</span>
      <div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;padding:5px; width : 50%; margin:auto;">
      <div style="font-family:arial;font-size:11px;color:#C4B499;text-align:center;"><iframe frameborder="0" border="0" height="100px" marginheight="0" marginwidth="0" name="Reglement" scrolling="no" src="http://thewerewolfpack.forumgratuit.org/h9-staff" style="width:100%;border:0px;margin:auto;"></iframe></div></div></div>
  <div style="margin-left:250px;margin-bottom:20px;text-align:center;"><span class="titree">Topsites</span>
    <div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;padding:5px;text-align:center;">
<a href="http://www.root-top.com/topsite/obsession27/in.php?ID=18625" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a><a href="http://www.root-top.com/topsite/lilie/in.php?ID=7191" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a><a href="http://www.root-top.com/topsite/lounge/in.php?ID=19" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a>
</div></div>

<div style="margin-left:250px;text-align:center;">
<span class="titree">Top Partenaires</span>
  <div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;padding:5px;">

<a  href="http://designgraphic.ek.la/" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a>

<a  href="http://huisclos.forums-gratuits.fr/" target="blank"><img src="http://img11.hostingpics.net/pics/432715bug32.png"></a>

<a  href="http://be-careful.forumgratuit.org/" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a>

<a href="http://thefutureofhogwarts.harrypotterrpg.fr/" target="blank"><img src="http://img11.hostingpics.net/pics/432715bug32.png" border=0></a>

<a  href="http://the-lying-game.forum-canada.com/forum" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a>
  </div></div>
  </td></tr></table>
  </body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Dim 8 Juil 2012 - 17:20

Bonjour,

Votre code n'a absolument rien changé, c'est toujours le même résultat

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par Scoubifitz le Dim 8 Juil 2012 - 18:41

et comme ça ?

Code:
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">

.titree{
letter-spacing: -2px;
font-family:rockwell;color:c9909f;
font-size:22px;
font-weight:lighter;
text-align:center;
text-transform:uppercase;
text-shadow: #000000 0px 1px 1px;
}

.nom{
letter-spacing: 0px;
font-family:rockwell;color:7b4c64;
font-size:16px;
font-weight:lighter;
text-align:center;
text-transform:uppercase;
text-shadow: #000000 2px 5px 5px;
}

.navig{
font-family:arial;font-size:10px;width:90px;text-transform:uppercase;color:#91776b;font-weight:bold;text-align:center;}

a:link, a:active, a:visited{color:#ad948a;
text-decoration: none !important;}

a:hover{
color:#ad948a;}

.couleur{color : #9B7156;
font-weight:bold;
text-transform:uppercase;
text-shadow: #000000 2px 2px 2px;
}

.lycan{
color:#999988;
font-size:18px;
font-family:prestige;
}

</style>
</head>
<body>
<table>
<tr>
<td style="vertical-align:top;">
<div style="width:180px;"><embed src="http://assets.mixpod.com/swf/mp3/mp-simp.swf?myid=87663010&path=2012/01/10" quality="high" wmode="transparent" flashvars="mycolor=D8D8C0&mycolor2=C0C0C0&mycolor3=C0A8A8&autoplay=true&rand=1&f=4&vol=100&pat=9&grad=false" width="140" height="65" name="mixpod" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:140px;height:65px;" /></div>
</td>
<td><div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;margin-left:120px;margin-bottom:20px;width: 349px;text-align:center;">
<span class="titree">Membres du Mois</span>
<div style="background-color:#f8eee9;width:150px;margin:auto;font-family:arial;font-size:11px;color:#C4B499;text-align:center;"><iframe frameborder="0" name="Reglement" scrolling="no" src="http://thewerewolfpack.forumgratuit.org/h9-staff" style="width:150px;height:100px;"></iframe></div></div>
<div style="margin-left:250px;margin-bottom:20px;text-align:center;"><span class="titree">Topsites</span>
<div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;padding:5px;text-align:center;">
<a href="http://www.root-top.com/topsite/obsession27/in.php?ID=18625" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a><a href="http://www.root-top.com/topsite/lilie/in.php?ID=7191" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a><a href="http://www.root-top.com/topsite/lounge/in.php?ID=19" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a>
</div></div>

<div style="margin-left:250px;text-align:center;">
<span class="titree">Top Partenaires</span>
<div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;padding:5px;">

<a  href="http://designgraphic.ek.la/" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a>

<a  href="http://huisclos.forums-gratuits.fr/" target="blank"><img src="http://img11.hostingpics.net/pics/432715bug32.png"></a>

<a  href="http://be-careful.forumgratuit.org/" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a>

<a href="http://thefutureofhogwarts.harrypotterrpg.fr/" target="blank"><img src="http://img11.hostingpics.net/pics/432715bug32.png" border=0></a>

<a  href="http://the-lying-game.forum-canada.com/forum" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a>
</div></div>
</td></tr></table>
</body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Dim 8 Juil 2012 - 22:28

non c'est toujours pareil, sauf que ça c'est encore plus décalé

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par Scoubifitz le Lun 9 Juil 2012 - 6:53

bonjour,

voici ce que je vois sur le lien que vous avez fourni :

(idem sur Safari , dernière version)


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par Dolip le Lun 9 Juil 2012 - 10:21

Ps : Tu a oublié ta balise <body></body>

Dolip
***

Masculin
Messages : 187
Inscrit(e) le : 01/06/2012

http://hobbagame.forumgratuit.org
Dolip a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème HTML

Message par CryingToYourHeart le Lun 9 Juil 2012 - 10:28

@Scoubifitz a écrit:bonjour,

voici ce que je vois sur le lien que vous avez fourni :

(idem sur Safari , dernière version)


Bonjour,

Oui le cadre dernier membres est trop grand et lorsqu'on click sur les icones le texte est coupé

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème HTML

Message par Scoubifitz le Lun 9 Juil 2012 - 22:50

je commence à comprendre ... c'est le contenu de votre iframe qui n'est pas centré ...

remplacez le code de la page h9- par celui ci :

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=utf-8" />
<title>Simple Javascript Accordions - by www.dezinerfolio.com</title>
<style type="text/css">
<!--
body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
    color:#888888;
}
I{
    border-bottom:none;
    color:#ce5d52;
    text-decoration: none}
b{
    color:#ce5d52;
  }
#basic-accordian{
   width:220px;
    height:85px;
   z-index:2;
}
.accordion_headings{
    margin:3px;
   cursor:pointer;
    -moz-border-radius:10px;
    -moz-box-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff;
    overflow:hidden;
    margin-bottom: 1px;
    -webkit-transition: all 1.2s ease-out;
    -moz-transition: all 1.2s ease-out;
}
.accordion_headings img{
   cursor:pointer;
    height:36px;
}
.accordion_headings:hover{
    background-color: #eb9bd3;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.accordion_child{
   padding-top:8px;
    width:230px;
    margin:auto;
    text-align:center;
}
.accordion_child img{
    margin:3px;
   cursor:pointer;
    -moz-border-radius:10px;
    -moz-box-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff;
    overflow:hidden;
  }
.tab_container div{
   float:left;
}
-->
</style>
<script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/149261940024825363/accordianpack.js"></script>
<link href='http://fonts.googleapis.com/css?family=Dynalight' rel='stylesheet' type='text/css'>
</head>
<body onload="new Accordian('basic-accordian',5,'header_highlight');">
<div  id="basic-accordian" ><!--Parent of the Accordion-->

  <div class="tab_container" style="height:40px;width:130px;margin:auto;">
  <div id="test4-header" class="accordion_headings" ><img src="http://i89.photobucket.com/albums/k217/Lawsy_/lawsy/Icons/62012EW-5.png" style=";position:center;z-index:999"/></div>
  <div id="test5-header" class="accordion_headings" ><img src="http://i870.photobucket.com/albums/ab267/SatansMaid/01/36.png" style=";position:center;z-index:999"/></div>
  <div id="test6-header" class="accordion_headings" ><img src="http://i870.photobucket.com/albums/ab267/SatansMaid/01/71.png" style=";position:center;z-index:999"/></div>
</div>

<div style="float:left;">
 
  <div id="test4-content">
   <div class="accordion_child">
         <font style="text-shadow: 0px 0px 2px #b39e90;text-transform:lowercase;text-decoration: none;cursor:wait;
  text-align:center;margin-bottom:-40px;line-height:20px;
letter-spacing:-2px;font-family: 'Dynalight';font-size: 39px;color:#ba899e;
  text-decoration: none;cursor:wait;" >Pêche R. Angeles</font><br>
<font style="font-weight:bold;text-transform:uppercase;text-decoration: none;text-shadow: 0px 0px 2px #ffffff;cursor:wait;font-size:8px;font-family:tahoma"><b> Modératrice</b> • Membre • <b>du mois</b>
  </font><br>
    </div>
  </div>

  <div id="test5-content">
   <div class="accordion_child">
       <font style="text-shadow: 0px 0px 2px #b39e90;text-transform:lowercase;text-decoration: none;cursor:wait;
  text-align:center;margin-bottom:-40px;line-height:20px;
letter-spacing:-2px;font-family: 'Dynalight';font-size: 39px;color:#ba899e;
  text-decoration: none;cursor:wait;" >Kaitlyn S. Bridges</font><br>
<font style="font-weight:bold;text-transform:uppercase;text-decoration: none;text-shadow: 0px 0px 2px #ffffff;cursor:wait;font-size:8px;font-family:tahoma"><b> Administratrice</b> • Membre • <b>du mois</b>
</font><br>
    </div>
  </div>
 
  <div id="test6-content">
   <div class="accordion_child">
    <font style="text-shadow: 0px 0px 2px #b39e90;text-transform:lowercase;text-decoration: none;cursor:wait;
  text-align:center;margin-bottom:-40px;line-height:20px;
letter-spacing:-2px;font-family: 'Dynalight';font-size: 39px;color:#ba899e;
  text-decoration: none;cursor:wait;" >Sean Davidson</font><br>
<font style="font-weight:bold;text-transform:uppercase;text-decoration: none;text-shadow: 0px 0px 2px #ffffff;cursor:wait;font-size:8px;font-family:tahoma"><b> Administrateur</b> • Membre • <b>du mois</b>
</font><br>
    </div>
 </div>
  </div>
</div><!--End of accordion parent-->
</body>
</html>

puis le code principal par celui ci:

Code:
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">

.titree{
letter-spacing: -2px;
font-family:rockwell;color:c9909f;
font-size:22px;
font-weight:lighter;
text-align:center;
text-transform:uppercase;
text-shadow: #000000 0px 1px 1px;
}

.nom{
letter-spacing: 0px;
font-family:rockwell;color:7b4c64;
font-size:16px;
font-weight:lighter;
text-align:center;
text-transform:uppercase;
text-shadow: #000000 2px 5px 5px;
}

.navig{
font-family:arial;font-size:10px;width:90px;text-transform:uppercase;color:#91776b;font-weight:bold;text-align:center;}

a:link, a:active, a:visited{color:#ad948a;
text-decoration: none !important;}

a:hover{
color:#ad948a;}

.couleur{color : #9B7156;
font-weight:bold;
text-transform:uppercase;
text-shadow: #000000 2px 2px 2px;
}

.lycan{
color:#999988;
font-size:18px;
font-family:prestige;
}

</style>
</head>
<body>
  <table>
<tr>
<td style="vertical-align:top;">
<div style="width:100px;"><embed src="http://assets.mixpod.com/swf/mp3/mp-simp.swf?myid=87663010&path=2012/01/10" quality="high" wmode="transparent" flashvars="mycolor=D8D8C0&mycolor2=C0C0C0&mycolor3=C0A8A8&autoplay=true&rand=1&f=4&vol=100&pat=9&grad=false" width="140" height="65" name="mixpod" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:100px;height:65px;" /></div>
</td>
<td><div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;margin-left:210px;margin-bottom:20px;width: 260px;text-align:center;">
<span class="titree">Membres du Mois</span>
<div style="background-color:#f8eee9;width:250px;margin:auto;font-family:arial;font-size:11px;color:#C4B499;text-align:center;"><iframe frameborder="0" name="Reglement" scrolling="no" src="http://thewerewolfpack.forumgratuit.org/h9-staff" style="width:250px;height:100px;"></iframe></div></div>
<div style="margin-left:250px;margin-bottom:20px;text-align:center;"><span class="titree">Topsites</span>
<div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;padding:5px;text-align:center;">
<a href="http://www.root-top.com/topsite/obsession27/in.php?ID=18625" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a><a href="http://www.root-top.com/topsite/lilie/in.php?ID=7191" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a><a href="http://www.root-top.com/topsite/lounge/in.php?ID=19" target="blank"><img src="http://img11.hostingpics.net/pics/649227cookies32.png"></a>
</div></div>

<div style="margin-left:250px;text-align:center;">
<span class="titree">Top Partenaires</span>
<div style="-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;background-color:#f8eee9;padding:5px;">

<a  href="http://designgraphic.ek.la/" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a>

<a  href="http://huisclos.forums-gratuits.fr/" target="blank"><img src="http://img11.hostingpics.net/pics/432715bug32.png"></a>

<a  href="http://be-careful.forumgratuit.org/" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a>

<a href="http://thefutureofhogwarts.harrypotterrpg.fr/" target="blank"><img src="http://img11.hostingpics.net/pics/432715bug32.png" border=0></a>

<a  href="http://the-lying-game.forum-canada.com/forum" target="blank"><img src="http://img11.hostingpics.net/pics/549691coffee32.png"></a>
</div></div>
</td></tr></table>
</body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum