Problema con las imágnes.

En el curso paso a paso se ve como para poner una imágen se divide en dos, una parte mas larga, (creo que la de abajo) y una pequeña, que se usa como para "tapar" la otra.

Yo queria hacer lo mismo pero para cada enlace y en vez de ser en vertical, tal y como enseñan en el curso, en horizontal, me expliko. los[] simbolizan una imagen.

[enlace uno] [enlace dos] [enlace tres].....

Y esto dentro del div nabegador. para eso necesito dos imágenes que ya tengo creadas una sería la parte izquierda y otra la derecha. (en vez de ser una imagen arriba y otra abajo como está en el tutorial de la web).

Pregunta: como indico esto?

Espero me haya explikado bien. xD

Hola mmmm, no alcanzo a entender lo que deseas

mira yo tomé la misma imagen del menu lateral (la curva superior)
y la ppuse como fondo en navegador

http://unpocodemucho.atwebpages.com/plantilla2.html

para poner algo asi, solo necesitas 2 imagenes
la que será de fondo del enlace, y la que se ve cuando pones el puntero encima, si lo deseas puedes tener una tercera, para cuando pulsas

avisame si eso es lo que deseas

saludos

Si que me he explikado mal, sip.... jeje.

Lo que digo es que para crear el menú lateral en los tutoriales se usan dos imágnes. una para la parte de abajo y otra para la de arriba. En ese link que me has dado donde pone enlace 1...2...3...etc

Yo necesito definir dos imágenes para cada enlace. Una izquierda y otra derecha.

Me voy a extender un poko.xDDD

Tu utilizaste solo utilizaste una imágen, que es lo suficiente ancha como para englobar lo que en esa parte del tutorial le habiamos llamado seccion 1, seccion 2,.....

Porque necesito dos imágenes, una para la parte izquierda y otra para la derecha? Porque los enlaces de esa zona no van tener un "wight" fijo. Entonces no puedo definirlo en el css porque perdería mucho espacio.
por ejemplo tengo dos enlaces, uno al FORO, y otro a otra seccion que llamo JUEGOS Y MANUALIDADES. la diferencia es notable....xDD.

Entonces lo que necesito es saber como hago para que en cada enlace me envie la imagen de fondo para la izquierda y la otra para la derecha.

De tal forma que si esto simboliza la imagen de la izquierda{y esto } la de la derecha me quede asi:

{foro} . {juegos y manualidades}.

Perdonadme todo este rollo pero es complikado explikkar esto.... sobretodo si no sabes explikarte claramente con los códigos html....jeje.

Hola de nuevo

ahora si que te entendí bien jejeje

yo lo que haría es poner................
no se................. jajajajaa

dame unos minutos para hacerlo, regreso y te digo
ok ????

No hay prisa, jeje, tengo mucho que hacer todavia, solo que me habí apuesto con esto y me surgió el problema, cuando tengas tiempo.

supongo que será dificil poner dos imágnes en un mismo enlace. xDD.

Sayan,
te hice algo, solo que... no he quedado muy conforme con el resultado
ya que... no le puedo poner comportamientos
es decir, que cuando pones el cursor arriba te salga otra imagen

o se podría poner solo en el lado derecho, pero en los dos al mismo tiempo, mmmmmm no creo jeje

http://unpocodemucho.atwebpages.com/ayuda.html

checalo y me avisas

saludos

Es exactamente lo que estaba buscando ademas con el menú desplegable, en realidad, no necesito una imagen para <a> y otra para a:hover si es a lo que te refieres, me gusta así. como lo has conseguido??

Me pasas el código o donde lo miro?? xDD.

Hola, anticipandome a la respuesta de Yaneth te diré que para ver el codigo lo haces una vez que tengas la página de la que quieres saber su codigo visible en tu pantalla has de pinchar arriba donde pone: "Ver" y de las opciones hay una que pone:"Codigo fuente", pinchas en esa opción y ves los codigos usados para realizar esa página web.
Un saludo.

xDDD. Ya lo habia hecho pero te aparece el código html, no el .css. Y siendo así como miro entonces el código del .css.

La zona qu eme interesaría seria esta.

<div id="navegacion">
<div id="en1"><span class="uno"></span><span class="dos">Enlace 1</span></div>
<div id="en1"><span class="uno"></span><span class="dos">EEeenlace 2 </span></div>
<div id="en1"><span class="uno"></span><span class="dos">Enlace 3 graaande </span></div>
</div>

Y no aparece nada mas xDD.

Saludos.

Hola

asi es, esa es la parte del codigo que te interesa, pero... te falta completar con la hoja de estilos,
entre los head, puedes ver que se llama ayuda.css

Yo lo que hice en el html fué encerrar cada boton en un div llamdo
"en1" y dentro de el meti las dos partes del boton utilizando span, como verás tambien hay un
"en2" ese sale sobrando, recuerda que estaba practicando, si te fijas en el html, con los tres enlaces utilizé el "en1"


#navegacion { text-align:center; background-color: #FFFFFF ; border: black 1px solid ; height:25px;}

.dos { background-image:url(objetos/bot2.gif); background-position:right;
padding:0px 10px 0px 0px; background-repeat:no-repeat}
.uno {background-image:url(objetos/bot1.gif); padding:1px}

#en1 { float:left; height:20px; margin:2px 10px 0px 10px;}

#en2{background-color:#FF6666; float:left; height:20px; margin:0px 10px 0px 10px; background-image:url(objetos/bot2.gif); background-position:right; background-repeat:no-repeat}

seguro que hay varias formas de hacerlo, esa es la que yo utilizé
si sabes, o se te ocurre alguna otra nos los dejas saber

saludos

Muchas gracias, ahora solo me queda chequear. xDD.

Eres rápida y eficiente, mis felicitaciones. xDDD

Olvidé decirte como mirar el css

una ves que sabes como se llama lo pones en la barra de direcciones
en este caso sería asi

http://unpocodemucho.atwebpages.com/ayuda.css

saludos

Ok, me está quedando bastante bien... jeje. haber si no tengo ningún problema mas... jaj