Régler la hauteur et la largeur de mes cadres

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

Résolu Régler la hauteur et la largeur de mes cadres

Message par Honeey L. le Dim 2 Juin 2013 - 19:44

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 :
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://i1030.photobucket.com/albums/y363/rude-babe/Elena-_-Caroline_-Miss-Mystic-Falls-Clip-18-wwwkee3.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://i1030.photobucket.com/albums/y363/rude-babe/Elena-_-Caroline_-Miss-Mystic-Falls-Clip-18-wwwkee3.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://i1030.photobucket.com/albums/y363/rude-babe/Elena-_-Caroline_-Miss-Mystic-Falls-Clip-18-wwwkee3.gif" width=100></td><td><img src="http://i1030.photobucket.com/albums/y363/rude-babe/Elena-_-Caroline_-Miss-Mystic-Falls-Clip-18-wwwkee3.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

Honeey L.
**

Féminin
Messages : 53
Inscrit(e) le : 18/08/2010

http://you-know-you-love-me.forumactif.org/
Honeey L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Régler la hauteur et la largeur de mes cadres

Message par Anzu le Dim 2 Juin 2013 - 23:02


Bonsoir,

Si on prend cette ligne par exemple:
Code:
<TABLE><TR><TD><div style="width: 325; height: 217;
Il n'y a aucune "unité" .. du coup ça va prendre une unité par défaut. (enfin je me comprends Razz)

Essayez de remplacer par:

Code:
<TABLE><TR><TD><div style="width: 325px; height: 217px;
Cela devrait logiquement régler le problème.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Régler la hauteur et la largeur de mes cadres

Message par Honeey L. le Lun 3 Juin 2013 - 0:33

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 Very Happy

Honeey L.
**

Féminin
Messages : 53
Inscrit(e) le : 18/08/2010

http://you-know-you-love-me.forumactif.org/
Honeey L. a été remercié(e) par l'auteur de ce sujet.

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