Construction CSS + JS

Construction CSS + JS - HTML/CSS - Programmation

Marsh Posté le 21-06-2005 à 02:01:39    

Salutation, Ca m'embete d'ouvrir un Post pour une si petite chose mais je veux découvrir ce mystere qui m'ennuie depuis quelques minutes.
 
http://bibi35.free.fr/badze2/
http://bibi35.free.fr/badze2/style.css
 
Je voudrai que "Salut la compagnie" soit a 10px du haut de mon fond d'écran.  
Si je met margin-top:10px; dans mon .menu_haut  
cela me déglingue mon arriere plan en lui faisant prendre aussi un ecart de pixel.
le #corps est décalé par rapport a la page qui a un margin:0px; a l'origine.
 
 :hello:


Message édité par Badze le 22-06-2005 à 20:02:24
Reply

Marsh Posté le 21-06-2005 à 02:01:39   

Reply

Marsh Posté le 21-06-2005 à 07:58:37    

je parie que ton fond est prévu pour du 1024*768 ? Ben perdu, avec la developer bar de firefox, et la barre personnelle, on défile juste pour avoir le bas du design.
 
Mets salut la compagnie en absolute au pire :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 21-06-2005 à 08:01:01    

Salut,
 
et  avec un padding-top à 10px ça ne résoudrait pas le problème ?

Reply

Marsh Posté le 21-06-2005 à 12:35:36    

heu non mon fond n'est pas du tout prévu pour quoi que ce soit, DL le par toi meme et tu verra l'allure quil aura, je lai fait a larrache on peux dire.
 
Autrement j_lecruel, tu avais raisons avec le padding-top.
Cela marche. Merci
 
A présent jai une autre souci en rapport avec un décalage qui memebete un peu pour la mise en forme.
 
Regarder le "Create by Badze" sous firefox => parfait
Regarder le "Create by Badze" sous IE => en décalage ?????
 
La je flanche, jai tester plusieurs possibilité avec le line-height, ca ne semble pas etre ca.
 
le position absolute ne fonctionne pas non plus, ce qui veut donc dire que jai une décalage quelque part ou Bien IE fais encore des siennes.

Reply

Marsh Posté le 21-06-2005 à 14:17:44    

Ton document ne comporte pas de doctype...  
 
déclare un doctype strict pour faire basculer IE dans le modèle de boîtes standard.
 
http://openweb.eu.org/articles/dimensions_boites_css/ --> infos sur les modèles de boîtes


Message édité par j_lecruel le 21-06-2005 à 14:20:23
Reply

Marsh Posté le 22-06-2005 à 03:00:39    

http://bibi35.free.fr/badze2/
 
voici une différence que je vous laisse chercher entre IE et FF .
Mais ou est charlie ? Si vous savez la solution de ce probleme d'overflow sous IE merci :).
 
J'ai deja tester différent attribut d'overflow mais ca ne cache pas le texte que depace, ou alors ca aggrandi la fenetre.
 
Merci

Reply

Marsh Posté le 22-06-2005 à 03:19:26    

Vire les positions relatives inutiles dans 'middle_info'.


Message édité par The-Shadow le 22-06-2005 à 03:33:52
Reply

Marsh Posté le 22-06-2005 à 03:27:35    

ha c'est cool merci, jamais je n'aurai pensé a cela.

Reply

Marsh Posté le 22-06-2005 à 19:31:44    

J'ai 2 nouveaux petit soucis.  
- mon premier est javascript
- mon second est CSS entre IE et FF
 
commencons par le 1er:
http://badze.free.fr/
http://badze.free.fr/fonctions.js
 
En fait, que je remplie 1 seul input en bas de ma page et que je valide, j'ai un alert qui s'affiche, mais le truc est que si j'appuie sur OK, ca recharge ma page et je perd ce que javais écrit dans mon <input type="text">. Je voudrai que ce que jai écrit reste quand je valide.
 
2eme probleme est la différence entre mon CSS IE et FF.
http://badze.free.fr/
http://badze.free.fr/style.css
 
J'ai mon overflow au milieu de ma page avec des bordures arrondie. J'utilise pour cela "-moz-border-radius:6px;".
Cela fonctionne sous FF mais pas sous IE,
Y aurai t il une solution pour que ca fonctionne dans les 2 cas ?

Reply

Marsh Posté le 22-06-2005 à 19:59:59    

ça ne fonctionnera pas sous IE, c'est une CSS propriétaire.

Reply

Marsh Posté le 22-06-2005 à 19:59:59   

Reply

Marsh Posté le 22-06-2005 à 20:02:00    

ok je m'en doutais. merci.
 
Par contre pas d'idée pour le JS ?

Reply

Marsh Posté le 22-06-2005 à 20:57:01    

T'aurais dû te demander ce qu'était le petit "-moz-" devant la propriété ;) T'en aurais sûrement déduis que ça voulait dire "mozilla" :D et connaissant les CSS, de manière générale tout ce qui commence par un tiret est propriétaire (sauf exception de la part de l'ami crosoft)...

Reply

Marsh Posté le 22-06-2005 à 21:01:43    

FlorentG a écrit :

T'aurais dû te demander ce qu'était le petit "-moz-" devant la propriété ;) T'en aurais sûrement déduis que ça voulait dire "mozilla" :D et connaissant les CSS, de manière générale tout ce qui commence par un tiret est propriétaire (sauf exception de la part de l'ami crosoft)...


Tout ce qui est encadré de deux tirets (- -) est une extension propriétaire de par la norme CSS2.1 [:aloy]  
 
http://www.w3.org/TR/CSS21/syndata.html#q4


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-06-2005 à 21:18:50    

ok, ca jai bien piger, par contre je ne pige pas lautre probleme avec un refresh de page qu'il fait automatiquement sans que je lui demande. :?

Reply

Marsh Posté le 22-06-2005 à 23:03:24    

Bon apparement personne n'a lair au courant de cela, je viens de trouver le moyen de contourner cela mais d'un facon assez audieuse.
http://badze.free.fr/  
 

Code :
  1. <form name="form_cnx" method="post" target="vide"> <!--vers le iframe en bas pour pas effacer ce qu'il y a dans le input text-->
  2. .....
  3. </form>
  4. .....
  5. <iframe name="vide" style="height: 0px; width: 0px; border: 0;"></iframe>


 
Cela empechera alors le nouveau chargement de la page et ainsi de perdre les valeur déja indiqué par l'utilisateur dans les input type="text"
 
si vous avez un moyen plus propre qui je lespere existe, dites le moi s'il vous plait .
 
Merci


Message édité par Badze le 22-06-2005 à 23:06:27
Reply

Marsh Posté le 22-06-2005 à 23:25:43    

Bon je viens voir que les personnes qui nauront pas activé javascript sur leur browser ne pourront pas se logué.
 
Donc je vais enlever le JS sur cette partie de mon site.
 
Donc comment garder les valeurs des INPUT TYPE="TEXT" quand la personne va valider et qu'il y aura une erreur de saisie.
Cela engeandrera un rechargement de la page donc les infos des input seront donc effacé.
 
C'est ce que je ne veux pas.

Reply

Marsh Posté le 22-06-2005 à 23:36:01    

Badze a écrit :

Donc comment garder les valeurs des INPUT TYPE="TEXT" quand la personne va valider et qu'il y aura une erreur de saisie.
Cela engeandrera un rechargement de la page donc les infos des input seront donc effacé.


Suffit de préremplir les inputs [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-06-2005 à 23:39:17    

en gros tu me dit de récupéré les valeurs dans les variables ?
et de les remettre en chargement de la page avec  
<input type="text" value="<? $login ?>">
 
Mouai bof bof, je serai obliger de crée des sessions dans ces cas la
 
- saisie des valeurs
- envoie sur la test.php pour voir si les valeur sont bonne  
 + si la valeur est fausse, on enregistre les données sur les sessions
- on renvoie sur la page d'acceuil et on place les sessions dans les VALUE


Message édité par Badze le 22-06-2005 à 23:42:07
Reply

Marsh Posté le 23-06-2005 à 00:50:35    

Badze a écrit :

Mouai bof bof, je serai obliger de crée des sessions dans ces cas la


WTF [:pingouino]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-06-2005 à 00:52:15    


????
Grand manitou, aide moi stp :jap:


Message édité par Badze le 23-06-2005 à 00:58:11
Reply

Marsh Posté le 23-06-2005 à 01:26:09    

Bon jai cree une autre interface.
Ca ne derange pas si jutilise la methode GET pour remttre les Element dans les Inputs ?
 
http://badze.free.fr/
login : badze (en minuscule pour linstant)
 
T'en pense quoi ? des choses a suggérer ?
Tous les conseils sont bon a prendre  :)


Message édité par Badze le 23-06-2005 à 01:26:47
Reply

Marsh Posté le 23-06-2005 à 01:55:30    

j'ai pas compris c'est quoi le teme du site?

Reply

Marsh Posté le 23-06-2005 à 02:09:12    

pas de theme, c'est juste pour moi avec quelques amis.
Je fais des sites pour m'amuser et pour apprendre en meme temps.
Je suis sur le CSS en ce moment donc je tate un peu le terrain. :)

Reply

Marsh Posté le 23-06-2005 à 07:55:57    

Badze a écrit :

Bon jai cree une autre interface.
Ca ne derange pas si jutilise la methode GET pour remttre les Element dans les Inputs ?
 
http://badze.free.fr/
login : badze (en minuscule pour linstant)
 
T'en pense quoi ? des choses a suggérer ?
Tous les conseils sont bon a prendre  :)


Sur un formulaire de connection on utilise le post, jamais le GET [:pingouino]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-06-2005 à 09:05:56    

Badze a écrit :

en gros tu me dit de récupéré les valeurs dans les variables ?
et de les remettre en chargement de la page avec  
<input type="text" value="<? $login ?>">


Je sens le grand besoin de rédiger un tutorial complet sur "la bonne méthode pour faire un formulaire"...

Reply

Marsh Posté le 23-06-2005 à 09:06:57    

FlorentG a écrit :

Je sens le grand besoin de rédiger un tutorial complet sur "la bonne méthode pour faire un formulaire"...


charge :jap:


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-06-2005 à 09:10:48    

Je peux le faire si vous voulez.
 
La je fais un tutoriel sur les bonnes méthodes à adopter pour faire du CSS correctement.  
 
Mais bon, je suis dans une boite ou on fait encore du HTML de 1995. c'est l'horreur

Reply

Marsh Posté le 23-06-2005 à 09:11:40    

Nan, moi. Je resterais simple, mais simplement exposer une méthode permettant de faire un joli formulaire + validation et tout ce qui va avec :)

Reply

Marsh Posté le 23-06-2005 à 09:33:51    

gatsusat a écrit :

Je peux le faire si vous voulez.


nan, c'est bon :o

FlorentG a écrit :

Nan, moi. Je resterais simple, mais simplement exposer une méthode permettant de faire un joli formulaire + validation et tout ce qui va avec :)


 [:jar jar]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-06-2005 à 09:35:09    

Je fais ça ce soir :jap:

Reply

Marsh Posté le 23-06-2005 à 09:53:39    

masklinn a écrit :

nan, c'est bon :o


Tu veux aller courrir nu dans les champs de fraises avec moi ??
 


 
tu as des poils sous les bras :o

Reply

Marsh Posté le 23-06-2005 à 10:39:37    

heho, ce nest pas un formulaire a methode GET, c'est du POST.
ce que vous voyer en GET, c'est le retour de certaines variables comme login afin de le mettre dans le value de <input type='text'> afin que le texte soit rester apres une validation du formulaire.
 
vous faire quoi pour récupéré les valeurs ???

Reply

Marsh Posté le 23-06-2005 à 10:42:11    

Badze a écrit :

ce que vous voyer en GET, c'est le retour de certaines variables comme login afin de le mettre dans le value de <input type='text'> afin que le texte soit rester apres une validation du formulaire.


J'ai du mal à voir l'intérêt d'une telle technique [:petrus75]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-06-2005 à 10:43:10    

Badze a écrit :

heho, ce nest pas un formulaire a methode GET, c'est du POST.
ce que vous voyer en GET, c'est le retour de certaines variables comme login afin de le mettre dans le value de <input type='text'> afin que le texte soit rester apres une validation du formulaire.
 
vous faire quoi pour récupéré les valeurs ???


Suivre le tutorial que je vais poster ce soir qui exposera une méthode simple pour faire ça :)

Reply

Marsh Posté le 23-06-2005 à 10:46:47    

j'essaye d'innové.
Ca m'embete d'utilisé des sessions pour ca.
 
Le truc qui memmerde et que par exemple, jai 2 champs.
- type="text" qui prendre le login
- textarea pour écrire son texte.
 
Si un des 2 champs est vide , ca ne se lance pas.
 
donc si une personne oublie son pseudo, et quil valide, ba il aura le message quil faut remplir les 2 champs, apres la page se recharge et le texte area est vide

Reply

Marsh Posté le 23-06-2005 à 10:47:45    

Ben ouais, pas besoin de sessions ;)

Reply

Marsh Posté le 23-06-2005 à 10:48:12    

Badze a écrit :

j'essaye d'innové.


[:petrus75]
J'appelle pas ça de l'innovation

Citation :

Ca m'embete d'utilisé des sessions pour ca.


personne n'a dit de faire ça bordel [:pingouino]
Les sessions n'ont jamais été nécessaires pour faire de la prépopulation [:pingouino]

Citation :

Le truc qui memmerde et que par exemple, jai 2 champs.
- type="text" qui prendre le login
- textarea pour écrire son texte.
 
Si un des 2 champs est vide , ca ne se lance pas.
 
donc si une personne oublie son pseudo, et quil valide, ba il aura le message quil faut remplir les 2 champs, apres la page se recharge et le texte area est vide


Erreur de conception [:spamafote]


Message édité par masklinn le 23-06-2005 à 10:48:40

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 23-06-2005 à 10:53:50    

ba dit moi comment récupéré les valeurs alors.
Je suis obliger de changer de page puis ce que le test se fait sur une autre page php.
 
vais pas mélanger le html avec le php.
 
solution ??

Reply

Marsh Posté le 23-06-2005 à 10:57:01    

ben badze dans ton code PHP pour que le textarea soit plein c'est comme ça :
 
<textarea><?$echo 'MavaleurenPHP'?></textarea>
 
ya des chances que tu ai mis <textarea value="">
 
laule

Reply

Marsh Posté le 23-06-2005 à 11:01:32    

Badze a écrit :

ba dit moi comment récupéré les valeurs alors.
Je suis obliger de changer de page puis ce que le test se fait sur une autre page php.
 
vais pas mélanger le html avec le php.
 
solution ??


Bon, va VRAIMENT falloir faire un tut... C'est tellement cucul, que parfois j'ai du mal à comprendre :(


Message édité par FlorentG le 23-06-2005 à 11:01:47
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed