Espace sous un form / Largeur d'un tableau

Version imprimable

Salut, j'ai ce code:

Code:

1
2
3
4
5
<form action="index.php?cat=1&lang=en" method="post">
<input type="text" name="login" value="Login..." class="inputboxnews" onblur="if(this.value==\'\') this.value=\'Login...\';" onfocus="if(this.value==\'Login...\') this.value=\'\';"><br />
<input type="password" name="pass" class="inputboxvideo" value="Password" onblur="if(this.value==\'\') this.value=\'Password\';" onfocus="if(this.value==\'Password\') this.value=\'\';"><br />
<input type="submit" name="connexion" value="Connexion" class="inputboxaudio" style="height:18px;"></form></center>
&raquo;&nbsp;<a href=\'javascript:alert("Wait...")\' class="menu">Register</a>&nbsp;&nbsp;&raquo;&nbsp;<a href=\'javascript:alert("Wait...")\' class="menu">Pass ?</a>

Et je voulais vous demander pourquoi y a t-il un espace entre les 2 liens de la fin et le formulaire?

http://img299.imageshack.us/img299/8282/devvh1.png

Merci

13/11/2006, 14h54
Bisûnûrs

Code:

<form action="index.php?cat=1&lang=en" method="post" style="margin:0;padding:0">
13/11/2006, 15h00
kevinf

Super, merci!

Et il y avait une raison que ca fasse cela?
13/11/2006, 15h11
Bisûnûrs
Tout simplement qu'il y a une marge par défaut sur un formulaire.

Pour supprimer toutes les marges par défaut, au début de ta feuille de style :
Code:

1 2 3 4 *{ margin:0; padding:0; }
13/11/2006, 15h26
kevinf

Merci

Pour ne pas rouvrir un sujet pour le même type de question :

J'ai ce code :
Code:

1 2 3 4 5 6 7 <table cellpadding="0" cellspacing="0" style="width:150;border : 1px solid #000000" cellpadding="1"> <tr><td align="center" style="width:150;background-image:url(images/menu6.png);border-bottom : 1px solid #000000;"> <font color="white" face="arial" size="2"><b><?php echo $login; ?>jdislfndilfnqsdklfnljdnfjqsdnfjdpnsjfqo</b></font> </td></tr><tr> <td style="height:162;background-image:url(images/bmenu6.png);width:150" valign="top"><font color="black" face="arial" size="2"> texte </font></td></tr></table>
Qui affiche ceci :
http://img182.imageshack.us/img182/8306/devek9.png

Moi je voudrais que le tableau ne fasse pas plus de width:150, alors pourquoi quand il y a du texte assez long, il s'agrandit? Je voudrais que le texte aille en dessous.

Merci de votre aide.

13/11/2006, 19h51
MasterOfChakhaL

à part quand c'est 0, toutes les valeurs de distances doivent avoir une unité en css
px, em, % ...

Il ne doit pas y avoir d'espace entre la valeur et l'unité...

Pour le problème du texte qui dépasse, ca dépend si tu accesptes d'avoir un scroll ou si tu envisages d'ajouter un traitement en javascript ou php par exemple.

A part les urls, ce genre de cas est quand même relativement rare...
13/11/2006, 21h02
kevinf

Je ne sait pas comment faire mais si le texte est long, cela agrandi le tableau.

Code:

1
2
3
4
5
6
7
8
 
<table width="150" cellspacing="0" style="width:150;border : 1px solid #000000" cellpadding="1">
<tr><td align="center" style="width:150;background-image:url(images/menu6.png);border-bottom : 1px solid #000000;">
<font color="white" face="arial" size="2"><b><?php echo $login; ?>jdislfndilfnqsdklfnljdnfjqsdnfjdpnsjfqo</b></font>
</td></tr><tr>
<td style="height:162;background-image:url(images/bmenu6.png);width:150" valign="top"><font color="black" face="arial" size="2">
texte
</font></td></tr></table>

rajoute un width="150"...

14/11/2006, 16h33
kevinf

Ca ne marche toujours, pas, je pense que le seul moyen va être de limiter le nombre de caractères dans le pseudo.
14/11/2006, 17h06
trotters213

:salut:
c'est normal tu as une chaine de caractères qui est immense.
Fixe la largeur à 150px et mets une phrase, tu verras que ta case ne s'agrandira et que ton texte se mettra sur 2 lignes.

PS : le mot le plus long de la langue française fait 25 lettres (sans prendre en compte les noms de molécules et autres)
jdislfndilfnqsdklfnljdnfjqsdnfjdpnsjfqo = 39 lettres donc tu ne rentreras jamais dans ton cas de figure dans la réalité ;)
Au pire tu peux toujours utiliser wordwrap en PHP ou word-wrap:break-word en CSS.
14/11/2006, 17h09
kevinf

Citation:

Envoyé par trotters213

Au pire tu peux toujours utiliser wordwrap en PHP ou word-wrap:break-word en CSS.

Peux tu m'expliquer cela?

PS : je souhaite bloquer ce tableau, car sera affiché dedans, les pseudos des membres, et ceux ci n'ont pas de limites :roll: ...
14/11/2006, 17h29
blueice

Dans ce cas concatène ta chaîne rajoute un espace au bout de X caractères et tu auras un retour à la ligne...

;)

Facile