Régler la hauteur et la largeur de mes cadres
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Régler la hauteur et la largeur de mes cadres
Bonsoir/Bonjour
J'ai hésité avant de poster mon souci car je ne savais pas trop si il entrait dans la catégorie code ou apparence.
Donc voilà mon souci. Je suis actuellement en train d'essayer de créer une page d'accueil pour mon forum. Sauf que j'ai un petit problème. J'ai crée des cadres avec des textes, des images etc mais le souci c'est qu'ils ne gardent pas la largeur et/ou la hauteur imposée dans le code.
Je ne sais pas si je suis claire mais voici mes codes et l'adresse de mon forum test :
Code PA :
Et mon css :
Voilà, s'il y a besoin de plus de renseignements, n'hésitez pas à me demander.
Merci d'avance
J'ai hésité avant de poster mon souci car je ne savais pas trop si il entrait dans la catégorie code ou apparence.
Donc voilà mon souci. Je suis actuellement en train d'essayer de créer une page d'accueil pour mon forum. Sauf que j'ai un petit problème. J'ai crée des cadres avec des textes, des images etc mais le souci c'est qu'ils ne gardent pas la largeur et/ou la hauteur imposée dans le code.
Je ne sais pas si je suis claire mais voici mes codes et l'adresse de mon forum test :
Code PA :
- Code:
<center><link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'><div style="background-image:url(http://obsession27.free.fr/divers/fonds/pa.png); width:700px;font-size:11px;"><div style="font-family: Parisienne; font-size: 50px">Bienvenue</div>
[url=http]règlement[/url] • [url=http]contexte[/url] • [url=http]scénarios[/url] • [url=http]invités[/url]<div style="padding:10px"><div style="background-color: #DCECC6; width:650px; padding: 15px; border: 2px inset black"> <div align="justify"> <TABLE><TR><TD><div style="width: 325; height: 217; background-color: #F6E497; border: 1px solid #BD8D46;"><div align="justify">CONTEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE</div></div></div></TD><TD><div style="width: 325; height: 217; background-color: #F6E497; border: 1px solid #BD8D46;"><div align="justify"><table><tr><td><div align="justify"><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://image.noelshack.com/fichiers/2013/20/1368726477-002.png" width="100"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">Texte =)</font><br/></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://illiweb.com/fa/pbucket.gif"width="100"/></a></td></tr><tr><td style="text-align: center;"><font size="1">encore du texte<br/></font></td></tr><tr align="center"/></tbody></table></span></a>
</td><td><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://image.noelshack.com/fichiers/2013/20/1368726477-002.png" width="100"/></font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;"><font size="1">Texte =)</font><br/></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://illiweb.com/fa/pbucket.gif" width="100"/></a></td></tr><tr><td style="text-align: center;"><font size="1">encore du texte<br/></font></td></tr><tr align="center"/></tbody></table></span></a>
</td></tr></table></div></div></TD></TR></TABLE>
<TABLE><TR><TD><div style="width: 216; height: 144; background-color: #F6E497; border: 1px solid #BD8D46"><div align="center"><b>Les top-sites :</b>
[url=http]<b>❤</b>[/url][url=http]<b>❤</b>[/url][url=http]<b>❤</b>[/url][url=http]<b>❤</b>[/url]
<b>Nos partenaires :</b>
<table><tr><td><div align="justify">[url=http]<b>www</b>[/url] • [url=http]<b>www</b>[/url]</div></td></tr>
<tr><td>[url=http]<b>www</b>[/url] • [url=http]<b>www</b>[/url]</td></tr></table>
[url=http]<b>Toi ?</b>[/url]
</div></div></TD><TD><div style="width: 216; height: 144; background-color: #F6E497; border: 1px solid #BD8D46"><div align="justify"><b>XX/XX/XXXX •</b> Nouvelle
<b>Bon à savoir •</b> Astuces</div></div></TD><TD><div style="width: 216; height: 144; background-color: #F6E497; border: 1px solid #BD8D46"><div align="center"><b>Les membres du mois :</b>
<table><tr><td><img src="http://illiweb.com/fa/pbucket.gif" width=100></td><td><img src="http://illiweb.com/fa/pbucket.gif" width=100></td></tr></table>
pseudo • pseudo </div></div></TD></TR></TABLE></div></div></div><div align="right"><span style="font-size: 9px; line-height: normal">© Honeey L.</span></div></div></center>
Et mon css :
- Code:
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* 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: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
Voilà, s'il y a besoin de plus de renseignements, n'hésitez pas à me demander.
Merci d'avance
Dernière édition par Honeey L. le Lun 3 Juin 2013 - 0:45, édité 1 fois
Re: Régler la hauteur et la largeur de mes cadres
Bonsoir,
Si on prend cette ligne par exemple:
- Code:
<TABLE><TR><TD><div style="width: 325; height: 217;
Essayez de remplacer par:
- Code:
<TABLE><TR><TD><div style="width: 325px; height: 217px;
Cordialement.
Re: Régler la hauteur et la largeur de mes cadres
Bonsoir,
Au début, je n'ai pas bien compris votre explication mais j'ai fini par comprendre mon erreur et maintenant, ma page d'accueil a l'aspect que je voulais lui donner, merci beaucoup pour votre aide
Au début, je n'ai pas bien compris votre explication mais j'ai fini par comprendre mon erreur et maintenant, ma page d'accueil a l'aspect que je voulais lui donner, merci beaucoup pour votre aide
Sujets similaires
» Régler la largeur du forum
» Régler la hauteur des forums
» Regler hauteur titre catégorie
» Comment régler la hauteur des sous forums?
» Régler la Hauteur du bas de page ou QEEL à son contenu
» Régler la hauteur des forums
» Regler hauteur titre catégorie
» Comment régler la hauteur des sous forums?
» Régler la Hauteur du bas de page ou QEEL à son contenu
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum