Diseño + link a otra web

NaRanJiTo78 · #1 (**permalink**) 11/03/2009, 10:13

Hola!

Me gustaría saber si puedo hacer lo siguiente:

Sin utilizar frames, hacer un diseño en la parte de arriba de la web, para entendernos, una cabecera, y en la parte de abajo un link que redirecciona a un buscador de vehículos.

Pongo el siguiente ejemplo para ver si me podeis ayudar:

http://www.jarmautocasion.com

Es un diseño anticuado que además utiliza frames, yo quiero hacer la renovación y no utilizar frames en el mismo site, es posible?

Muchas gracias

[NiRVaNa] · #2 (**permalink**) 11/03/2009, 12:34

Particularmente, no entiendo lo que necesitas... porque la pagina que mostraste no se maneja de esa forma. Usa frames, si. Pero solo para mantener constante la direccion en la URL... (por lo menos asi lo veo yo) Pero por lo demas el contenido de la pagina, con el buscador es una sola cosa (un solo HTML).

Salu2.

NaRanJiTo78 · #3 (**permalink**) 13/03/2009, 04:59

Pero, se puede hacer una cabecera y abajo otra página, sin ser un frame?

En el caso de que tenga que ser con ser un frame, como se escribe el código en el body exactamente (El link a la otra web)??

No se si me estoy explicando correctamente...

codig0 · #4 (**permalink**) 13/03/2009, 05:16

Hola,

Claro que se puede y se debe hacer con capas... de esta forma por ejemplo:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es-ES">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Hola mundo!</title>
	<style type="text/css">
body,html {
margin:0px;
padding:0px;
font-size:12px;
font-family:arial,verdana;
height:100%;
color:#999999;
background:#FFFFFF;
}

#contenedor {
width:780px;
margin:auto;
min-height:100%;
height: auto!important;
height:100%;
}

#header {
width:780px;
}

#contenido {
width:780px;
float:left;
}

#pie {
width:90%;
margin:auto;
margin-top:30px;
padding-top:10px;
text-align: center;
border-top:solid 1px #E1E1E1;
color: #999999;
height: 30px;
clear:both;
font-size:12px;
}
	
	</style>
</head>
<body>

<div id="contenedor">

<div id="header"><h1>Cabecera de la web</h1></div>

<div id="contenido">contenido de la web</div>

</div>

<div id="pie">Pie de p&aacute;gina</div>

</body>
</html>

es un simple ejemplo, de todas formas en google encontrarás mil ejemplos mejores que el mio, más completos etc...