Muy bueno su curso y tutoriales
estoy practicando con los ejemplos que ustedes ponen, usando el htmkit en las vistas previas lo veo como debe, cuando lo veo en la web usando firefox no se ven las curvas superior ni inferior, en cambio en el explorer se ven
mauchas gracias por su ayuda
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">Bienvenidos a mi web</div>
<div id="navegacion">Barra de navegación</div>
<div id="contenido" >
<div id="menu">
<ul>
elemento de lista, 1 elemento de lista, 2 elemento de lista, 3</div>
<h1> Esta será la zona principal de la web</h1></p>
Este es mi segundo parrafo, estoy probando como se comporta el texto en la pagina principal</p>
<h2>Este es mi tercer parrafo,</h2> como veo todavia estoy aprendiendo de jorgens en leccion dando margenes al texto </p>
finalmete no se que mas poner este es mi cuarto parrafo y se me ocurre recoradrme donde aprendi esto en http://www.comocreartuweb.com</p> </div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
estilo general css
*{margin:0px; padding:0px ; border:0px}
#cabecera {background-color:white ;border-left:black 1px solid ; border-bottom: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 ;}
p {text-align:justify}
#contenido p{padding:5px 10px 5px 10px ;text-indent: 15px}
#pie {background-color: white ; border-left:black 1px solid ;border-right:black 1px solid ; border-top:black 1px solid}
#global {width:800px ; margin:4px auto}
body {text-align:center}
#menu {background-color:yellow ;width:150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu li{list-style:none ;margin:4px 0px 4px 6px}
a {color:brown ; text-decoration:none ; display:block}
a:link{}
a:visited{}
a:hover{color:red ; text-decoration:underline ; background:silver}
a:active{}
h1 { font-size:1.4em ; color:blue ; font-weight:bold ; text-decoration:underline ; text-align:center}
h2 { font-size:1.1em ; color:blue ; font-wehght:bold ; text-decoration:none}
#curva-superior {background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat ;width:800px ; height:12px ; overflow:hidden}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat ;width:800px ; heigth:12px ; overflow:hidden}
:oops: :oops:
estoy practicando con los ejemplos que ustedes ponen, usando el htmkit en las vistas previas lo veo como debe, cuando lo veo en la web usando firefox no se ven las curvas superior ni inferior, en cambio en el explorer se ven
mauchas gracias por su ayuda
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">Bienvenidos a mi web</div>
<div id="navegacion">Barra de navegación</div>
<div id="contenido" >
<div id="menu">
<ul>
<h1> Esta será la zona principal de la web</h1></p>
Este es mi segundo parrafo, estoy probando como se comporta el texto en la pagina principal</p>
<h2>Este es mi tercer parrafo,</h2> como veo todavia estoy aprendiendo de jorgens en leccion dando margenes al texto </p>
finalmete no se que mas poner este es mi cuarto parrafo y se me ocurre recoradrme donde aprendi esto en http://www.comocreartuweb.com</p> </div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
estilo general css
*{margin:0px; padding:0px ; border:0px}
#cabecera {background-color:white ;border-left:black 1px solid ; border-bottom: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 ;}
p {text-align:justify}
#contenido p{padding:5px 10px 5px 10px ;text-indent: 15px}
#pie {background-color: white ; border-left:black 1px solid ;border-right:black 1px solid ; border-top:black 1px solid}
#global {width:800px ; margin:4px auto}
body {text-align:center}
#menu {background-color:yellow ;width:150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu li{list-style:none ;margin:4px 0px 4px 6px}
a {color:brown ; text-decoration:none ; display:block}
a:link{}
a:visited{}
a:hover{color:red ; text-decoration:underline ; background:silver}
a:active{}
h1 { font-size:1.4em ; color:blue ; font-weight:bold ; text-decoration:underline ; text-align:center}
h2 { font-size:1.1em ; color:blue ; font-wehght:bold ; text-decoration:none}
#curva-superior {background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat ;width:800px ; height:12px ; overflow:hidden}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat ;width:800px ; heigth:12px ; overflow:hidden}
:oops: :oops: