Grafik als Hintergrund für ein Besucherzähler

[eva]

Hallo

Weiss jemand wie man eine Grafik als Hintergrund für einen Besucherzähler einbaut? Dabei handelt es sich um eine png Grafik (große Banner Grafik) die in einer Tabelle liegt und der Zähler (kleines Objekt) soll im Vordergrund erscheinen.

Ich habe die unten angegebene Möglichkeit probiert aber wenn man den Zähler in die gleiche Tabellenzelle wie die Grafik legt dann erscheint der Zähler genau so groß wie die Grafik und die beiden Objekte liegen nebeneinnander und nicht aufeinnander. Habe das in kombination mit css/z-index probiert aber es wollte nicht so recht.

Kann mir da jemand unter die Arme greifen?

Hier ein Beispiel:

<table class="base">
<tr>
<td id="top"><a href="/start/" title="HappyBirthday"><img src="templates/style/banner.png" alt="HappyBirthday" /></a><a href="http://www.counto.de/counter-kostenlos.php" title="Besucherzähler kostenlos"><img src="http://www.counto.de/count.php?id=1277371656" align="left" alt="Besucherzähler kostenlos"></a></td>
</tr>

Vielen Dank.

eva

 

[vitus37]

Versuche Hintergrundbilder: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets.

Ob eine Tabelle hier sematisch korrekt ist, wage ich zu bezweifeln.

 

[eva]

Auf dieser Webseite war ich schon und viele andere auch. Dieses Problem ist sehr eigen da es sich um eine Tabelle handelt. Mit der Tabelle ist alles in Ordnung hier noch der Rest des Beispiels:

<table class="base">
<tr>
<td id="top"><a href="/start/" title="HappyBirthday"><img src="templates/style/banner.png" alt="HappyBirthday" /></a><a href="Counter kostenlos, gratis Counter, kostenloser Counter" title="Besucherzähler kostenlos"><img src="http://www.counto.de/count.php?id=1277371656" align="left" alt="Besucherzähler kostenlos"></a></td>
</tr>
<tr>
<td>
<ul id="liste">
<li><a href="start/" title="Start"><img src="templates/style/start.png" alt="Start" /></a></li>
< <li><a href="gaestebuch/" title="G&auml;stebuch"><img src="templates/style/gastebuch.png" alt="G&auml;stebuch" /></a></li>
<li><a href="kontakt/" title="Kontakt"><img src="templates/style/kontakt.png" alt="Kontakt" /></a></li>
<li><a href="impressum/" title="Impressum"><img src="templates/style/impressum.png" alt="Impressum" /></a></li>
</ul></td>

Das Problem ist etwas komplex, weil die Tabelle und die "banner.png" Grafik schon auf der Webseite vorhanden sind, es soll nur ein Besucherzähler eingebaut werden aber eben mit der ganannten Grafik im Hintergrund.

eva

 

[vitus37]

Warum sollte das mit einer Tabelle komplexer sein?
Mit CSS lässt sich etwa jedem HTML-Element ein Hintergrund verpassen.
Dass die Grafik mehrmals auf deiner Seite genutzt wird ist auch nicht das Problem.

Die Tabelle ist hier übrigens sehr wohl falsch. Liegen denn tabellarische Daten vor? - Nein. Du missbrauchst sie als Layout-Mittel.
http://www.html.de/blogs/imbericle/36-tabellenmissbrauch.html
Ein einfacher Paragraph wäre angebrachter (<p>).

Dem p-Tag kannst du dann mit CSS den Hintergrund geben.
Oder, wenn du auf deine Tabelle garnicht verzichten willst:

<td id="top"><a href="#" title="Besucherzähler kostenlos"><img src="http://www.counto.de/count.php?id=1277371656" align="left" alt="Besucherzähler kostenlos"></a></td>

CSS:

td#top{
background: url(templates/style/banner.png);
}