Cita:
Iniciado por maycolalvarez 
el código CSS se recomienda colocarlo en un archivo *.css y vincularlo al HTML con el tag
<link rel="stylesheet" type="text/css" href="miarchivo.css" />
dentro del <head> (busca como vincular o añadir archivos css en html), o también puedes añadirlo directamente dentro de el tag
<style type="text/css">(código css)</style>
dentro del <head>
mmm, estoy tratando aver que pasa, pero no funciona, cual sera mi error?
estilo.css
Código CSS:
Ver original<style type:text/css>
#contenedor {
width: 700px;
}
#cabecera {
}
#menu {
float: left;
width: 150px;
}
#contenido {
float: left;
width: 550px;
}
#pie {
clear: both;
}
h1 {
color:red;
font-size:36px;
}
</style>
headerprueba.php
Código PHP:
Ver original<html>
<head>
<link rel
="stylesheet" type
="text/css" href
="estilo.css" media
="screen" /> </head>
<body>
<div id="cabecera">
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="170" colspan="4" align="center" valign="top"><div align="left"><img src="Imagenes/header.png" width="750" height="170" /></div></td>
</tr>
<tr valign="top">
<td width="33%" height="32" align="center" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','Imagenes/inicio2.png',1)"><img src="Imagenes/inicio.png" name="Image6" width="211" height="32" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Categorias','','Imagenes/categoria2.png',1)"></a></td>
<td width="33%" align="center" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Categorias','','Imagenes/categorias2.png',1)"><img src="Imagenes/categorias.png" name="Categorias" width="211" height="32" border="0" id="Categorias" /></a><a href="formulario.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contacto','','Imagenes/contacto2.png',1)"></a></td>
<td width="33%" height="32" align="center" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Buscar','','Imagenes/buscar2.png',1)"><img src="Imagenes/buscar.png" name="Buscar" width="211" height="32" border="0"></a> </td>
</tr>
<tr valign="top">
<td height="32" colspan="4" align="right" valign="middle" background="Imagenes/barra.png"><label></label></td>
</tr>
<tr valign="top">
<td height="19" colspan="4" align="center" valign="middle"><label></label></td>
</tr>
</table>
</div>
<div id="contenedor">
<!--contenido del marco principal con estilos CSS según estructura del layout y no lo cierro sino en el footer-->
menuprueba.php
Código PHP:
Ver original<h1>asdsdasd</h1>
<p>Menu de prueba</p>
<p>Prueba1</p>
<p>Prueba2</p>
<p>Prueba3</p>
mainprueba.php
Código PHP:
Ver original<?php
include("headerprueba.php");
?>
<div id="menu">
<?php incude("menuprueba.php"); ?>
</div>
<div id="contenido">
<h1>asddsaasddsa</h1>
<p>aver, ojala que ande loco, ojalaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </p>
</div>
<?php
include("footer.php");
?>
footer.php
Código PHP:
Ver original<!--contenido del marco principal con estilos CSS según estructura del layout ABIERTO EN EL header-->
</div>
<div id="pie">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaawe </div>
</body>
</html>
Esos son mis archivos, si me equivoco en algo por favor haganmelo saber :S Y Muchisimas gracias por todo el apollo :)
EDITO: Recien puse todo en un solo archivo y funciono :o Pero porque no funciona en archivos separados? :S
PD: Muchisimas gracias!!!
Edito2: Ahora voy a rearmar el codigo separado, porque ahora que me doy cuenta en el mainprueba.php tengo un <?php incude ("menurprueba.php"); ?>
Que error pavo :S Voy a probar ya les cuento!
Edito3: LISTOOOOOOOO, Lo hize! Muchisimas gracias por toda la ayuda may! De verdad muchas gracias :D