Volver al Foro de Diseño de páginas Web

Cuestiones Formulario etiqueta

  • brittagyrl
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Nov 21, 2008
  • Mensajes: 32
  • Loc: Ogden, Utah
  • Status: Offline

Nota Agosto 18th, 2010, 10:02 am

Hola a todos,

He creado esta página para mi empleador y estoy teniendo algunos problemas de espacio con la etiqueta extraña forma. Se está creando una ridícula cantidad de espacio que me parece que no puede corregir. Puedo enviar la dirección URL en un mensaje privado si le gustaría ver exactamente lo que quiero decir. Aquí está el código actual que estoy usando.

Código: [ 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--->


Y este es mi CSS correspondiente para esto:
Código: [ 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. }


¿Puede alguien ayudarme? Leí en alguna parte que cierre de la etiqueta tiene que estar directamente encima del cuerpo de la etiqueta de cierre, pero eso también lo intenté y no hizo nada.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Agosto 18th, 2010, 10:02 am

  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8925
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Agosto 18th, 2010, 3:41 pm

De acuerdo a su #div formar su haber la parte superior se especifica en 60px que hacerle empezar 60 píxeles desde la parte superior. ¿Qué tipo de espacio entre los problemas tiene? ¿Podría ser eso? Siéntase libre de enviarme la dirección a través de AM.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 11, 2005
  • Mensajes: 1828
  • Loc: In the Great White North
  • Status: Offline

Nota Agosto 22nd, 2010, 1:27 pm

Yo recomiendo usar un restablecimiento CSS (como Esta ) Para limpiar toda la estructura de elemento de formulario y te empiezan desde cero. El problema es que cada navegador tiene algunos estilos por defecto que se aplica a elementos de forma a menos que específicamente diga que no a él. Y, por supuesto, el kicker es que todos los navegadores por defecto tienen un poco diferente por lo que su pena para matar el efecto.

Id intente implementar un restablecimiento y ver si esto empieza a resolver el problema.
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 Usuario
  • Registrado: Nov 21, 2008
  • Mensajes: 32
  • Loc: Ogden, Utah
  • Status: Offline

Nota Agosto 24th, 2010, 9:54 am

Gracias chicos. Todavia estoy trabajando en esto. El 60 px en el CSS del formulario es solo para colocarlo en su lugar en la img de cabecera. Es necesario que los bajos de la parte superior de la página, pero aún así tuvieron que todo lo demás a su alrededor a cero relleno, márgenes, etc

Mi jefe dijo algo acerca de cómo crear un ID de CSS dentro de la etiqueta Formulario de sí mismo? ¿Sabe usted algo sobre esto?

¿Crees que sería mejor sólo para usar una forma SPRY?
  • brittagyrl
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Nov 21, 2008
  • Mensajes: 32
  • Loc: Ogden, Utah
  • Status: Offline

Nota Agosto 24th, 2010, 9:55 am

Esta es la URL de mi página:

dctest (punto) weber (dot) edu / custompages / ucui / indextest (punto) php

Perdón por todos los puntos. No puedo enviar URLs, sin embargo, causa Im un novato. Vea como su empuje hacia abajo de la mesa. Im teniendo un infierno o un tiempo tratando de arreglar eso.
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de Usuario
  • Registrado: Mar 12, 2007
  • Mensajes: 6228
  • Loc: South-Africa
  • Status: Offline

Nota Agosto 25th, 2010, 5:33 am

http://dctest.weber.edu/custompages/ucui/indextest.php...Firefox no puede encontrar el servidor en dctest.weber.edu....?
Let's leave all our *plum* where it is and go live in the jungle ...
  • Howdy_McGee
  • Novice
  • Novice
  • No Avatar
  • Registrado: Jun 22, 2010
  • Mensajes: 16
  • Status: Offline

Nota Agosto 25th, 2010, 6:14 am

Si la dirección no está funcionando. Pero quiero decir que podría negativos margin-dola.

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 7 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 178 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC