La communauté ALL HTML c'est 60442 membres à ce jour dont 0 inscrits aujourd'hui et 5 depuis une semaine.

  • imprimer
  • aide

Forum de discussions « XHTML - HTML - CSS »

Retrouvez les publications relatives à ces discussions dans nos rubriques CSS, HTML, XHTML.

Problème lors d'une restructuration du code HTML.

liste des forums liste des discussions Participer à la discussion

Photo de JeanJean75 Message publié le samedi 21 novembre 2009 à 16 h 42 par JeanJean75.
Bonsoir,

Je suis donc entrain de remplacer les "position:absolute;" "top et "left" inutile par des "margin-top" et "margin-left".

Cependant j'ai quelques problèmes qui apparaissent.


- Dans la partie identification :

Les champs de texte ne sont plus cliquables. :/

Plus grave, quand j'applique un "margin-top" plus grand à n'importe quelle "classe", cela aligne à la hauteur choisi toutes les "class" présentent dans la partie la "div#identification" mise à part ".pseudo"

Le code HTML :

<div id="identification"> <span class="titrevert">C'est qui ?</span> <form> <input type="text" name="Pseudo" class="pseudo" value="Pseudo" onfocus="this.value=''" /> <input type="password" name="Password" class="mdp" value="Password" onfocus="this.value=''" /> <img src="images/case.png" alt="" onclick="clickChk(this)" class="checkbox" /> <span class="cookie">Se souvenir de moi</span> <input type="submit" class="submit" value="" /> </form> </div>

Le code CSS :
#identification{ background:url('images/identification.png') no-repeat; width:300px; height:300px; margin-top:-950px; margin-left:682px; padding-left:53px; padding-top:30px; } .pseudo{ background:none; background-repeat:no-repeat; width:150px; margin-top:Xpx; margin-left:Xpx; border: none; font-family:Calibri; font-size:20px; color:#00c0ff; font-weight:bold; font-style:italic; } .mdp{ background:none; border: none; background-repeat:no-repeat; width:150px; margin-top:Xpx; margin-left:Xpx; font-family:Calibri; font-size:20px; color:#00c0ff; font-weight:bold; font-style:italic; } .checkbox{ } .cookie{ margin-top:Xpx; margin-left:Xpx; font-family:Calibri; font-size:12px; color:#68c000; font-weight:bold; } .submit{ margin-top:Xpx; margin-left:Xpx; background-image:url('images/connection.png'); width:102px; height:32px; border:none; background-color:transparent; }

Si vous avez une solution faites moi signe, ça commence à me rendre dingue cette histoire. :/
Photo de JeanJean75 Message publié le dimanche 22 novembre 2009 à 19 h 12 par JeanJean75.
Up. :)

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

Les 5 dernières discussions