Retour à Forum de site web

Questions balise form

  • brittagyrl
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Nov 21, 2008
  • Messages: 32
  • Loc: Ogden, Utah
  • Status: Offline

Message Août 18th, 2010, 10:02 am

Bonjour à tous,

J'ai créé cette page pour mon employeur et je rencontre quelques problèmes espacement bizarre avec la balise form. Il est la création d'un montant ridicule de l'espace que je n'arrive pas à corriger. Je peux vous envoyer l'URL dans un message privé si vous voulez voir exactement ce que je veux dire. Voici le code que j'utilise.

Code: [ Select ]

<!--This is where the Form begins--->
<div id="form">
<FORM NAME="nav" style="margin-bottom:0px; margin-top: 0px; padding-top: 0px" ><DIV >
<SELECT NAME="SelectURL" onChange=
"document.location.href=
document.nav.SelectURL.options[document.nav.SelectURL.selectedIndex].value">
<OPTION VALUE=""
SELECTED>Please Select a Collection:
<OPTION VALUE="">
Edmund Wattis Littlefield Speeches
<OPTION VALUE="">
E. R. Lubber Company History
<OPTION VALUE="">
Utah Construction Company Minutes
<OPTION VALUE="">
Utah Construction Feather River Scrapbook Vol. 1
<OPTION VALUE="">
Utah Construction Feather River Scrapbook Vol. 2
<OPTION VALUE="">
Utah Construction Hoover Dam Scrapbook Vol. 1 H. J. Lawler
<OPTION VALUE="">
Utah Construction Hoover Dam Scrapbook Vol. 2 E. O. Wattis
<OPTION VALUE="">
Utah Construction Hoover Dam Scrapbook Vol. 3 H. J. Lawler
<OPTION VALUE="">
Utah Construction Stockholder Ledgers
<OPTION VALUE="">
Utah Construction Mexico Projects
<OPTION VALUE="">
Utah Construction-Utah International Photographs
<OPTION VALUE="">
Utah International/General Electric Merger Documents
<OPTION VALUE="">
WSU Stewart Library, UC-UI Symposium
</SELECT><DIV>
</FORM>
</div>
<!---Form Ends--->
  2. <!--This is where the Form begins--->
  3. <div id="form">
  4. <FORM NAME="nav" style="margin-bottom:0px; margin-top: 0px; padding-top: 0px" ><DIV >
  5. <SELECT NAME="SelectURL" onChange=
  6. "document.location.href=
  7. document.nav.SelectURL.options[document.nav.SelectURL.selectedIndex].value">
  8. <OPTION VALUE=""
  9. SELECTED>Please Select a Collection:
  10. <OPTION VALUE="">
  11. Edmund Wattis Littlefield Speeches
  12. <OPTION VALUE="">
  13. E. R. Lubber Company History
  14. <OPTION VALUE="">
  15. Utah Construction Company Minutes
  16. <OPTION VALUE="">
  17. Utah Construction Feather River Scrapbook Vol. 1
  18. <OPTION VALUE="">
  19. Utah Construction Feather River Scrapbook Vol. 2
  20. <OPTION VALUE="">
  21. Utah Construction Hoover Dam Scrapbook Vol. 1 H. J. Lawler
  22. <OPTION VALUE="">
  23. Utah Construction Hoover Dam Scrapbook Vol. 2 E. O. Wattis
  24. <OPTION VALUE="">
  25. Utah Construction Hoover Dam Scrapbook Vol. 3 H. J. Lawler
  26. <OPTION VALUE="">
  27. Utah Construction Stockholder Ledgers
  28. <OPTION VALUE="">
  29. Utah Construction Mexico Projects
  30. <OPTION VALUE="">
  31. Utah Construction-Utah International Photographs
  32. <OPTION VALUE="">
  33. Utah International/General Electric Merger Documents
  34. <OPTION VALUE="">
  35. WSU Stewart Library, UC-UI Symposium
  36. </SELECT><DIV>
  37. </FORM>
  38. </div>
  39. <!---Form Ends--->


Et ceci est mon CSS correspondant à cela:
Code: [ Select ]
#form {
float: left;
text-align: left;
display: block;
position:absolute;
top: 60px;
left:0px;
margin: 0;
padding: 0;
border:0;
display:inline;
z-index: 300;
}
  1. #form {
  2. float: left;
  3. text-align: left;
  4. display: block;
  5. position:absolute;
  6. top: 60px;
  7. left:0px;
  8. margin: 0;
  9. padding: 0;
  10. border:0;
  11. display:inline;
  12. z-index: 300;
  13. }


Quelqu'un peut-il aider? J'ai lu quelque part que la balise de fermeture du formulaire doit être directement au-dessus de la balise "body" de fermeture, mais j'ai essayé aussi, et il n'a rien fait.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Août 18th, 2010, 10:02 am

  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 8926
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Message Août 18th, 2010, 3:41 pm

En fonction de vos #div votre formulaire ont le dessus spécifié à 60px ce qui en ferait commencer 60 pixels du haut. Quel type d'espacement des problèmes rencontrez-vous? pourrait-il que? N'hésitez pas à me faire parvenir l'URL par MP.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Août 22nd, 2010, 1:27 pm

Je vous conseille d'utiliser un reset CSS (comme Celui-ci ) Pour effacer toute la structure des éléments du formulaire et vous permettent de partir de zéro. Le problème est que chaque navigateur a aussi des styles par défaut qui s'applique à des éléments de formulaire, sauf si vous lui dire de ne pas. Et bien sûr, le kicker est que tous les navigateurs ont par défaut un peu différente si sa vaut la peine de tuer l'effet.

Id essayer mettre en oeuvre un reset et voir si cela commence à résoudre le problème.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • brittagyrl
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Nov 21, 2008
  • Messages: 32
  • Loc: Ogden, Utah
  • Status: Offline

Message Août 24th, 2010, 9:54 am

Merci les gars. Je travaille encore sur ce point. Le px 60 dans la CSS de la formule est juste de le mettre en place sur la tête img. Il doit être aussi bas depuis le haut de la page, mais il devrait mettre tout le reste autour de zéro padding, marges, etc

Mon patron a mentionné quelque chose au sujet de la création d'un CSS id dans la balise formulaire lui-même? Savez-vous quelque chose à ce sujet?

Pensez-vous qu'il serait mieux d'utiliser un formulaire SPRY?
  • brittagyrl
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Nov 21, 2008
  • Messages: 32
  • Loc: Ogden, Utah
  • Status: Offline

Message Août 24th, 2010, 9:55 am

C'est l'URL de ma page:

DCTEST (dot) Weber (dot) edu / CustomPages / ucui / indextest (dot) php

Désolé pour tous les points. Je ne peux pas envoyer des URLS encore, la cause Im un débutant. Voyez comment sa appuyant sur le bureau vers le bas. Im ayant un enfer ou un temps à essayer de corriger la chose.
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Août 25th, 2010, 5:33 am

http://dctest.weber.edu/custompages/ucui/indextest.php...Firefox ne peut trouver le serveur à dctest.weber.edu....?
Let's leave all our *plum* where it is and go live in the jungle ...
  • Howdy_McGee
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juin 22, 2010
  • Messages: 16
  • Status: Offline

Message Août 25th, 2010, 6:14 am

Ouais, le Web ne fonctionne pas. Mais je veux dire que vous pourriez négative margin-il ING.

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 7 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 97 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC