Alexdo
Hallo!
Ich wollte eine Seite machen, wo man Navi und Content in Tabellen mit Rahmen hat. Zwischen den Spalten und Zeilen sind aber kleine 'Luftlöcher', und ich weiß net, wie ich diese stopfen kann. hab ich iegendwie verlernt
EDIT:
Sry, hatte den Quelltext vergessen:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
|
<!-- Menutable begin-->
<table width="25%" style="height: 100%">
<tr>
<td width="10%"><img src="blau_obenlinks.gif" /></td>
<td width="80%" style="background-image:url(blau_obenmitte.gif)"><font color="#FFFFFF" size="-2"><b> </b></font></td>
<td width="10%"><img src="blau_obenrechts.gif" /></td>
</tr>
<tr>
<td width="10%" style="background-image:url(blau_mittelinks.gif)"></td>
<td width="80%" bgcolor="#325E7A">TEEEEEEEEXT</td>
<td width="10%" style="background-image:url(blau_mitterechts.gif)"></td>
</tr>
<tr>
<td width="10%"><img src="blau_untenlinks.gif" /></td>
<td width="80%" style="background-image:url(blau_untenmitte.gif)"></td>
<td width="10%"><img src="blau_untenrechts.gif" /></td>
</tr>
</table>
<!-- Menutable End -->
|
|
heino-1989
Ich bin mir nicht sicher aber ich würde mal nach den CSS Attributen border, padding und/oder margin gucken.
Würde es ja auch selber testen aber ohne die Grafiken wird das schwer
KleenMicha
Relativ einfach sollte es so gehen:
| code: |
1:
|
<table width="25%" cellspacing="0" style="height: 100%"> |
|
Alexdo
Danke Micha
EDIT:
Jetz hab ich noch ein Problem. Siehe Screen.
Ich bekomme die Höhe einfach nicht in den griff. Der code ist jetzt:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
|
<!-- Menutable begin-->
<table cellspacing="0" width="25%" style="height: 100%">
<tr style="height: 15px">
<td width="10%"><img src="blau_obenlinks.gif" /></td>
<td width="80%" style="background-image:url(blau_obenmitte.gif)"><font color="#FFFFFF" size="-2"><b> </b></font></td>
<td width="10%"><img src="blau_obenrechts.gif" /></td>
</tr>
<tr>
<td width="10%" style="background-image:url(blau_mittelinks.gif)"></td>
<td width="80%" bgcolor="#325E7A">TEEEEEEEEXT</td>
<td width="10%" style="background-image:url(blau_mitterechts.gif)"></td>
</tr>
<tr>
<td width="10%"><img src="blau_untenlinks.gif" /></td>
<td width="80%" style="background-image:url(blau_untenmitte.gif)"></td>
<td width="10%"><img src="blau_untenrechts.gif" /></td>
</tr>
</table>
<!-- Menutable End -->
|
|
KleenMicha
Sorry dass iche rst jetzt antworte aber editierte Beiträge sieht man nicht sofort.
Hier mal die angepasste Version:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
|
<table cellspacing="0" cellpadding="0">
<tr>
<td style="height: 15px"><img src="blau_obenlinks.gif" alt="" /></td>
<td style="background-image:url(blau_obenmitte.gif)"></td>
<td style="height: 15px"><img src="blau_obenrechts.gif" alt="" /></td>
</tr>
<tr>
<td style="background-image:url(blau_mittelinks.gif)"></td>
<td style="background:#325E7A; width: 80%">TEEEEEEEEXT</td>
<td style="background-image:url(blau_mitterechts.gif)"></td>
</tr>
<tr>
<td><img src="blau_untenlinks.gif" alt="" /></td>
<td style="background-image:url(blau_untenmitte.gif)"></td>
<td><img src="blau_untenrechts.gif" alt="" /></td>
</tr>
</table> |
|
Bei TEEEEEEEEXT kann nun ein beliebiger Text und Länge und Höhe eingefügt werde, die Box "zieht" sich immer mit.