Aurichtung 2 Grafiken in Tabelle
Christian997
- html
Hallo liebe Community,
ich verzweifel gerade wegen der Ausrichtung Grafiken in einer Tabelle, vll.
könnte mir jemand einen Ansatz geben.
So wie es nun steht, steht es auch, wobei der Aufbau mit den 100% natürlich komplett falsch ist. Nun soll in der Tabelle (Sign) noch Werbung (Bannerwerbung) via Script eingebunden werden, diese ich auch gerne ausrichten möchte, sodass es genau in der Grafik passt.
Vll. mag mir jemand einen Ansatz geben.
<td width=824px rowspan=2 valign="top">
<table border=0px cellspacing=0px cellpadding=0px width=824px>
<tr>
<td colspan=2 valign=middle align=left>
<table cellpadding="0" cellspacing="0">
<tr>
<td style="padding-left:10px">
<a href=index.php?a=news><img border=0 width="241" height="100"src=logo.png /></a>
</td>
<td width="100%" align="center" valign="top">
<img src="sign.png" border="0px">
</td>
</table>
Anbei das Beispiel Bild.
Lieber Christian997,
[ ] Du kennst Dich gut mit HTML aus.
[ ] Du hast Dir angewöhnt, Deinen Code zu validieren.
[ ] Du trennst ziemlich strikt zwischen Inhalt (HTML) und Layout (CSS)
Deine Grundlagen brauchen noch fleißiges Aufbessern. Denn erstens ist Dein HTML Code syntaktisch falsch (es kann <td> kein direktes Kindelement von <table> sein, denn da braucht es noch eine Generation von <tr> dazwischen) und zweitens regelt man das Aussehen nicht mit einer Tabelle (also nicht mit HTML-Mitteln), sondern mit CSS.
Dass Du noch blutiger Anfänger zu sein scheinst sieht man daran, dass Du Attributwerte (wie z.B. das Linkziel in "href") nicht in Hochkommata (sprich Anführungszeichen) einschließt, was sauberer (X)HTML-Code aber unbedingt haben sollte.
Hast Du von CSS schon einmal gehört? Nicht? Dann hast Du hier und jetzt die Chance, das nachzuholen: <http://de.selfhtml.org/css/layouts/einfuehrung.htm@title=Einführung in CSS-basierte Layouts>
Vll. mag mir jemand einen Ansatz geben.
OK. Hier ist er:
<p id="logo_werbung">
<a href="index.php?a=news">
<img width="241" height="100" src="logo.png" alt="Logo" />
</a>
</p>
Anhand der ID im Textabsatz kann man diesen nun mittels CSS <http://de.selfhtml.org/css/formate/zentrale.htm#individualformate@title=individuell gestalten> und ein JavaScript kann später <http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id@title=diese ID benutzen>, um <http://de.selfhtml.org/javascript/objekte/document.htm#create_element@title=einen weiteren Link> in diesen Textabsatz http://de.selfhtml.org/javascript/objekte/node.htm#append_child@title=hineinzusetzen.
Liebe Grüße,
Felix Riesterer.
@@Felix Riesterer:
nuqneH
Denn erstens ist Dein HTML Code syntaktisch falsch (es kann <td> kein direktes Kindelement von <table> sein, denn da braucht es noch eine Generation von <tr> dazwischen)
Und in HTML noch eine Generation von 'tbody' ('thead', 'tfoot').
Dies sollte man bei HTML-kompatiblem XHTML explizit angeben, um Ärger mit Scripten zu vermeiden.
Qapla'
Moin!
Zu allem was Felix schon erwähnt hat:
Sehe ich das richtig? das was Du gezeigt hast steht immer unveränderlich im Head? Dann benutze es als Hintergrundgrafik (wenigstens das Schild). Damit solltest Du alle Möglichkeiten haben, irgendwelche klickbaren Banner dort unterzubringen.