Antworten auf deine Fragen:
Neues Thema erstellen

Tabellen definieren mit HTML

D

dreamer81

Guest

Hallo Leute,

das Problem mit dem Rollovereffekt hab ich ganz einfach lösen können. Danke für die guten Tipps.

Noch etwas anderes, ich arbeite ja mit Tabellen um meiner Page eine saubere Aufteilung zu spendieren. Für diese Tabelle hab ich einen Rand zwischen Tabellenrand und Inhalt definiert. Kann ich nun für ein spezielles Tabellenfeld diesen Rand einzeln definieren? Möchte bei einem einzelnen Feld den Rand Abstand auf nukk setzen.

Danke schomal im voraus.
 

Antworten zum Thema „Tabellen definieren mit HTML“

W

webdesign

Guest

Re:

Hallo,

wie sieht Deine Tabelle aus, wie unser Beispiel?

<table width="100%" border="0" cellspacing="2" cellpadding="2" align="center">
<tr>
<td align="left" valign="middle">
<div align="center">MITTE</div>
</td>
<td>&</td>
<td>&</td>
</tr>
<tr>
<td>&</td>
<td>&</td>
<td>&</td>
</tr>
<tr>
<td>&</td>
<td>&</td>
<td>&</td>
</tr>
</table>

MfG webdesign :D
 

maik

Nicht mehr ganz neu hier

d-dreamer schrieb:
Kann ich nun für ein spezielles Tabellenfeld diesen Rand einzeln definieren? Möchte bei einem einzelnen Feld den Rand Abstand auf nukk setzen.

Danke schomal im voraus.

soweit ich das wiß ist es nur mit css lösbar, da du der Tabelle ja schon von vornerein gesagt hast sie soll abstände haben.
 
W

webdesign

Guest

maik schrieb:
d-dreamer schrieb:
Kann ich nun für ein spezielles Tabellenfeld diesen Rand einzeln definieren? Möchte bei einem einzelnen Feld den Rand Abstand auf nukk setzen.

Danke schomal im voraus.

soweit ich das wiß ist es nur mit css lösbar, da du der Tabelle ja schon von vornerein gesagt hast sie soll abstände haben.

@maik

stimmt da musst unter css dann mit tdborder etc. arbeiten um die einzelnen Abstände zu definieren.
:wink:
 
D

dreamer81

Guest

<table width="700" border="2" cellspacing="0" cellpadding="30">
<tr>
<td width="160" height="518" bgcolor="#D8D8D8">

<table>
<tr>
<td>Work in Progress</td>
</tr>
<tr>
<td>&</td>
</tr>
<tr>
<td>&</td>
</tr>
<tr>
<td>&</td>
</tr>
</table>
</td>
<td width="540" bgcolor="#D8D8D8" align="center>&</td>
</tr>
</table>


So schaut meine Tabelle aus. Hoffe ist nicht zu unübersichtlich...zu CSS, arbeite mit einem Stylesheet für den Text. Dann sollte das ja kein Problem sein auf die Tabelle anzuwenden. Die Tags <tr> muss ich glaub nochüberarbeiten.
 
W

webdesign

Guest

d-dreamer schrieb:
<table width="700" border="2" cellspacing="0" cellpadding="30">
<tr>
<td width="160" height="518" bgcolor="#D8D8D8">

<table>
<tr>
<td>Work in Progress</td>
</tr>
<tr>
<td>&</td>
</tr>
<tr>
<td>&</td>
</tr>
<tr>
<td>&</td>
</tr>
</table>
</td>
<td width="540" bgcolor="#D8D8D8" align="center>&</td>
</tr>
</table>


So schaut meine Tabelle aus. Hoffe ist nicht zu unübersichtlich...zu CSS, arbeite mit einem Stylesheet für den Text. Dann sollte das ja kein Problem sein auf die Tabelle anzuwenden. Die Tags <tr> muss ich glaub nochüberarbeiten.

Schaue mir das nachher mal an und gebDir Antwort :wink:
 

maik

Nicht mehr ganz neu hier

hier ersteinmal die korrigierte Tabelle, waren einige Fehler drin:

Code:
<table width="700" border="2" cellspacing="0" cellpadding="30">
<tr>
<td width="160" height="518" bgcolor="#D8D8D8">
<table>
<tr>
<td>Work in Progress</td>
</tr>
<tr>
<td>&</td>
</tr>
<tr>
<td>&</td>
</tr>
<tr>
<td>&</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="540" bgcolor="#D8D8D8" align="center">&</td>
</tr>
</table>

und welche Zelle soll nun einen anderen Rahmen haben ???
 
D

dreamer81

Guest

Ohh, sorry hab ich vergessen anzugeben...die Zelle mit "Work in Progress" sollte gleich breit sein die die Hauptzelle in der sie sich befindet, also 160px.
 

maik

Nicht mehr ganz neu hier

versuch es mal so, vielleicht ist es schon das was du meinst:

Code:
<style type="text/css">
<!--
.tabelle {
	border: none;
	vertical-align:top;
	padding-top:0;
	padding-left:0;
}
-->
</style>
</head>

<body>
<table width="700" border="2" cellspacing="0" cellpadding="30">
<tr>
<td width="160" height="518" bgcolor="#D8D8D8">
<table class="tabelle">
<tr>
<td valign="top" width="160">Work in Progress</td>
</tr>
<tr>
<td>&</td>
</tr>
<tr>
<td>&</td>
</tr>
<tr>
<td>&</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="540" bgcolor="#D8D8D8" align="center">&</td>
</tr>
</table>
 
D

dreamer81

Guest

Hey super! Hat funktioniert mit CSS. Hab die ganzen Tabellenzellen nun so definieren können wie mir das passt.

Danke euch für eure Hilfe.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Anzeige

Anzeige

Oben