Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
710 connectés 

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Auteur Sujet :

Formulaire dans un tableau ?

n°1902067
Alekusu2
Posté le 03-07-2009 à 16:04:42  profilanswer
 

Reprise du message précédent :
bah déjà la question c'est pourquoi tu l'as mis ? O_o
tu dis que ton conteneur général fait 410, que ton sous conteneur gauche fait 380, le sous conteneur droit devrait faire 30, pourquoi tu as mis 790 OOOO____ooo Vire le et mets 30 (même si dans un second temps, il faudra que tu mettes des tailles plus réalistes)
 
Et ça vient d'où ce margin-top:-43px; ? Vire le aussi
 
Et reviens ensuite.

mood
Publicité
Posté le 03-07-2009 à 16:04:42  profilanswer
 

n°1902069
Alekusu2
Posté le 03-07-2009 à 16:07:08  profilanswer
 

pataluc a écrit :

moi je te propose ca:

Code :
  1. <html>
  2.   <head>
  3.     <title></title>
  4.     <style type="text/css">
  5.     <!--
  6.       *{
  7.         margin:0;
  8.         padding:0;
  9.         text-decoration:none;
  10.         list-style-type:none;         
  11.       }           
  12.       #conteneur_centre{         
  13.         margin: 0 auto;
  14.         text-align: center;
  15.         width: 400px;
  16.       }
  17.       #conteneur_centre_gauche{         
  18.         float:left;
  19.         border: 0;
  20.       }
  21.       #conteneur_centre_droite{         
  22.         float:right;
  23.       }
  24.     //-->
  25.     </style>
  26.   </head>
  27.   <body>
  28.     <form>
  29.       <div id="conteneur_centre">
  30.         <fieldset id="conteneur_centre_gauche">
  31.          
  32.           <input type="text" name="nom" size="55" maxlength="256" value="alexandre" />
  33.           <br />
  34.           <input type="submit" /><input type="submit" />
  35.          
  36.         </fieldset>   
  37.         <ul id="conteneur_centre_droite">
  38.            <li><a href="" title="">Lien 1</a></li>
  39.            <li><a href="" title="">Lien 2</a></li>
  40.            <li><a href="" title="">Lien 3</a></li>
  41.         </ul>
  42.       </div>     
  43.     </form>
  44.   </body>
  45. </html>


 
je peux pas faire mieux.


 
Pourquoi mettre le centre droit en float: right ? Intérêt ?
De plus tu ne positionnes pas ton conteneur_centre...
 
Bref, je préférais éviter qu'ils suivent d'autres conseils si on veut un jour qu'il atteigne son but.

Message cité 1 fois
Message édité par Alekusu2 le 03-07-2009 à 16:08:42
n°1902080
pataluc
Posté le 03-07-2009 à 16:15:33  profilanswer
 

Alekusu2 a écrit :

Pourquoi mettre le centre droit en float: right ? Intérêt ?


euh bonne question. je sais plus. effectivement en l'enlevant ca revient au même.

Alekusu2 a écrit :

De plus tu ne positionnes pas ton conteneur_centre...


?? comment ca? je fixe sa taille et ses marges pour le centrer...  
 

Alekusu2 a écrit :

Bref, je préférais éviter qu'ils suivent d'autres conseils si on veut un jour qu'il atteigne son but.


 
au point ou il en est... :P
 
 
d'ailleurs pr0faz ca serait pas mal que tu supprime un de tes 2 sujets... c'est peu chiant la.
 

n°1902133
Alekusu2
Posté le 03-07-2009 à 19:54:04  profilanswer
 

pataluc a écrit :


?? comment ca? je fixe sa taille et ses marges pour le centrer...  
 


 
Il faut qu'il soit en position relative, sinon la solution n'est pas cross browser.
Et faut mieux que je sois le seul pour le moment à le guider, vu qu'on s'approche du but, car si chacun donne des variantes, à la fin il va faire des trucs bancals et dans 1 an on y est encore sur ce topic  :D

n°1902147
pr0faz
Le sommeil est une séparation.
Posté le 03-07-2009 à 20:59:23  profilanswer
 

Bon, à la vue de vos messages, j'avoue que l'on se sent très dévalorisé mais bon, c'est pas grave.

 

oups, j'oubliais, nous y sommes arrivés !


Message édité par pr0faz le 03-07-2009 à 21:00:55

---------------
Mes VenTes - Mes AchaTs
n°1902154
Alekusu2
Posté le 03-07-2009 à 21:32:32  profilanswer
 

Bon tu vois ;)
 
C'est pas qu'on te dévalorise, c'est que tu ouvres 2 topics, chacun atteint 2 pages, où tout le monde t'explique les mêmes choses, mais à chaque fois tu fais un truc à ta sauce, donc forcément ça a mis du temps alors qu'en vrai, ce que tu veux faire est hyper basique, c'est juste du centrage d'une div conteneur et de mise en float de 2 éléments internes.
 
Enfin bon tu pourrais nous remercier pour notre patience ;)

n°1902163
pr0faz
Le sommeil est une séparation.
Posté le 03-07-2009 à 21:49:38  profilanswer
 

Alekusu2 a écrit :

Bon tu vois ;)
Enfin bon tu pourrais nous remercier pour notre patience ;)


 
 
C'est vrai, je vous remercie ! Plus particulièrement Alakusu qui s'est montré, comme il le dit, très patient  ;)  
 
Cela-dit, je reviendrai certainement [:ajacciu20]  :sarcastic:


---------------
Mes VenTes - Mes AchaTs
n°1902178
pr0faz
Le sommeil est une séparation.
Posté le 03-07-2009 à 22:37:55  profilanswer
 

Alors ça va sans doute vous paraître complètement débile, mais j'me suis fait un petit croquis histoire de bien visualiser comment les blocs fonctionnent :
 
http://nsa07.casimages.com/img/2009/07/03/09070310393547569.jpg


---------------
Mes VenTes - Mes AchaTs
n°1902200
Alekusu2
Posté le 03-07-2009 à 23:47:57  profilanswer
 

Bonne idée, mais installe la developper toolbar de firefox, et tu auras plus besoin de faire ça, ce sera automatique :p

n°1902210
pr0faz
Le sommeil est une séparation.
Posté le 04-07-2009 à 02:27:36  profilanswer
 

Oui Alekusu, j'ai cette toolbar, mais il y a une légère faille, notamment dans l'encadrement des blocs, je trouve qu'il devrait encadrer tout le boc quand il en fait parti que d'un seul, or, il l'encadre individuellement. (je sais pas si je suis clair là)


---------------
Mes VenTes - Mes AchaTs
mood
Publicité
Posté le 04-07-2009 à 02:27:36  profilanswer
 

n°1902211
pr0faz
Le sommeil est une séparation.
Posté le 04-07-2009 à 03:59:15  profilanswer
 

Là je cherche la petite bête mais c'est ma curiosité qui parle; on voit bien que le bloc central c'est "conteneur_centre", moi j'aimerai que ça soit "conteneur_centre_gauche" positionné au milieu de la page. J'ai cru comprendre qu'il fallait jouer avec width, mais que nenni


---------------
Mes VenTes - Mes AchaTs
n°1902237
Alekusu2
Posté le 04-07-2009 à 12:24:56  profilanswer
 

Je n'ai pas compris ce que tu veux

n°1902254
pr0faz
Le sommeil est une séparation.
Posté le 04-07-2009 à 15:23:55  profilanswer
 

En fait, on a donné au conteneur_centre un tex-align:center pour que les blocs conteneur_centre_gauche et conteneur_centre_droite puissent être tous les deux centrés.
 
Pour pousser un peu le bouchon dans la precision, si seul le bloc conteneur_centre_gauche devait être centré, avec toujours le bloc conteneur_centre_droite à ces cotés, comment devrions-nous s'y prendre ? Car j'ai essayé de jouer avec width mais c'est pas ça.
 
Si tu veux je peux faire un schéma pour mieux comprendre ?


---------------
Mes VenTes - Mes AchaTs
n°1902292
Alekusu2
Posté le 04-07-2009 à 18:47:36  profilanswer
 

pr0faz a écrit :

En fait, on a donné au conteneur_centre un tex-align:center pour que les blocs conteneur_centre_gauche et conteneur_centre_droite puissent être tous les deux centrés.


 
Je t'arrête, toi ou quelqu'un s'y connait pas, t'a dit de mettre un text-align:center pour mettre au centre  mais c'est faux, ça ne fonctionne pas avec les blocs.
Si t'es conteneur gauche et droite, sont au centre, c'est parce que leur conteneur à eux d'eux est centré via un position: relative et le travail des margin 0 auto. Et ensuite les 2 tiennent proprement demain grâce au float: left.

n°1902382
pr0faz
Le sommeil est une séparation.
Posté le 05-07-2009 à 15:17:36  profilanswer
 

Oui Alekusu, je l'ai bien compris ça, justement, je voudrais que ça soit conteneur_centre_gauche qui soit centré correctement sur la page, mais toujours avec conteneur_centre_droite à ces cotés, tu vois ?


---------------
Mes VenTes - Mes AchaTs
n°1902395
pr0faz
Le sommeil est une séparation.
Posté le 05-07-2009 à 17:30:21  profilanswer
 

C'est embêtant car si les lignes de textes sont un peu trop longues, ça saute la ligne pour aller en dessous du coup c'est moche; J'ai fais un schéma pour mieux comprendre mes attentes :  
 
http://images.steelsm.com/images/1246807519n4ftxsn.png
 
jaune = décoration
violet = Input text + input button
bleu = lien
rouge = label + input radio
vert = liens
noir = texte
 
Avec le code actuel, l'inconvénient c'est que la largeur du bloc est la même, donc quand le contenu du bloc dépasse sa largeur forcément ça va en dessous.


---------------
Mes VenTes - Mes AchaTs
n°1902411
Alekusu2
Posté le 05-07-2009 à 19:28:06  profilanswer
 

C'est simple, dans ton conteneur centre, tu rajoutes un "padding-left: 30px;"
 
Explication : au final ça réquilibre, vu que t uas 30px à gauche  (padding) et 30px à droite (conteneur_centre_droite), donc le conteneur centre gauche est au centre de la page.

n°1902414
pr0faz
Le sommeil est une séparation.
Posté le 05-07-2009 à 20:50:02  profilanswer
 

Oui, Alekusu, c'est bien ça (un peu de mal à faire la différence entre margin et padding, pourtant théoriquement je sais) Avec tout ça, est-il possible d'agrandir (width) le conteneur_centre_droite de façon à éviter que les liens aillent en dessous par manque de largeur ? Car pour l'instant le width du conteneur_centre_droite est à 30px, si je le mets à 40px, il passe carrément en dessous...


Message édité par pr0faz le 05-07-2009 à 20:50:12

---------------
Mes VenTes - Mes AchaTs
n°1902425
Alekusu2
Posté le 05-07-2009 à 21:51:28  profilanswer
 

Oui tu peux l'agrandir, réfléchis juste à chaque fois à re-homogéniser tes largeurs sur l'ensemble de ta feuille de style.
 
mais si tu as un conteneur d'une largeur de X et que après tu augmentes un des blocs inérieurs pour que le total fasse X+Y, forcément ça va plus rester sur la même ligne

n°1902449
pr0faz
Le sommeil est une séparation.
Posté le 06-07-2009 à 00:22:36  profilanswer
 

J'arrive à redimensionner, mais le souci c'est qu'une fois la fenêtre rétrécie, le conteneur_centre n'est plus au milieu.

 

J'ai aussi remarqué que les liens présents dans le bloc conteneur_centre_droite étaient bien l'un en dessous de l'autre mais centré dans le bloc, or j'aurai préféré qu'ils soient sur la gauche du bloc.


Message édité par pr0faz le 06-07-2009 à 00:43:29

---------------
Mes VenTes - Mes AchaTs
n°1903241
pr0faz
Le sommeil est une séparation.
Posté le 07-07-2009 à 16:10:12  profilanswer
 

up


---------------
Mes VenTes - Mes AchaTs
n°1903256
Alekusu2
Posté le 07-07-2009 à 16:37:36  profilanswer
 

Montre ton code

n°1903296
gatsu35
Blablaté par Harko
Posté le 07-07-2009 à 17:53:17  profilanswer
 

montre ton code et un lien vers ton thruk


---------------
Blablaté par Harko
n°1903364
pr0faz
Le sommeil est une séparation.
Posté le 07-07-2009 à 21:54:37  profilanswer
 

Code :
  1. <!--
  2. *{
  3. margin:0;
  4. padding:0;
  5. list-style-type:none;
  6. }
  7. #conteneur_centre{
  8. width:600px;
  9. margin:0 auto;
  10. text-align:center;
  11. position:relative;
  12. margin-top:2%;
  13. padding-left:230px;
  14. }
  15. #conteneur_centre_gauche{
  16. width:365px;
  17. float:left;
  18. }
  19. #conteneur_centre_droite{
  20. width:110px;
  21. float:left;
  22. font-size:10px;
  23. font-family:arial;
  24. line-height:1em;
  25. }
  26. //-->
  27. </style>
  28. </head>
  29. <body>
  30. <div id="conteneur_centre">
  31.    <div id="conteneur_centre_gauche">
  32.     <form>
  33.      <input type="text" name="nom" size="55" maxlength="256" value="alexandre" />
  34.     <input type="submit" value="web" /><input type="submit" value="web"/>
  35. </div>
  36.   <div id="conteneur_centre_droite">
  37. <ul>
  38.    <li><a href="" title="">Recherche commerce</a></li>
  39.     <li><a href="" title="">Actualités</a></li>
  40.    <li><a href="" title="">Aptitudes écologiques</a></li>
  41. </ul>
  42. </div>
  43. </div>
  44. </body>
  45. </html>


 
 
http://nsa08.casimages.com/img/2009/07/07/090707061750172778.jpg
 
Les 3 liens dans le bloc conteur_centre_droite sont centrés, je voudrais qu'ils soient sur la gauche.


---------------
Mes VenTes - Mes AchaTs
n°1903374
Alekusu2
Posté le 07-07-2009 à 22:11:40  profilanswer
 

Je t'avais dit de virer ton "text-align:center" dans le conteneur_centre...
 
Comprends que pour un certains nombre d'attributs, ils s'appliquent aussi dans les éléments fils, donc les éléments contenus dans cet élément.
 
C'est le principe du CSS.

n°1903375
pr0faz
Le sommeil est une séparation.
Posté le 07-07-2009 à 22:16:24  profilanswer
 

Oui Alekusu, mais quand je vire "text-align:center" les deux boutons virent sur la gauche... A part les mettre dans une autre div, je vois pas...


Message édité par pr0faz le 07-07-2009 à 22:17:50

---------------
Mes VenTes - Mes AchaTs
n°1903377
Alekusu2
Posté le 07-07-2009 à 22:17:33  profilanswer
 

et qu'est ce qui t'empeche de mettre un text-align:center dans le conteneur_centre_gauche après ?

n°1903381
pr0faz
Le sommeil est une séparation.
Posté le 07-07-2009 à 22:21:56  profilanswer
 

Oui Alekusu, pff, grr, arf. Y a rien à faire, si je comprenais pas ce que je faisais, j'abandonnerai, mais là je comprends ! Faut qu'ça devienne un automatisme.


---------------
Mes VenTes - Mes AchaTs
n°1903392
Alekusu2
Posté le 07-07-2009 à 23:14:26  profilanswer
 

C'est plutôt une question de s'obliger à être rigoureux, surtout que ton code HTML/CSS dans ton cas est très très limité.

n°1903405
pr0faz
Le sommeil est une séparation.
Posté le 08-07-2009 à 00:17:14  profilanswer
 

Alekusu2 a écrit :

surtout que ton code HTML/CSS dans ton cas est très très limité.


 
Si on peut appeler ça du code...
 
Bref, je suis plutôt dans une posture de "peaufinage" que de "codeur" et là, pour le coup, j'essaye de mettre une favicon mais ça n'affiche rien (firefox)
 
 <link rel="shortcut icon" type="image/x-icon" href="http:.../bbfinalblack_1.ico" />
     <link rel="icon" type="image/gif" href="http:.../animated_favicon1.gif" />
 
Les images sont bien à la racine du site


---------------
Mes VenTes - Mes AchaTs
n°1903407
Alekusu2
Posté le 08-07-2009 à 00:21:57  profilanswer
 

tu essayes de faire quoi avec "href="http:.../bbfinalblack_1.ico" ?
c'est normal cette url ?

n°1903408
pr0faz
Le sommeil est une séparation.
Posté le 08-07-2009 à 00:26:48  profilanswer
 

Ben les "..." n'est que la continuité de l'url, c'est juste pour ne pas l'afficher public pour le moment


Message édité par pr0faz le 08-07-2009 à 00:27:14

---------------
Mes VenTes - Mes AchaTs
n°1903410
pr0faz
Le sommeil est une séparation.
Posté le 08-07-2009 à 00:38:03  profilanswer
 

En local j'ai ça qui fonctionne :
 
<link REL="SHORTCUT ICON" href="bbfinalblack_1.ico">


---------------
Mes VenTes - Mes AchaTs
n°1903411
Alekusu2
Posté le 08-07-2009 à 00:39:41  profilanswer
 

tes premiers codes sont biens (ceux de 00H17), c'est juste que si tout est à la racine, tu peux te permettre de mettre directement href="animated_favicon1.gif" et href="bbfinalblack_1.ico"

n°1903413
pr0faz
Le sommeil est une séparation.
Posté le 08-07-2009 à 00:45:36  profilanswer
 

justement j'viens d'essayer comme t'as dit et ça fonctionne... en local seulement


Message édité par pr0faz le 08-07-2009 à 00:46:26

---------------
Mes VenTes - Mes AchaTs
n°1903414
Alekusu2
Posté le 08-07-2009 à 00:52:51  profilanswer
 

pas possible, vérifie que t'as bien les fichiers sur ton serveur au même niveau que ton fichier et avec les bons noms. Ya aucune raison pour que ça marche pas ou alors fais voir tout ton code HTML

n°1903415
pr0faz
Le sommeil est une séparation.
Posté le 08-07-2009 à 00:59:25  profilanswer
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2.      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3. <head>
  4.      <link rel="shortcut icon" type="image/x-icon" href="bbfinalblack_1.ico" />
  5.      <link rel="icon" type="image/gif" href="animated_favicon1.gif" />
  6.      <title>Bienvenue</title>
  7.      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8.  <style type="text/css">
  9.    1. <!--
  10.    2.
  11.    3. *{
  12.    4. margin:0;
  13.    5. padding:0;
  14.    6. list-style-type:none;
  15.    7. }
  16.    8.
  17.    9. #conteneur_centre{
  18.   10. width:600px;
  19.   11. margin:0 auto;
  20.   12. text-align:center;
  21.   13. position:relative;
  22.   14. margin-top:2%;
  23.   15. padding-left:230px;
  24.   16. }
  25.   17.
  26.   18.
  27.   19. #conteneur_centre_gauche{
  28.   20. width:365px;
  29.   21. float:left;
  30.   22. }
  31.   23.
  32.   24. #conteneur_centre_droite{
  33.   25.
  34.   26. width:110px;
  35.   27. float:left;
  36.   28. font-size:10px;
  37.   29. font-family:arial;
  38.   30. line-height:1em;
  39.   31. }
  40.   32.
  41.   33. //-->
  42.   34. </style>
  43.   35. </head>
  44.   36. <body>
  45.   37.
  46.   38. <div id="conteneur_centre">
  47.   39.    <div id="conteneur_centre_gauche">
  48.   40.     <form>
  49.   41.      <input type="text" name="nom" size="55" maxlength="256" value="alexandre" />
  50.   42.     <input type="submit" value="web" /><input type="submit" value="web"/>
  51.   43. </div>
  52.   44.   <div id="conteneur_centre_droite">
  53.   45. <ul>
  54.   46.    <li><a href="" title="">Recherche commerce</a></li>
  55.   47.     <li><a href="" title="">Actualités</a></li>
  56.   48.    <li><a href="" title="">Aptitudes écologiques</a></li>
  57.   49. </ul>
  58.   50. </div>
  59.   51. </div>
  60.   52.
  61.   53. </body>
  62.   54. </html>


---------------
Mes VenTes - Mes AchaTs
n°1903416
Alekusu2
Posté le 08-07-2009 à 01:46:03  profilanswer
 

Bon essaye plutôt :  
 
<link rel="shortcut icon" type="image/ico" href="nom_du_fichier" />
<link rel="icon" type="image/x-icon" href="nom_du_fichier" />
 
Et fais moi le plaisir de mettre ton CSS dans un fichier externe.

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante

Aller à :
Ajouter une réponse
 

Sujets relatifs
Créer un formulaire et récupérer les données saisies ds un tableauSimuler un tableau dans un formulaire
[PHP] tableau MySQL -> formulaire -> MySQLtraitement de formulaire en tableau
modifier une table mysql a l'aide d'un tableau sur une formulaire[RESOLU]Formulaire et tableau: maj table
Créer un formulaire conforme au html 4 avec un tableauTableau et formulaire mise en forme
aide pour transfert de formulaire vers tableautransfert de données d'un formulaire versun tableau
Plus de sujets relatifs à : Formulaire dans un tableau ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR