Rechercher : dans
Par :

Probleme de positionnement en css

Dernière réponse le 6 jun 2006 à 17:43:31 ender, le 5 jun 2006 à 18:47:58 
 Signaler ce message aux modérateurs

Salut tous le monde
J'ai fais un formulaire que j'ai placé dans ma banniere en haut a droite. Sous IE pas de prob mais sous Mozilla il s'affiche a gauche
pour plus de clarté voici le code

CSS :

#banniere {
width: 800px;
height: 111px;
background-image: url(../image/dauphin.gif);
border-bottom: 5px solid #EEE;
}

#banniere p.logon {
font-size : 11px;
float: right;
padding-top: 5px;
padding-right: 5px;
text-align: right;
}

XHTML :

<div id="banniere">
<p class="logon">
<form action="logon.php" method="post" name="logon">
<input type="text" name="login" class="input" value="Login" onFocus="this.value=''" size="10" />
<input type="password" name="passw" class="input" value="Password" onFocus="this.value=''" size="10" />
<input type="submit" value="Ok" class="submit" /><br />
<a href="inscription.php">S'inscrire</a>|
<a href="javascript:affichage_popup('mdpLost.php','page', '400', '300');">Mot de passe oublié ??</a>
</form>
</p>
</div>

Voila merci d'avance pour vos réponses

Meilleures réponses pour « probleme de positionnement en css » dans :
Positionner des éléments grâce aux CSS Voir Il est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
DHTML - La notion de couche VoirQu'est-ce qu'une couche? Le DHTML est basé sur une fonctionnalité provenant de la norme 4.0 du HTML: les feuilles de style en cascade de positionnement, aussi appelée CSS-P (Cascading Style Sheets Positionning). Celles-ci permettent de définir des...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...

1

 Yvan, le 6 jun 2006 à 17:43:31

Un paragraphe ne doit pas contenir d'autres balises de type block.

Donc mets ta class logon sur ton form et donne une largeur à ce form.

Répondre à Yvan