Discussion :

[kevinf]

Salut, j'ai ce code:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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?



Merci

[Bisûnûrs]

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<form action="index.php?cat=1&lang=en" method="post" style="margin:0;padding:0">

[kevinf]

Super, merci!

Et il y avait une raison que ca fasse cela?

[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 CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
*{
   margin:0;
   padding:0;
}

[kevinf]

Merci

[kevinf]

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

J'ai ce code :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :


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.

[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...

[kevinf]

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

[blueice]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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"...

[kevinf]

Ca ne marche toujours, pas, je pense que le seul moyen va être de limiter le nombre de caractères dans le pseudo.

[trotters213]

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.

[kevinf]

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 ...

[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