Holaa !!!.. quisiera por favor que me ayudarán a poder encuadrar bien el tema de "Redondear esquinas", no sé cuál es mi error, pero no queda muy bien encuadrado con el fondo, no es como el ejemplo que dan en El Curso Paso a Paso, aquí les paso los códigos.
estilo-general.css
* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-aligm:justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; 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}
#logotipo {background-color: withe ; width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size:16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 0px 10px ; text-indent: 15px }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior-1.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 ; padding-top:12px ; background-image: url(objetos/menu-parte-superior-1.gif) }
#pie {border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;
heigth:65px }
#pieuno {float:left ; width:150px }
#piedos {background-color: silver ; 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: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
plantilla.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</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">[img]objetos/logotipo.gif[/img]</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>Historia del Grupo</h1>
<ul>[*]ENLACE 1[*]ENLACE 2[*]ENLACE 3[*]ENLACE 4[/list]</div>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>ESTE ES MI TERCER PARRAFO</h2>
kasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofk kasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofk kasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofk kasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofkkasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofkkasjdfisejfcnsdjnvsrjgfisdv xmcvk mfogjdfpopbgkfpbv fjkopsdfb ofk</p>
</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>
Citar
Marcadores