Problema modificando un template

[supereix]

Hola, no se mucho de esto de CSS, pero estuve modificando un template que descarge de freecsstemplates.org y la verdad es que me supera. Bueno, el index original esta aca:

http://supereix.dyndns.org/advantage/advantage/indexoriginal.html

Y el CSS original aca:

http://supereix.dyndns.org/advantage/advantage/defaultoriginal.css

Como pueden ver el logo es un texto H1 que dice "Advantage" y abajo una leyenda que dice "By Free CSS Templates". Bueno, lo que yo quiero es cambiar eso por esta imagen:

http://supereix.dyndns.org/advantage/advantage/images/textologo.png

Lo unico que cambie del CSS es que le puse margin y padding 0 a #logo img y lo principal es que cambie la anchura y la altura de #logo por los de la imagen (que es 400px de anchura y 70px de altura). El nuevo CSS esta aca:

http://supereix.dyndns.org/advantage/advantage/default.css

El problema es que la pagina se desarma todo, y queda echa un desastre, aca esta:

http://supereix.dyndns.org/advantage/advantage/index.html

Bueno, eso es todo. La verdad es que soy muy novato con CSS asi es que agradeceria cualquier ayuda

Muchas gracias de antemano.

[Aresillo]

pues la primera ayuda que puedo darte es un buen libro...
Manual de CSS

Ánimo...

[kseso?]

Hola Supereix
Bienvenido a FdW.

Es lógico que ocurra eso.

Mira, ese h1, que es texto, está metido en un div que tiene:

#logo {
float:left;
height:50px;
width:240px;

y tú quieres sustituirlo por una imagen que tiene:

(que es 400px de anchura y 70px de altura

Lo normal es que descuadre todo.

Puedes añadir a #logo:
position:absolute, y suprimes las medidas y el float.
y con top y left ajustar su posición.

Quizás eso te mueva alguna cosilla, aparentemente no debería, ya que el menú está flotado a la derecha y no hay más elementos en el head.

Un saludo

[supereix]

Perodon por no responder antes. Ya lo solucione hace unos cuantos dias pero me olvide de postear. Lo solucione como me dijiste kseso?. Funciono perfecto. Tambien puse la imagen usando background en el CSS en ver de <img> en el HTML.

Muchas gracias kseso?
Saludos

[kseso?]

Nah, no se merecen.
Ésta era fácil