Buenas!!
Bueno, después de estar muuuuuchas horas practicando, creo que voy mejorando algo. Jejejeje.
De momento, creo tener todo "correcto" menos lo del asunto.. los malditos bordes de las diferentes capas.
Aquí os dejo el index:
Y este es el código css:
El contenido de la capa menu, está muy pegado al final de la capa, eso lo acabo de anotar ahora para repararlo en breve.. un error entre los muchos que no encuentro aún. jejej
[contenido no disponible]
Como veis en la imagen, los bordes superiores no están retocados.. tengo que aumentarlos para 1024.
Cualquier ayuda sobre esto y cualquier problema que vean, será muy bien recibida.
p.d. Por cierto, ya arreglé el problema de los dos menús.. o eso creo. jejeej.
Gracias!!
Bueno, después de estar muuuuuchas horas practicando, creo que voy mejorando algo. Jejejeje.
De momento, creo tener todo "correcto" menos lo del asunto.. los malditos bordes de las diferentes capas.
Aquí os dejo el index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>PinKiPlanKa SiTe</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">
<a href="index.html">
[img]objetos/logotipo.gif[/img]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
[*]Sección 1
[*]Sección 2
[*]Sección 3
[*]Sección 4
[/list]
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<?php
include("test1.php");
?>
</div>
<div id="menud">menud</div>
<div id="noticias">
<?php
include("noticias.php");
mostrar();
?>
</div>
</div>
<div id="pie">
<div id="pieuno">
<ul>[*]Foro Ejemplo[*]Contactos[*]Nos Enlazan[/list]
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
[*]Directorio
[*]TopSite
[*]Mapa de la Web
[/list]
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>Y este es el código css:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
* {margin:0px ; padding:0px ; border: 0px}
body{text-align:center}
#global {width:1024px ; margin: 4px auto ; }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; width:1024px ; background-repeat: no-repeat ;
width:1024px ;
height: 12px ;
overflow : hidden }
#cabecera { background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height:85px }
#logotipo {background-color: white ; width:315px ; float:left}
#publicidad {background-color: pink ; width:706px; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; ; margin: 0px 5px 0px 15px }
#navegacion ul { margin-left: 200px }
#contenido {background-color: orange ; width: 1024px ; float:left ; border-bottom:black 1px solid; border-left:black 1px solid; border-right:black 1px solid }
#menu {background-color: yellow; width: 150px ; float:left; text-align:left ; margin: 12px 0px 0px 10px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom }
#menu h1 { font-size:9px ; text-align:center ; background-image: url(objetos/menu-parte-superior.gif) }
#menud {background-color: red; width: 150px ; float:right ; text-align: center ; margin: 12px 10px 0px 0px}
#noticias {background-color: orange; width: 480px ; float:right; text-align: center ; margin: 12px 160px 0px 0px}
#pie {background-color: white ; border: black 1px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {background-color: brown ; float:left ; width:149px ; }
#piedos {background-color: green ; float:left ; width:722px ; background-color: silver }
#pietres {background-color: red ; float:left ; width:148px ; }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:1024px ;
height: 15px ;
overflow: hidden }El contenido de la capa menu, está muy pegado al final de la capa, eso lo acabo de anotar ahora para repararlo en breve.. un error entre los muchos que no encuentro aún. jejej
[contenido no disponible]
Como veis en la imagen, los bordes superiores no están retocados.. tengo que aumentarlos para 1024.
Cualquier ayuda sobre esto y cualquier problema que vean, será muy bien recibida.
p.d. Por cierto, ya arreglé el problema de los dos menús.. o eso creo. jejeej.
Gracias!!