auf Bildern Schrift machen

[tobiasW]

Hi,
Ich hab ne Tabelle:

<table cellpadding=0 cellspacing=0 width=120 align=left height="307"><tr>
<td align=left height="12"><IMG src='space.gif' width="120" height="10"></td><tr>
<td align=left height="21">:::[News]:::</td><tr>
<td align=left height="12"><IMG src='space.gif' width="120" height="10"></td><tr>
<td align=left height="21">:::[News]:::</td><tr>
<td align=left height="12"><IMG src='space.gif' width="120" height="10"></td><tr>
<td align=left height="21">:::[News]:::</td><tr>
<td align=left height="10"><IMG src='space.gif' width="120" height="10"></td><tr>
<td align=left height="21">:::[News]:::</td><tr>
<td align=left height="12"><IMG src='space.gif' width="120" height="10"></td><tr>
<td align=left height="21">:::[News]:::</td><tr>
<td align=left height="12"><IMG src='space.gif' width="120" height="10"></td><tr>
<td align=left height="21">:::[News]:::</td><tr>
<td align=left height="12"><IMG src='space.gif' width="120" height="10"></td><tr>
<td align=left height="21">:::[News]:::</td><tr>
<td align=left height="12"><IMG src='space.gif' width="120" height="10"></td><tr>
<td align=left height="21">:::[News]:::</td><tr>
<td align=left height="12"><IMG src='space.gif' width="120" height="10"></td><tr>
<td align=left height="21">:::[News]:::</td><tr>
<td align=left height="12"><IMG src='end.gif' width="120" height="10"></td></table>
</td>

Da will ich jetzt unter jeden :::[News]::: Ein space.gif zusätzlich drunter machen wie geht das?

Umgekehrt beschreiben ich hab 10 Bilder wo drauf ich 10Links schreiben will ohne das bild zu verändern!

mfg

P.S.: Bitte schickt mir die antwort auch per mail!

[Dmitri Rettig]

Hallo,

einfach als Hintergrundbild in <td> einbinden. <td background="space.gif"><a ...>link</a></td>

Ich an deiner stelle würde mit DIVs und CSS arbeiten, statt mit Tabellen. Und formatiert wird nicht mehr mit HTML, sondern mit CSS.

Mit freundlichen Grüßen
   Dmitri Rettig

[Tim Tepaße]

Hallo Tobias,

Ich hab ne Tabelle:
<table cellpadding=0 cellspacing=0 width=120 align=left height="307"><tr>
<td align=left height="12"><IMG src='space.gif' width="120" height="10"></td><tr>

Wie wäre es, wenn Du die <tr>s auch richtig schließt? So nebenbei. Ach ja, Elementnamen sollten besser klein geschrieben werden - dann hast Du nicht soviel zu ändern, wenn Du irgendwann mal auf XHTML umsteigst.

[noch viel mehr Tabellenquälcode.

Da will ich jetzt unter jeden :::[News]::: Ein space.gif zusätzlich drunter machen wie geht das?
Umgekehrt beschreiben ich hab 10 Bilder wo drauf ich 10Links schreiben will ohne das bild zu verändern!

Du machst Dir hier meiner Meinung nach die Arbeit komplizierter, als es ist.

Du willst also einen Link haben und dahinter (!) ein Bild haben. Also ein Hintergrundbild. Du definierst hier allerdings Bilder im Vordergrund und wenn Du noch was davor haben willst, wird es noch komplizierter, z-index mit CSS und Positionieren und so.
Pack die Bilder einfach in den Hintergrund - da gehören sie als Bilder, die nichts strukturell zum Inhalt der Seite beitragen, auch hin.

Und wie? Mit CSS:
Verpaß der Tabellenzelle ein Hintergrundbild:
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_image

Also so ungefähr in der CSS-Spezifikation:

td.menuzelle {
background-image:url(space.gif);
background-repeat:none;
}

Wie Du siehst habe ich das ganze in eine Klasse verpaßt, um es Dir einfacher zu machen:
http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen

So daß man die Tabellenzelle nur noch so notieren muß:

<tr>
<td class="menuzelle">
<a href="linkt.html">Link</a>
</td></tr>

Ich empfehle Dir, Dich etwas mit CSS zu beschäftigen; es lohnt sich, wenn man sich erstmal in das Konzept reingedacht hat - und irgendwann verzichtet man auch auf irgendwelche wirren Tabellenkonstruktionen.

Ach ja: Ich garantiere nicht unbedingt für obigen Code. Unter älteren Browsern wie dem NN 4.x oder fehlerbehafteten Browsern wie dem IE mag es vielleicht zu Fehlern kommen. Aber es ist Deine Aufgabe da mit dem Rest der Seite auszutesten und dann zu entscheiden ob es wirklich kritische Fehler sind, oder man winzige Abweichungen in der Darstellung akzeptieren kann.

P.S.: Bitte schickt mir die antwort auch per mail!

Ich denke garnicht daran. Du bist der Bittsteller, also mach Dir wenigstens die Arbeit wieder ins Forum zu gucken.

• Tim

[André]

Hi,
Ich hab ne Tabelle:

Das ist gut.
Definiere für die entsprechende Zelle einfach das Bild als Hintergrund.

z.B. <th background="Bild.jpg">TEXT</th>

sauberer gehts natürlich mit css:

<style type="text/css">
<!--
th.eins {background-image:url(bild1.jpg);}
th.zwei ...........
-->
</style>

und hier natürlich auch schauen:

http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_image

Gruß

André