hola gente soy nuevo en esto del html, lamento molestar con mi pregunta quiza un poco tonta pero me esta quemando la cabeza no poder ver en la vista previa de la plantilla.html los bordes redondeados bien alineados con el contenido de la pag...creo haber hecho todo tal cual pero paso a mostrarles mi hoja de estilos...
*{text-indent:0px ;margin:0px ;padding:0px ;border:0px}
body {text-align:center}
#global {whidth: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}
#navegacion {background-color:gray ; border:black 1px solid}
#contenido {background-color:orange ; border-left:black 1px solid ; border-right:black 1px solid}
#contenido p {padding:5px 10px 5px 10px ; text-indent:15px}
#menu {background-color:yellow ;whidth:150px ; float:left ;text-align:left ;margin:3px 10px 3px 3px ;border:black 1px solid}
#menu li {list-style:none ; margin:4px 0px 4px 6px}
#pie {background-color:white ; border-top:black 1px solid ;border-left:black 1px solid ;border-right:black 1px solid}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ;background-repeat:no-repeat ;widht:800px ;height:12px ;overflow:hidden}
a {color:brown ; font-size:1.0em ; text-decoration:none ; display:block}
a:link {}
a:visited {color:red ; text-decoration:underline}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
p {text-align:justify}
h1 {font-size:1.2em ; color:blue ; font-weight:bold ; text-decoration:underline ; text-aling:center;}
h2 {font-size:1.1em ; color:blue ; font-weight:bold ; text-decoration:none ; text-aling:center}
y esta es mi plantilla...
<!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">Bienvenidos a mi web.</div>
<div id="navegacion">Barra de Navegacion.</div>
<div id="contenido">
<div id="menu"
<ul>
Enlace 1 Enlace 2 Enlace 3
</div>
<h1>Esta sera la zona pricipal de la web</h1>
este es mi primer parrafo en una pag web y la concha de tu hermana
jancjn ñan ak nmañkn ñan an nñ nñnn qdunwen fjin ibn hibaub bnbil q b</p>
<h2>Este es el segundo parrafo</h2>
lkasjancñjnaeaqncqiwqèwqìaqckma´ kia ca´mcàijw m´kcma´a ac jaidwj `ma´ckm ia
klajsdaj opijakjaijd aaski daidjkm skjdajsdasdkjasñdijadlakmdñ ki qq jiasjdk aj
añj ñajdiajs dasjdñaijd jasdijañk msn slajd ñajdj qnñnoñfn ñqnñ jdfñ nñajn ñqenw
bnilhald nbqbd lib xc hqnejqrnqalñ chue ajiueh jacfnkjnacñawejnñ jn ñapd ñnqn nd</p>
</div>
<div id="pie">Este sera el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
la verdad que nose porque no se encuadran...lei temas aca pero mi problema no es con la visualizacion ya que veo las 2 imagenes a la perfeccion de ambos bordes pero como ya dije los veo en la vista previa de la plantilla desencuadrados...
espero puedan ayudarme a resolver el problema...saludos y desde ya muchas gracias por adentrarnos en el mundo del html...
*{text-indent:0px ;margin:0px ;padding:0px ;border:0px}
body {text-align:center}
#global {whidth: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}
#navegacion {background-color:gray ; border:black 1px solid}
#contenido {background-color:orange ; border-left:black 1px solid ; border-right:black 1px solid}
#contenido p {padding:5px 10px 5px 10px ; text-indent:15px}
#menu {background-color:yellow ;whidth:150px ; float:left ;text-align:left ;margin:3px 10px 3px 3px ;border:black 1px solid}
#menu li {list-style:none ; margin:4px 0px 4px 6px}
#pie {background-color:white ; border-top:black 1px solid ;border-left:black 1px solid ;border-right:black 1px solid}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ;background-repeat:no-repeat ;widht:800px ;height:12px ;overflow:hidden}
a {color:brown ; font-size:1.0em ; text-decoration:none ; display:block}
a:link {}
a:visited {color:red ; text-decoration:underline}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
p {text-align:justify}
h1 {font-size:1.2em ; color:blue ; font-weight:bold ; text-decoration:underline ; text-aling:center;}
h2 {font-size:1.1em ; color:blue ; font-weight:bold ; text-decoration:none ; text-aling:center}
y esta es mi plantilla...
<!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">Bienvenidos a mi web.</div>
<div id="navegacion">Barra de Navegacion.</div>
<div id="contenido">
<div id="menu"
<ul>
</div>
<h1>Esta sera la zona pricipal de la web</h1>
este es mi primer parrafo en una pag web y la concha de tu hermana
jancjn ñan ak nmañkn ñan an nñ nñnn qdunwen fjin ibn hibaub bnbil q b</p>
<h2>Este es el segundo parrafo</h2>
lkasjancñjnaeaqncqiwqèwqìaqckma´ kia ca´mcàijw m´kcma´a ac jaidwj `ma´ckm ia
klajsdaj opijakjaijd aaski daidjkm skjdajsdasdkjasñdijadlakmdñ ki qq jiasjdk aj
añj ñajdiajs dasjdñaijd jasdijañk msn slajd ñajdj qnñnoñfn ñqnñ jdfñ nñajn ñqenw
bnilhald nbqbd lib xc hqnejqrnqalñ chue ajiueh jacfnkjnacñawejnñ jn ñapd ñnqn nd</p>
</div>
<div id="pie">Este sera el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
la verdad que nose porque no se encuadran...lei temas aca pero mi problema no es con la visualizacion ya que veo las 2 imagenes a la perfeccion de ambos bordes pero como ya dije los veo en la vista previa de la plantilla desencuadrados...
espero puedan ayudarme a resolver el problema...saludos y desde ya muchas gracias por adentrarnos en el mundo del html...