problema con menu navegación

hola a todos,
no consigo estrechar la barra de navegación : cuando lo intento se me deforma todo y se me sube arriba el div del pie de pagina, porqué? alguien me puede ayudar?

aqui os pongo la hoja de estilo, muchísimas gracias


body {text-align: center}
#cabecera {background-color: #FFE4C4 ;background-image: url(objetos/imaindex6.gif) ; border-left: brown 1px solid ; border-right: brown 1px solid ; border-top: brown 1px solid ; padding:20px 0px 40px 0px}
#navegacion {background-color: #FFDAB9;border: 1px solid brown ; height:45px}
#contenido {background-color: #FFFACD; float:left; border-left: brown 1px solid ; border-right: brown 1px solid; border-bottom: brown 1px solid}
#contenido p {padding: 5px 10px 5px 10px}
#pie {background-color: #FFDAB9;border-bottom: brown 1px solid; border-left: brown 1px solid; border-right: brown 1px solid}
#global {width:1000px ; margin: 0px auto }
#menu {background-color:#FFE4C4 ; width: 140px ; float:left ;text-align:left ; margin:0px 10px 0px 0px ; border-right: brown 1px solid}
#menu li { list-style:none ; margin: 40px 0px 0px 0px}
#menu ul {padding-left: 25px}
a {color:brown ; text-decoration:none; display: block ; font-family:apple chancery; font-size: 18px}
a:link {}
a:visited {}
a:hover {color:#FF8C69; text-decoration:underline}
a:active {}
p {text-align: justify}
h1 {font-size: 1.5em; color:brown ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.6em; color:brown ; font-weight: bold ; text-decoration: none ; text-align: center}
#navegacion li {float:left; list-style:none ; margin: 0px 30px 0px 60px }
#navegacion ul { margin-left: 90px}

body {background-color: #FFFACD}

ya lo subiste???

danos la url para verlo

saludos

http://lumieparalumi.myartsonline.com/

..como dije antes, no consigo estrechar la barra de navegación porque el pie de pagina se me suba arriba

ah, otra cosa! en el index, las lineas alrededor de la foto es azul, yo la puse en marrón, pero no me lo hace!

muchas gracias!

ya resolví el problema de la barra de navegación, pero lo de la linea marrón en la imagen del index....uff

he conseguido de que sea marrón, pero ahora también el buzón tiene una linea marrón..cómo se puede diferenciar entre las dos imagines?

hola

al ser un enlace el buzon
por eso lo de la sombra

en el curso paso a paso, te enseñaron como poner comportamientos a los enlaces, lo rerecuerdas¿?? era algo asi

a:
a link:

etc etc

checale por ahi

saludos

gracias Yaneth, pero ya miré lo del curso paso a paso (de hecho estoy en ello) pero no dice como diferenciar los bordes cuando hay dos imágenes, de hecho, si pongo

img {border-style: none}

no me pone el borde en ninguna imagen..yo lo quiero en la foto, pero en el buzon no.
Por eso preguntaba como se hacia para decirle a la hoja de estilo que quiero un borde marrón para la foto y no quiero borde para el buzón

Hola siguiendo un poco tu pregunta, con el permiso de Yaneth,
esto que te escribo aquí debajo puede ser una solución a tus problemas, es más creo que debes aconstumbrarte a imporovisar.
De esta manera, que se pueden hacer otros muchos cambios para tu pregunta, pero para este ejemplo te vale....
He creado un estilo, como ves debajo se llama ".sin-bordes" con una propiedad "none".
Hasta hay todo bien...
Como lo puedo útilizar..???, sencillo....
Como tengo predeterminado que todas las imagenes tengan un borde que a mí me gusta;
"border:#006600 dotted 2px" lo utilizo en las imagenes que quiero que lo tengan.

Bien, pero hay una o varias que no quiero borde, pues útilizo ese estilo que he creado para tal ocasión;
".sin-bordes{ border:none}" , que como lo utilizo en la imagen que quiero ???????
Pues primero añades estos selectores, y las propiedades a tus estilos, ú hojas y lo escribes allí, y lo dejas.

Lueho voy a esa imagen de marras, que no quiero bordes, y le digo que no tenga bordes de esta manera;

[contenido no disponible]

Con esto creo que podrás seguir trabajando.
Copia y pega lo de abajo en un bloc de notas, le cambias la extensión .txt por .html y lo abres;
apreciaras el cambio.

manmanu

PD. los estilos para los "class", ".Estilos" pueden ser muy variados , a tu gusto.
Claro.... siempre que funcionen.. jejeje

<style>
.sin-bordes{ border:none}
img{ border:#006600 dotted 2px }
</style>

[img]http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/logo_phpBB.gif[/img]



[img]http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/logo_phpBB.gif[/img]

muchísimas graciaaaas!!

eso era lo que buscaba, ese tipo de "razonamiento"..que solo he llegado a la tercera clase del curso paso a paso!..y por cuanto quiera improvisar...no he llegado todavía a saber que existían esas herramientas (acabo de ver que están un poco explicadas en el curso de html, que me leeré), pero ahora se me ha abierto "un mundo"

un saludo a todos

Serena

Hola me alegro que te sirva.
Eso, eso es fundamental "El razonamiento" :lol: :lol: :lol:
Poco a poco, date tiempo.

Esto es como los bebes, a los dos años corren y vuelan, osea que a tí aquí te sucederá practicamente lo mismo aquí.

Existen muchas más cosas que no se explican, que las que se explican, tu misma lo verás.


manmanu