Hola. Veran, estoy haciendo esto de lso bordes redondeados, he hehco todo tal y como esta en las lecciones, pero al momento de subir todo al servidor, cuando intento ver como quedo todo en varios exploradores(opera, internet explorer, firefox, safari) en ninguno se ven las imagenes de los bordes, excepto en internet explorer, en ese si se ven. A continuacion les pongo el codigo del estilo general y el de la plantilla.html:
//////////////////////////////////////Estilo general\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#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: 1px black solid; border-right: 1px black solid}
#pie {background-color: white; border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid}
#global {width:800px ; margin: 4px auto }
#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-color: silver}
a: active {}
p{text-align: justify}
#contenido p{padding: 5px 10px 5px 10px; text-indent: 15px}
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}
#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; height: 12px; overflow: hidden}
///////////////////////////////////////Plantilla\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>plantilla</title>
</head>
<body>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<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 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>Y este es el tercer párrafo</h2>
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
///////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
Para quienes quieran comprobar, actualmente se encuentran en linea los archivos tal como son, pueden comprobarlo ustedes mismos:
La url es: http://www.aprendiendoaprogramar.netii.net/plantilla.html
//////////////////////////////////////Estilo general\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#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: 1px black solid; border-right: 1px black solid}
#pie {background-color: white; border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid}
#global {width:800px ; margin: 4px auto }
#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-color: silver}
a: active {}
p{text-align: justify}
#contenido p{padding: 5px 10px 5px 10px; text-indent: 15px}
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}
#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; height: 12px; overflow: hidden}
///////////////////////////////////////Plantilla\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>plantilla</title>
</head>
<body>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<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 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>Y este es el tercer párrafo</h2>
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
///////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
Para quienes quieran comprobar, actualmente se encuentran en linea los archivos tal como son, pueden comprobarlo ustedes mismos:
La url es: http://www.aprendiendoaprogramar.netii.net/plantilla.html