Buenas ante todo agredeceros, el compartir vuestros conocimientos, ya que estoy aprendiendo y mucho, muchas gracias de verdad, pero tengo un pequeño problema que es el siguiente:
En la parte de redondear la esquina superior me ocurre lo siguiente, sigo todos los pasos y no me muestra la imagen el codigo de la plantilla es el siguiente:
<!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"></divx>
<div id ="cabecera"> Bienvenidos a mi Web </div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
Elemento de lista,1 Elemento de lista,2 Elemento de lista,3
</div><h1> Esta sera la zona principal de la web</h1><h2>hola espero que esto sea mas que suficiente ya que se me acaba la hoja que rollo</h2>
sigo escribiendo como si nada y esto se hace cada vez mas y mas grande que chulis</p></div>
<div id="pie">Esta es el pie de página</div>
</div>
</body>
</html>
Y el codigo de la hoja de estilos este:
*{text-indent:0px ; margin:0px;padding:0px;border:0px}
body {text-align:center}
#global{ width:800px;margin:4px auto}
#curva-superior { background-image: url(Objetos/curva-superior.gif) ; background-repeat: no-repeat }
#cabecera {background-color:pink ; border-left:black 1px solid; border-right:black 1px solid ; border-top: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}
h1 {font-size:1.2em;color:blue ; font-weight:bold ; text-decoration:underline ; text-align:center}
h2 {font-size:1.2em;color:blue ; font-weight:bold ; text-decoration:none ; text-align:center}
#contenido p {padding: 5px 10px 5px 10px ; text-indent:15px}
p{text-align:justify}
#menu {background-color:yellow ; width:150px;float:left ; text-align:left; margin:3px 10px 3px 3px}
a {color: brown ; text-decoration:none ; display:block }
a:link{}
a:visited{}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active{}
#pie {background-color:brown; border:black 1px solid}
#menu li { list-style:none ; margin:4px 0px 4px 6px
La carpeta objetos me la cree como Objetos y no en minuscula aun asi no me coge la imagen y no se porque me podeis ayudar por favor?
En la parte de redondear la esquina superior me ocurre lo siguiente, sigo todos los pasos y no me muestra la imagen el codigo de la plantilla es el siguiente:
<!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"></divx>
<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><h2>hola espero que esto sea mas que suficiente ya que se me acaba la hoja que rollo</h2>
sigo escribiendo como si nada y esto se hace cada vez mas y mas grande que chulis</p></div>
<div id="pie">Esta es el pie de página</div>
</div>
</body>
</html>
Y el codigo de la hoja de estilos este:
*{text-indent:0px ; margin:0px;padding:0px;border:0px}
body {text-align:center}
#global{ width:800px;margin:4px auto}
#curva-superior { background-image: url(Objetos/curva-superior.gif) ; background-repeat: no-repeat }
#cabecera {background-color:pink ; border-left:black 1px solid; border-right:black 1px solid ; border-top: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}
h1 {font-size:1.2em;color:blue ; font-weight:bold ; text-decoration:underline ; text-align:center}
h2 {font-size:1.2em;color:blue ; font-weight:bold ; text-decoration:none ; text-align:center}
#contenido p {padding: 5px 10px 5px 10px ; text-indent:15px}
p{text-align:justify}
#menu {background-color:yellow ; width:150px;float:left ; text-align:left; margin:3px 10px 3px 3px}
a {color: brown ; text-decoration:none ; display:block }
a:link{}
a:visited{}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active{}
#pie {background-color:brown; border:black 1px solid}
#menu li { list-style:none ; margin:4px 0px 4px 6px
La carpeta objetos me la cree como Objetos y no en minuscula aun asi no me coge la imagen y no se porque me podeis ayudar por favor?