Foros del web, para los que viven de bits

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

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.

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?).

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

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.

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

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>