Texte Internet Explorer /Firefox

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
A voir également:

4 réponses

avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
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.
0
manu_dog Messages postés 536 Statut Membre 41
 
Merci pour la remarque et l'aide apporté même si c'est pas forcément ça que je démandé
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Si tu suis mes conseilles, ton problème se résoudra.
Donc j'ai bien répondu à la question.
0
manu_dog Messages postés 536 Statut Membre 41
 
Ok merci d'avoir prit le temps pour me répondre
0