Pie

nolfar · 8 Oct 2009, 14:27 · Solicitar retirada

en la web de EJEMPLO del curso CCTW, nos pusieron un pie con 3 apartados (pieuno, piedos y pietres), ¿os acordais?

Bien, al traspasar dicha plantilla para crear mi propia web, he puesto un FORMULARIO y me está atravesando la zona del PIE.

Ahora no recuerdo pero, ¿le dimos un tamaño determinado al pie? Es que no se porque, pero no se me va bajando dicha zona a medida que amplío el contenido de la web, sino que se queda en el mismo sitio y el contenido va traspasando el pie, quedando feísimo.

¿Qué hago :?: ?

Gracias.

elmenda · 8 Oct 2009, 16:44 · Solicitar retirada

Correcto.

Le dimos un height="75"

Revisa la hoja de estilos.css para modificar.

Un saludo.

nolfar · 9 Oct 2009, 11:34 · Solicitar retirada

Pues no :( , no es la altura del pie, al contrario, si amplío el hight del pie, se amplía su espacio, pero sigue quedando por debajo el formulario.

ha de ser al revés, el espacio del contenido ¿no?, necesito ampliar ese espacio para que me quepa el formulario dentro, y luego siga con el pie.
Voy a ver si le dimos un tamaño determinado al contenido....

nolfar · 9 Oct 2009, 11:45 · Solicitar retirada

Os pongo una impresión de pantalla para que veais como está de fea mi web ahora mismo, por el problema este del pie.

Como veréis me queda el pie entre medio del título y el formulario.

uixxx, no veo por donde insertar imagenes?????????????!!!!!!!!!!!!!! :?:

Os dejo también el index.html de la página.

INDEX.HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Bienvenido a la Web de ADRIANENCA</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a la Web de ADRIANENCA</div>
</div>
<div id="navegacion">
<ul>

Portada

Historia

Servicios

Presupuestos

Empleo

Links

Foro

</div>

<div id="contenido">

<!--<div id="menu">
<ul><h1>Presupuesto</h1>

Presupusto

Ofertas

CV
</div> -->

<h1>SOLICITA TU PRESUPUESTO</h1>

Para solicitarnos un presupuesto, por favor rellener
este formulario. Nuestro comercial se pondrá en contacto con Vd. en breve. Gracias.</p>
</br>

<div align="center" class="cuadro">
<font size="2" color="#003366">
<span class="casillas"><font color="#990000">
[Campos obligatorios marcados con*]</font></span></font>
<form action="presupuesto.php" enctype="multipart/form-data" method="post" name="presupuesto">
<table width="90%" border="0" cellspacing="0" cellpadding="5">
<tr><td><div align="right">
Nombre <font color="990000"> *</font></div></td><td width="52%"><div align="left"><input name="nombre" type="text" value="" class="casillas" size="20"/></div></td></tr>
<tr><td><div align="right">
Apellidos <font color="990000"> *</font></div></td><td width="52%"><div align="left"><input name="apellidos" type="text" value="" class="casillas" size="20"/></div></td></tr>
<tr><td><div align="right">
Empresa <font color="990000"> *</font></div></td><td width="52%"><div align="left"><input name="empresa" type="text" value="" class="casillas" size="20"/></div></td></tr>
<tr><td><div align="right">
Dirección <font color="990000"> *</font></div></td><td width="52%"><div align="left"><input name="direccion" type="text" value="" class="casillas" size="20"/></div></td></tr>
<tr><td><div align="right">
Ciudad - Cp <font color="990000"> *</font></div></td><td width="52%"><div align="left"><input name="ciudad-cp" type="text" value="" class="casillas" size="20"/></div></td></tr>
<tr><td><div align="right">
Província <font color="990000"> *</font></div></td><td width="52%"><div align="left"><input name="pronvincia" type="text" value="" class="casillas" size="20"/></div></td></tr>
<tr><td><div align="right">
Teléfono <font color="990000"> *</font></div></td><td width="52%"><div align="left"><input name="telefono" type="text" value="" class="casillas" size="20"/></div></td></tr>
<tr><td><div align="right">
Fax </div></td><td width="52%"><div align="left"><input name="fax" type="text" value="" class="casillas" size="12"/></div></td></tr>
<tr><td><div align="right">
E-mail <font color="990000"> *</font></div></td><td width="52%"><div align="left"><input name="e-mail" type="text" value="" class="casillas" size="20"/></td></tr>
<tr><td><div aligns"right">
TIPO:<font color="990000"> *</font></div></td><td width="52%"><div align="left"> Presupuesto <input type="radio" name="presupuesto" value="valor" />Información <input type="radio" name="informacion" value="valor" />Visita <input type="radio" name="visita" value="valor" /></td>
</tr>
<tr><td width="30%">
<div align="right">
¿Tiene actualmente contratada
una empresa de limpieza?
</div>
</td>
<td>
<div align="left">
<select name="te_proveidor" class="casillas">
<option selected>No</option>
<option>Si</option>
</select>
</div>
</td>
</tr>
<tr>
<td valign=top>
<div align="right">
<tr>
<td valign=top>
<div align="right">
Frecuencia necesaria*:

(* sólo para casos de limpieza de mantenimento)
</div>
</td>
<td valign=top>
<div align="left">

<select name="frecuencia_necessaria" id="select" class="casillas" title="">
<option value="">-</option>
<option value="SERVEI_PUNTUAL">es un servicio puntual</option>
<option value="FREQ_DIARIA">diaria</option>
<option value="FREQ_3X_SETMANA">3 x semana</option>
<option value="FREQ_2X_SETMANA">2 x semana</option>
<option value="FREQ_1X_SETMANA">1 x semana</option>
<option value="FREQ_1X_MES">1 x mes</option>
<option value="FREQUENCIA_ALTRES">otros</option>
</select>

</div>
</td>
</tr>
<tr><td><div align="right">
Comentarios </div></td><td><div align="left"><textarea name="comentarios" class="casillas" cols="50" rows="5"></textarea></div></td>
</tr>
<tr>
<td><div align="right">
<input name="Restablecer" type="reset" id="Restablecer" value="Restablecer">
</td>
<td><input name="Enviar" type="submit" id="Enviar" value="Enviar"></td>
</tr>
</form>
</div>

<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">publicidad</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web
</div>
</div>

<div id="curva-inferior"></div>
</div>
</body>
</html>

Yaneth · 9 Oct 2009, 16:40 · Solicitar retirada

te falta pasarnos el css

:wink:

nolfar · 10 Oct 2009, 21:03 · Solicitar retirada

ups, si:

Estilos:

* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify }
h1 {font-size: 1.2em; color:#0000CD ; font-weight: bold ; text-decoration: underline;
text-align: center}
h2 {font.size: 1.1em; color:#0000CD ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height: 85px ;
color: navy; font-size:1.3em ; text-decoration: none;font-family:futura; font-style:italic}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px }
#navegacion {background-color: #0000CD ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: #87CEFA ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px }
#menu {width: 150px ; float:left ;
text-align:left ; margin:3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ; padding-bottom:5px }
#menu li { list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; font-style:italic;
background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px }
#menu a{color:#0000CD; text-decoration:none; display: block}
#menu a:link{}
#menu a:visited{}
#menu a:hover{color:#FF0000; text-decoration:underline; background:aqua;}
#menu a:active{}
#pie {border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px;
background-color: white }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
a {color: #87CEFA; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover {color: red; text-decoration:underline ; background-color:silver }
a:active{}