Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : J'arrive pas a aligné mes éléments [ CSS / Général ] (nicomilville)

mardi 1 juillet 2008 à 18:49:28 | J'arrive pas a aligné mes éléments

nicomilville

Membre Club
Salut,

Je n'arrive pas a aligné mes élèments a différents endroits d'un div !

Avez vous une solution ?

On m'a conseillé d'utiliser float mais ça n'a rien changé ou je be sais pas l'utiliser !

Merci d'avance !

a++

Si la réponse vous convient, pensez : Réponse acceptée !


mardi 1 juillet 2008 à 21:01:30 | Re : J'arrive pas a aligné mes éléments

nicomilville

Membre Club
Re,

voici mon code :

function aff_conversation() {
 var O_discution = document.createElement('div');
 var O_fermer = document.createElement('img');
 var O_text = document.createElement('input');
 var O_bouton = document.createElement('input');
 O_discution.setAttribute('id','discution');
 O_discution.style.border = '1px solid black';
 O_discution.style.zIndex = '50';
 O_discution.style.height = '500px';
 O_discution.style.width = '500px';
  O_fermer.setAttribute('src','images/fermer.png');
  O_fermer.setAttribute('id','fermer');
  O_fermer.style.float = 'left';
  O_text.setAttribute('type','text');
  O_text.setAttribute('name','message');
  O_text.style.float = 'bottom';
  O_bouton.setAttribute('type','button');
  O_bouton.setAttribute('name','envoyer');
  O_bouton.setAttribute('value','Envoyer');
  O_bouton.style.float = 'bottom';
 document.getElementById('conversation').innerHTML = '';
 document.getElementById('conversation').appendChild(O_discution);
  document.getElementById('discution').appendChild(O_fermer);
  document.getElementById('discution').appendChild(O_text);
  document.getElementById('discution').appendChild(O_bouton);
 if(document.all) {
  document.getElementById('fermer').attachEvent('onclick',function() {document.getElementById('conversation').removeChild(O_discution);});
 } else {
  document.getElementById('fermer').addEventListener('click',function() {document.getElementById('conversation').removeChild(O_discution);},false);
 }
}

a++

Si la réponse vous convient, pensez : Réponse acceptée !


mardi 1 juillet 2008 à 22:52:03 | Re : J'arrive pas a aligné mes éléments

kazma

Réponse acceptée !
je ne suis pas certain mais normalement chaque element du div dovent avoir un position relative
document.getElementById('elements').style.position = 'relative'
puis
O_element.style.top ,left, bottom ou right
il est possible que l'on puise trouver plus simple


mardi 1 juillet 2008 à 23:57:50 | Re : J'arrive pas a aligné mes éléments

ggtry

Réponse acceptée !
Bonsoir,

Le float est left, right ou none. Donc, float:bottom n'est pas interprété.
Quelle présentation cherches-tu ?

GGtry

mercredi 2 juillet 2008 à 08:01:41 | Re : J'arrive pas a aligné mes éléments

nicomilville

Membre Club
Salut,

Ba j'ai une croix que je voudrai mettre en haut a droite et un champs text et un bouton que je voudrai mettre cote a cote en bas !

a++

Si la réponse vous convient, pensez : Réponse acceptée !


mercredi 2 juillet 2008 à 11:08:27 | Re : J'arrive pas a aligné mes éléments

ggtry

Réponse acceptée !
Bonjour,

Je suis loin d'être un expert en css, il y a donc peut-être mieux à faire...
Pour ton image, tu dois mettre float:right.
Pour ta zone de texte et ton bouton, j'aurais tendance à les mettre dans un nouveau div dont tu peux définir margin-top (par ex. 400px) et margin-left.
Pour centrer le div, tu peux mettre margin-left et margin-right à auto, en définissant width.
Cela dit, il vaut peut-être mieux créer deux div : une pour le contenu qu'il y aura au milieu de ta boite, et une seconde, à la suite, qui contiendra le bouton et la zone de texte.
Dans ce cas, tu peux donner à la div du contenu un margin-top de 50, par exemple, et mettre height à 350. Comme ça, la div qui reçoit le bouton et la zone sera à la suite (sans définir de margin-top qui s'additionnerait), et tu n'auras pas de problème de décalage dû à l'ajout de contenu au milieu.
Bref, ça pourrait à peu près donner cela dans l'html :

<div id="boite" style="width:500px; height:500px; background-color:#FFFF33">
        <img src="" alt="tata" style="float:right;" />
        <div id="entredeux" style="width:500px;height:350px;margin-top:100px">Essai</div>
        <div id="formulaire" style="margin-left:120px">
        <input id="Text1" type="text" /><input id="Button1" type="button" value="button" />
    </div>
    </div>

Mais il y a peut-être plus simple...

GGtry

mercredi 2 juillet 2008 à 11:15:17 | Re : J'arrive pas a aligné mes éléments

nicomilville

Membre Club
Réponse acceptée !
merci de vos réponse,

Finalement je vais mettre tout ça dans une feuille de style CSS et ça marche pour l'instant mais je crois que je vais reposter plusieurs fois dans la journée !

a++

Si la réponse vous convient, pensez : Réponse acceptée !


mercredi 2 juillet 2008 à 11:25:22 | Re : J'arrive pas a aligné mes éléments

nickadele

Membre Club Administrateur CodeS-SourceS
Réponse acceptée !
Bonjour nicomilville,

tu trouveras un exemple de boîte avec différents éléments positionnés dans ma source ici : http://www.javascriptfr.com/codes/SELECT-DIV-PROBLEME-DANS-IE-COMMENT-RESOUDRE_37901.aspx.
A la base c'est pas l'objectif de la source, mais tu y trouveras au niveau css une série de trucs et astuces.

Nickadele

mercredi 2 juillet 2008 à 11:28:00 | Re : J'arrive pas a aligné mes éléments

nicomilville

Membre Club
merci nickadele !

je vais voir ça !

a++

Si la réponse vous convient, pensez : Réponse acceptée !




Cette discussion est classé dans : réponse, arrive, utiliser, éléments, aligné


Répondre à ce message

Sujets en rapport avec ce message

Fermeture de popup [ par fixe3000 ] Bonjour, je n'arrive pas utiliser la fonction close() pour mes popup....Je m'explique, pour une galerie d'image je souhaiterai qu'a chaque ouverture d éléments deviennent actifs [ par didou8513 ] Bonjour, lorsque j'arrive sur une page tous mes champs sont inactifs, j'aimerais à l'aide d'un bouton qu'ils deviennent actifs pour les modifier. J'y Bouton ENVOYER avec rollover [ par metis15 ] Bonjour toul'monde,je n'arrive pas à trouver le truc pour avoir un bouton de formulaire ENVOYERavec une image qui change onmouseover.J'arrive à avoir ajout d'un champ a un formulaire [ par skavenger ] J'ai besoin de créer un formulair de taille variable. Je m'explique : Ce formulaire permettra de saisir plusieurs éléments de même nature. chaque besoin d'un code!!! [ par nourlhouda ] bonjour tout le monde,j'ai besoin d'un code JSP ou d'un script JAVASCRIPT qui me donne 2 listbox, l'une à droite, doit être remplie des éléments de ma 2 listesbox de données [ par nourlhouda ] bonjour tout le monde,j'ai besoin d'un code JSP ou d'un script JAVASCRIPT qui me donne 2 listbox, l'une à droite, doit être remplie des éléments de ma Position absolut d'un éléments [ par GoldPegasus ] Bon voilaj'aimerai savoir comment on fait pour récupérer la position absolut d'un éléments html comme par exemple une image Impossible d'utiliser le meme script sur une page... [ par overbrave ] Salut Dieu du code,mon problème est le suivant:1-J'ai utiliser le code du menu rollover V3 http://www.javascriptfr.com/code.aspx?ID=195072-J'ai isoler Utiliser un scanner [ par mictif ] bonjour, j'aimerais savoir si il ete possioble de gerer un scanner en php ;je vous explique la fonctionnalité que j'aimerais integrer dans mon applic j'arrive pas a changer la couleur de ma scroll bar !!! :-( [ par kerdesign ] bonjour !!voila, j'arrive pas a changer la couleur de ma scrollbar, voila les couleur que je voudrais integrer a mon *.htm :BODY {   scrollbar-face-co


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,359 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.