¿Información de cómo ubicar imágenes con CSS?

[JBRS]

Hola, ahora mismo, así de lo básico creo que es lo último que me queda: necesito poner imágenes con CSS, una al lado de la otra en un menú, pero no encuentro mucha información y el libro que tengo es un fucking disaster.

¿Podéis indicarme un enlace, post (he buscao, he buscao) o instrucción básica?

Grasiah

[Mikmoro]

Esto básicamente se haría con float: left;, pero todo depende de cómo estés haciendo tu menú: con listas, con span, con divs, directamente con links, etc., y si queires directamente imágenes físicas, imágenes como background, etc.

¿Te abrumo?

Mikel.

[JBRS]

No Mikel, al contrario, me motivas :)

El caso es que me gustaría hacer un poco de todo: la parte que es menú (5 imágenes juntas de forma horizontal) que fuera una lista, un logotipo a la izquierda con una imagen de fondo, otra imagen debajo... algo así:

LOGOTIPO DE LA WEB - IMAGEN DE FONDO
BUSCADOR+IMG FONDO - MENU (1 2 3 4 5)

La cosa es que no tengo ni pajolera idea de las instrucciones y no encuentro info clara. He visto algunas propiedades en algunos lados, pero luego no sé aplicarlas (pongo img class?).

[paolamurias]

Hola jbrs, yo soy novata en esto, asi que es muy probable que se haga mas simple y claro.
Yo haría un div #header para el logo con la img de fondo.
otro div #menu debajo con el buscador que flote a la izq y la ul(menu) que flote a la der, si esta bien lo que entendí, asi podés poner un background img de fondo del div y además un fondo para la ul o los li.
pero no me creas mucho, seguro debajo de este mensaje hay otro que te lo dice mejor

[Mikmoro]

Para mi es una buena indicación, una esctructura bastante lógica (ya se sabe que luego todo depende).

Y como te decía, para poner los "li" del menú en línea deberás usar float left y te saldrán en línea horizontal (básicamente).

Mikel.

[JBRS]

Ok gracias por los consejos, mañana lo investigo y ya os cuento qué problemas me surgen.

[JBRS]

Mmm de momento me deja separación entre imágenes... ¿he de ponerle un div,una class o algo a cada imagen?

Estaba en esta fase, previa a la lista:

#menuimagenes {
text-align: left;
width: 500px;
left: 0px;
}


#buscador { width: 355px;
background-color: #efefef;
float: left;
}


Igual lo que falla es de este código de salida que uso:

<a ONMOUSEOVER="changeImages('cabecera_actualidad', 'imagenescabecera3/cabecera-actualidad-over.gif'); return true;"
ONMOUSEOUT="changeImages('cabecera_actualidad', 'imagenescabecera3/cabecera-actualidad.gif'); return true;"
HREF="http://www.comicdigital.com"><IMG NAME="cabecera_actualidad" SRC="imagenescabecera3/cabecera-actualidad.gif" width=78 height=22 BORDER=0 ALT="Sección de actualidad"></a>