Texte Internet Explorer /Firefox
manu_dog
Messages postés
536
Statut
Membre
-
manu_dog Messages postés 536 Statut Membre -
manu_dog Messages postés 536 Statut Membre -
Bonjour,
J'ai un problème d'affichage de mon texte sur Internet Explorer,
En fait le texte que j'ai mit est bien placé sur Firefox mais avec Internet Explorer il se met automatiquement à la ligne. Ce qui donne par exemple sur Firefox "Mon texte que j'ai placé" et sur Internet Explorer
"Mon
texte
que
j'ai
placé"
Je vous joint ci-dessous le bout de code concerné :
<table class="bloconnexion">
<form method="post" action="#">
<p class="titreconnexion"><b>Espace membre</b></p>
<tr>
<td class="whiteb">Pseudo:</td>
<td class="whiteb"><input type="text" name="username" size="20" class="form"></td>
</tr>
<tr>
<td class="whiteb" width="100">Mot de passe:</td>
<td class="whiteb"><input type="password" name="password" size="20" class="form"></td>
</tr>
<tr>
<td><input type="submit" value="Connexion" alt="" class="form"></td>
</tr>
<div class="passconnexion"><a href="#" target="reminder" onClick='window.open("forgot.php","reminder","width=300,height=100,scrollbars=0,resizable=0"); return false;'>Mot de passe oublié?</a></div>
</form>
</table>
<a href="#"><div class="titremaintenant"><b>S'inscrire maintenant</b></div></a>
////////////////////////////////////////////////////////////////////////////////////////////////////////////
.bloconnexion {
position:absolute;
top:350px;
left:860px;
}
.titreconnexion {
position:absolute;
top:300px;
left:875px;
font:13px Verdana;
color:#fff;
}
.passconnexion {
position:absolute;
top:395px;
left:870px;
font:10px Verdana;
}
.titremaintenant {
position:absolute;
top:525px;
left:895px;
font:13px Verdana;
color:#f9ff50;
}
/////////////////////////////////////////////////////////////////////////////////////////////////
Merci d'avance pour vos réponses
http://codeur-discount.com
J'ai un problème d'affichage de mon texte sur Internet Explorer,
En fait le texte que j'ai mit est bien placé sur Firefox mais avec Internet Explorer il se met automatiquement à la ligne. Ce qui donne par exemple sur Firefox "Mon texte que j'ai placé" et sur Internet Explorer
"Mon
texte
que
j'ai
placé"
Je vous joint ci-dessous le bout de code concerné :
<table class="bloconnexion">
<form method="post" action="#">
<p class="titreconnexion"><b>Espace membre</b></p>
<tr>
<td class="whiteb">Pseudo:</td>
<td class="whiteb"><input type="text" name="username" size="20" class="form"></td>
</tr>
<tr>
<td class="whiteb" width="100">Mot de passe:</td>
<td class="whiteb"><input type="password" name="password" size="20" class="form"></td>
</tr>
<tr>
<td><input type="submit" value="Connexion" alt="" class="form"></td>
</tr>
<div class="passconnexion"><a href="#" target="reminder" onClick='window.open("forgot.php","reminder","width=300,height=100,scrollbars=0,resizable=0"); return false;'>Mot de passe oublié?</a></div>
</form>
</table>
<a href="#"><div class="titremaintenant"><b>S'inscrire maintenant</b></div></a>
////////////////////////////////////////////////////////////////////////////////////////////////////////////
.bloconnexion {
position:absolute;
top:350px;
left:860px;
}
.titreconnexion {
position:absolute;
top:300px;
left:875px;
font:13px Verdana;
color:#fff;
}
.passconnexion {
position:absolute;
top:395px;
left:870px;
font:10px Verdana;
}
.titremaintenant {
position:absolute;
top:525px;
left:895px;
font:13px Verdana;
color:#f9ff50;
}
/////////////////////////////////////////////////////////////////////////////////////////////////
Merci d'avance pour vos réponses
http://codeur-discount.com
Configuration: Microsoft Windows XP Édition familiale ( v5.1.2600 ) Service Pack 3 X86-based PC ( Multiprocessor Free : Genuine Intel(R) CPU T2050@1.60GHz ) BIOS : Ver 1.00PARTTBL MSIE: Firefox Boot mode: Normal
4 réponses
-
Les tableaux sont fait pour présenter des données structurées, pas pour la mise en page !
Retourne apprendre le CSS, ça ira mieux après.
Voici la bonne structure d'un formulaire :<form method="post" action=""> <p> <label for="user">Nom d'utilisateur :</label> <input type="text" name="user" id="user" /> </p> <p> <input type="submit" value="Connexion" /> </p> </form>Dans le CSS, il suffit de mettre label en display:block; et de lui donner un width. Tu peux aussi mettre text-align:right; et un margin-left:8px; sur input. -
Merci pour la remarque et l'aide apporté même si c'est pas forcément ça que je démandé
-
Si tu suis mes conseilles, ton problème se résoudra.
Donc j'ai bien répondu à la question. -
