Tabelle in html ohne Rahmen / Freiraum gestalten

Heute mal wieder eine Frage an die html Experten hier - und zwar suche ich eine Lösung für folgendes Problem:



Wie bekomme ich das Feld wo das Logo hin soll bündig mit dem Balken darunter? Momentan ist da ja noch so ein weißer Zwischenraum drumrum, der da eigentlich nicht sein sollte (border = 0).

Hier der Code

Code: Alles auswählen

<TABLE class=main cellSpacing=0 cellPadding=0 width=1003>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD class=head1><A href="http://www.127.0.0.1/"><IMG title="logo" alt="logo" src="http://www.127.0.01/gfx/logo.gif" border=0></A></TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%">

Das "Border=0" muss nicht in den TD Tag sondern bei Table mit rein, dann sollte es gehen.

also:

<TABLE class=main cellSpacing=0 cellPadding=0 width=1003 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD class=head1><A href="127.0.0.1/"><IMG title="logo" alt="logo" src="127.0.01/gfx/logo.gif"></A></TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%">

Ein kleiner Tipp noch von mir bezüglich der HTML-Formatierung. Da XHTML immer mehr zum Standard wird, empfiehlt es sich, Tags einheitlich klein zu schreiben. Des Weiteren sollte die Werte in den Attributen in Anführungsstriche setzen. Ich bin mal so frei und ändere den Quelltext diesbezüglich ab.

<table class="main" cellspacing="0" cellpadding="0" width="1003">
<tbody>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td class="head1"><a href="ein_toller_Link"><img title="logo" alt="logo" src="meine_Bildquelle" border="0"></a></td>
<table cellspacing="0" cellpadding="0" width="100%">

@Darkhunter: So klappt es leider noch weniger, siehe:



Das zaubert mir jetzt so einen wunderschönen blauen Rahmen um das Feld und zieht es noch enger, trotzdem danke für den Versuch.

Der blaue Rahmen ergibt sich dadurch, dass du über eine Grafik einen Link setzt. der lässt sich entfernen. Wenn du bei der 2. Tabelle noch den Rahmen entfernst, sollte das ganze besser aussehen.

Also folgendermaßen:
<table class="main" cellspacing="0" cellpadding="0" width="1003">
<tbody>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td class="head1"><a href="ein_toller_Link"><img title="logo" alt="logo" src="meine_Bildquelle" border="0"></a></td>
<table cellspacing="0" cellpadding="0" width="100%" border="0">

Falls das erneut nicht funktionieren sollte, melde dich einfach nochmal.