problema con bordes

hola genial su web...

mi problema es que no consigo que se vean los bordes en el navegador...
repeti los pasos 2 veces, y me gustaria que me den una mano. Voy a tratar de ser lo mas especifico posible para que se entienda lo que hise...

asi se ve en ie o mozilla:

[contenido no disponible]

oks y aca le dejo como es que deje mi hoja ""estilo-general.css":

* {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 }
#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 }
#menu {background-color: yellow ; width: 140px ; float:left ; text-align:left ; margin:4px 10px 8px 4px }
#contenido {background-color: orange ; width: auto }
#menu li { list-style:none ; margin: 4px 0px 4px 6px }
a {color: blue; font-size:1.3em ; text-decoration: none}
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}
#curva-superior { background-image: url(archivos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#curva-inferior { background-image: url(archivos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }

no me olvide de agregar
<div id="curva-superior"></div>
ni
<div id="curva-inferior"></div>
en sus lugares...(plantilla.html)

bueno realmente estoy con esta duda...

espero su respuesta gente que creen que hago mal???
saludos y nuevamente genial la web...


.:2-D:.
<div id="curva-superior"></div>
<div id="curva-inferior"></div>

hola esto puse entre los divs... es decir lo que dice el curso...

si la respuesta seria que entre esos divs debe ir [contenido no disponible]

esto quedaria asi no???:

<div id=img src=curva-superior></div>
si me estoy equivocando y quedaria de otra manera por favor decime como seria :wink:


gracias por tu respuesta espero poder solucionar con tu ayuda esto a la brevedad

.:2-D:.
#curva-superior { background-image: url(archivos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#curva-inferior { background-image: url(archivos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }

Una pregunta,, estás seguro que las imágenes se encuentran en una carpeta llamada "archivos" ?

Porque es asi como lo especificas :wink:

Saludoss :wink:
sisi gracias por tu respuesta

la cosa es que yo a la carpeta le puse archivos...
no es ese el problema...

mmmm no se muchachos espero mas sugerencias...

gracias de nuevo amigo

.:2-D:.
Pues uno de los problemas mas usuales con estas imagenes es la extencion del archivo es decir cuando lo subes la imagen cambia la extencion
ejemplo yo tengo mi imagen llamada pepito.gif, cuando la subo puede quedar asi: pepito.GIF las mayusculas son sensibles asi que prueba cambiar la extension de las imagenes a mayusculas o viseversa aver que sucede :wink:
ya me esta haciendo enojar esto...

no amigo cambiando la terminacion a mayuscula no puedo ni a minuscula...

gracias por la paciencia..

habra algo en el codigo que este mal?

.:2-D:.
Esto se esta poniendo complicado pues revise los codigos y estan exactamente igual...

#curva-superior { background-image: url(objetos/curva-superior.gif);
background-repeat: no-repeat ;
border: #8B4513 1px solid;
width: 800px ;
height:12px ;
overflow: hidden }

asi lo tengo yo... i me sale todo bien...

subiste los archivos?
tienen el nombre correcto las imagenes?
#curva-superior { background-image: url(archivos/curva-superior.gif.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#curva-inferior { background-image: url(archivos/curva-inferior.gif.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }

Intenta agregando lo verde ; tal vez le pusiste "curva-superior.gif" de nombre al guardarla,, y al agregar la extension real te quedó "curva-superior.gif.gif"
no muchachos...
me resigne ya fue empiezo de nuevo un poco enojado pero bue que va a ser...

gracias por todos sus comentarios y ayuda...

comienzo de 0 otra vez...

un saludo

.:2-D:.
Gracias a todos los que me ayudaron por su tiempo y paciensia!

el tema esta arreglado!
lo que hise fue colocar de nuevo las imagenes copiar todos sus codes nuevamente, y subir todo de nuevo...

no se que fue lo que ocurrio la anterior vez pero bueno...

un saludon a todso y gracias por su ayuda, en breves seguramente tendran noticias mias jaja!

tema respondido, y solucionado si lo creen necesario tienen mi permiso para cerrar y borrar, o como gusten saludos amigos!


.:2-D:.