Foros del Web » Creando para Internet » CSS »

duda con lista <li> sobre maquetacion

Estas en el tema de duda con lista <li> sobre maquetacion en el foro de CSS en Foros del Web. que tengo una lista de un formulario y quiero poner el titulo de cada campo en una linea y el cuadro de texto debajo y ...
  #1 (permalink)  
Antiguo 08/12/2010, 12:14
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
duda con lista <li> sobre maquetacion

que tengo una lista de un formulario y quiero poner el titulo de cada campo en una linea y el cuadro de texto debajo y no se como hacerlo e probado cosas con css pero no me sale os dejo el codigo tal cual lo tengo para haber si me podeis ayudar

Código:
<p>Formulario de ingreso de nueva pelicula</p>
<form action="crearpeli.php" method="post" enctype="multipart/form-data"> 
<ul>
<li>	Titulo: <input type="text" name="titulo" id="titulo" size="60" value="<?php if (isset($_SESSION['titulo'])) echo htmlentities($_SESSION['titulo']); ?>"/></li>

<li>	año: <input type="text" name="ano" id="ano" size="4" value="<?php if (isset($_SESSION['ano'])) echo htmlentities($_SESSION['ano']); ?>"/></li>
<li>	Director: <input type="text" name="director" id="director" size="26" value="<?php if (isset($_SESSION['director'])) echo htmlentities($_SESSION['director']); ?>"/></li>
<li>Genero:<select size="1" name="genero" id="genero"  value="<?php if (isset($_SESSION['genero'])) echo htmlentities($_SESSION['genero']); ?>">
<option value="">Elegir genero</option>
  <option value="accion">accion</option>
  <option value="adolescente">adolescente</option>
  <option value="animacion">animacion</option>
  <option value="infantil">infantil</option>
  <option value="artesmarciales">artes marciales</option>
  <option value="aventura">aventura</option>
    <option value="belico">belico</option>
  <option value="biografia">biografia</option>
    <option value="cienciaficcion">ciencia ficcion</option>
  <option value="cinenegro">cine negro</option>
    <option value="comedia">comedia</option>
  <option value="cortometrajes">cortometrajes</option>
    <option value="deporte">deporte</option>
  <option value="drama">drama</option>
    <option value="fantastico">fantastico</option>
  <option value="historico">historico</option>
    <option value="intriga">intriga</option>
  <option value="musical">musical</option>
    <option value="policiaca">policiaca</option>
  <option value="romance">romance</option>
    <option value="suspense">suspense</option>
  <option value="terror">terror</option>
    <option value="thriller">thriller</option>
  <option value="western">western</option>
 
 </select>
 </li>
 <li>Calidad:<select size="1" name="calidad" id="calidad" value="<?php if (isset($_SESSION['calidad'])) echo htmlentities($_SESSION['calidad']); ?>">
<option value="">Elegir calidad</option>
  <option value="dvd">dvd</option>
  <option value="dvdrip">dvdrip</option>
  <option value="dvdscreener">dvdscreener</option>
  <option value="tsscreener">tsscreener</option>

 </select>
 </li>
 
 <li>Idioma:<select size="1" name="idioma" id="idioma" value="<?php if (isset($_SESSION['idioma'])) echo htmlentities($_SESSION['idioma']); ?>">
<option value="">Elegir idioma</option>
  <option value="español">español</option>
  <option value="ingles">ingles</option>
  <option value="latino">latino</option>
 </select>
 </li>
 <li>Comentarios:

<textarea cols="30" rows="7" name="comentario" id="comentarios"  value="<?php if (isset($_SESSION['comentario'])) echo htmlentities($_SESSION['comentario']); ?>"> </textarea>	
</li>

<li> Archivo: <input name="fichero" type="file" size="60" maxlength="100"></li>
<li><input type="submit" name="enviar" value="Enviar" id="boton"  /></li>

</ul>
</form>
css:

Código:
#contenidoformulario{width:960px; height:auto; margin:0 auto;}

#contenidoformulario ul li{ list-style-type:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:35px; vertical-align:text-top;}

/*#contenido formulario li { vertical-align:text-top;}*/

#titulo {vertical-align:sub; pading-top:60px;}
  #2 (permalink)  
Antiguo 08/12/2010, 18:42
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: duda con lista <li> sobre maquetacion

Te refieres a que el texto quede arriba y abajo de este, quede el input??

como el siguiente ejemplo:

Nombre:
|===aqui escribira el usuario su nombre===|

Si es asi hay dos opciones.
en tu HTML pon un brinco.

Código HTML:
Ver original
  1. Nombre<br /> <input type="text" name="algo" id="algo" value="algo" />

o el segundo es metiendo el nombre en un div, y asi tambien podrias aplicarle algun estilo (estando en un div, automaticamente da el salto)
Código HTML:
Ver original
  1. <div id="txtname">Nombre:</div><div id="inpname"><input type="text" name="algo" value="algo" /></div>

aqui un formulario http://www.html09.freeiz.com
Saludos.
  #3 (permalink)  
Antiguo 08/12/2010, 18:52
Avatar de visitante28  
Fecha de Ingreso: julio-2009
Ubicación: Black Stone City
Mensajes: 128
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: duda con lista <li> sobre maquetacion

tambien puedes ponerlo como asi . .

<p>titulo</p>
<input>

Etiquetas: lista, maquetacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:29.