Thema: Logo mit der Startseite verlinken

Habe mal eine Frage zum verlinken meines Logos im Colorsoft-Template.
So habe ich bisher (u.a.) versucht, leider bislang erfolglos:

Template.css

#logo {
background-image: url('../images/Caffista_Logo.png');
background-repeat: no-repeat;
background-position:left;
height: 128px;
width: 227px;
margin: 0px 0px 20px 10px;
padding: 0px 0px 40px 0px;
}

index.php

<div id="art-page-background-glare">
<div id="art-page-background-glare-image"></div>
<a href="index.php">
<div id="logo">
</div></a>

Wenn irgendjemand eine Idee hat, wies klappen könnte, wäre ich sehr dankbar!
Meine Seite findet sich hier: http://www.caffista.de

Habe schon alle sämtlichen Posts durch, ich weiß einfach nciht mehr weiter...

Glaub, das war keine so gute Idee, jetzt hab ich mir das Template zerschossen...
Also mit dem Code nur noch eine weiße Seite...

Nee, das hatt ich auch schon probiert, das paßt nicht!

Ich habe das mal über ein transparentes Bild (im gif-Format) gelöst. Ist eine ziemlich klassische Methode.

Bei dir sähe das dann so aus:

Code:

<div id="logo">
<a href="http://www.caffista.de/" title="zur Startseite"><img height="128px" width="227px" src="/templates/colorsoft/images/transparent.gif" alt="zur Startseite"/></a>
</div>

Dann noch eben in den image-Ordner des Templates ein transparentes-Gif-Bild in der Größe 1x1 Pixel und gut ist!

Also ich würde es ganz einfach lösen und zwar:

index.php

Code:

<div class="logo">
<a href="index.php"><img src="link-zum-logo.png">&nbsp;</a>
</div>

Gruß, bStyle