YourWBB

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Bekomme Tabelle mit bildlichem Rahmen nicht hin

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

3.516 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Bekomme Tabelle mit bildlichem Rahmen nicht hin

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

Alexdo Alexdo ist männlich

Faultier 2007

Dabei seit: 08.10.04
Beiträge: 730
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi; WBB Lite 1 Fortgeschritten
Forenversion: 3.0; 2.3

Bekomme Tabelle mit bildlichem Rahmen nicht hin

Antworten Zitieren Editieren Melden UP

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 großes Grinsen

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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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 -->

Dateianhang:

mist.gif (1,41 KB, 76 mal heruntergeladen)

__________________
MfG Alexdo

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Alexdo: 02.01.06 16:03.

02.01.06 15:47

E-Mail Finden Als Freund hinzufügen

heino-1989
Mitglied

Dabei seit: 30.03.04
Beiträge: 567

Antworten Zitieren Editieren Melden UP

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 Zunge raus

02.01.06 16:42

E-Mail Finden Als Freund hinzufügen

KleenMicha KleenMicha ist männlich

Webentwickler

Dabei seit: 16.01.04
Beiträge: 2.592
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi

Antworten Zitieren Editieren Melden UP

Relativ einfach sollte es so gehen:

code:
1:	<table width="25%" cellspacing="0" style="height: 100%">

__________________
Gruß Micha

02.01.06 16:47

E-Mail WWW Finden Als Freund hinzufügen

MSN Passport-Profil von KleenMicha anzeigen

Alexdo Alexdo ist männlich

Faultier 2007

Dabei seit: 08.10.04
Beiträge: 730
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi; WBB Lite 1 Fortgeschritten
Forenversion: 3.0; 2.3

Themenstarter Thema begonnen von Alexdo

Antworten Zitieren Editieren Melden UP

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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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 -->

Dateianhänge:

grafiken.zip (2 KB, 1 mal heruntergeladen)
gif

mist2.gif (2 KB, 44 mal heruntergeladen)

__________________
MfG Alexdo

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Alexdo: 02.01.06 17:09.

02.01.06 16:53

E-Mail Finden Als Freund hinzufügen

KleenMicha KleenMicha ist männlich

Webentwickler

Dabei seit: 16.01.04
Beiträge: 2.592
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Profi

Antworten Zitieren Editieren Melden UP

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.

__________________
Gruß Micha

08.01.06 14:23

E-Mail WWW Finden Als Freund hinzufügen

Baumstruktur | Brettstruktur

Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Bekomme Tabelle mit bildlichem Rahmen nicht hin