Tengo un problema con las imagenes gif, dado que no se muestran. Para colocar el fondo tuve problemas, dado que no se muestran, solo me funciono con la del ejemplo fondo.png, los bordes no se muestran. Este es mi código:
Html
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-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">
En la Hoja de Estilos:
* {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; 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 }
#pie { background-color: white; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid }
curva-inferior { background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:800px; height: 12px; overflow: hidden }
#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 }
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}
No se que sucede!!!!! Ayuda por favor!!!
Html
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-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">
En la Hoja de Estilos:
* {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; 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 }
#pie { background-color: white; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid }
curva-inferior { background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:800px; height: 12px; overflow: hidden }
#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 }
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}
No se que sucede!!!!! Ayuda por favor!!!