atacando con CSS. Pequeñas dudas!!

[suntus]

estoy intentando entrar al CSS y vaya, que me esta costando jejeje

tengo un par de dudas, para empezar.. haber si podeis ayudarme

1º tengo un estilo al que llamo
<div id="menu">
donde interactuan a: ul: li: etc..

y me gustaria añadir una linea dentro del div pero que no le afecte nada del estilo 'menu' y no se como..

2º otra cosa que no consigo es
tengo un estilo con
background: url(images/header.jpg) no-repeat;
y me gustaria poder cambiar la imagen header.jpg, al pasar el raton por encima de unas imagenes que voy poniendo en el web

algo que hago facilmente con onclick tal cual.. pero no soy capaz de hacerlo si la imagen principal sale del css


tengo algunas cosillas mas que me estan complicando la esistencia pero voy a intentar buscarlas que estoy casi apunto de conseguirlo, a ver si con estas dos podeis iluminarme.


Saludos.

[alexk]

aver no te consegui entender casi nada... solo lo de "background: url(images/header.jpg) "

nose como lo tengas asi que va a ciegas

.tuclase{background: url(images/header.jpg);}
ok?
.tuclase:hover{background: url(images/header.jpg);}

agrega la pseudo clase :hover y ya...

lo primero si pones el codigo te podriamos decir pero generalizando seria hablar por hablar darte una solucion :)

[suntus]

Iniciado por alexk

aver no te consegui entender casi nada... solo lo de "background: url(images/header.jpg) "

nose como lo tengas asi que va a ciegas

.tuclase{background: url(images/header.jpg);}
ok?
.tuclase:hover{background: url(images/header.jpg);}

agrega la pseudo clase :hover y ya...

lo primero si pones el codigo te podriamos decir pero generalizando seria hablar por hablar darte una solucion :)

gracias alex, voy a intentar dejar mas claro el asunto que intentaste explicarme y con con hover 'creo' que no sera posible.

tengo como estilo esto

Código:

#logo {
background: url(images/header.jpg) no-repeat;
width: 770px;
height: 347px;
text-align:  right;
padding-right: 30px;
padding-top: 30px;
}

y la web

Código:

	<div id="logo">
<img src="IMAGEN2" />
<img src="IMAGEN3" />
<img src="IMAGEN4" />
	</div>

Lo que necesito es que cuando pasen el raton por IMAGENX cambie la imagen del logo a otra imagen diferente en los 4 casos.


el otro punto es facil explicarlo
tengo unos estilos en otro div y necesito que sin salirme del div, lo ponga no sea afectado por los estilos del div, no se si me explique ahora.

Un saludo.

[easy]

deberias utilizar javascript //onmouseover// y // onmouseout//