Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „tabellen durch div container ersetzen“

G

GateKay

Guest

hallo leute,

so ich will gerne meine homepage auf div container umstellen.
habe auch schon etwas hin bekommen aber der rest geht nett so einfach.
vieleicht hat jemand von euch etwas zeit und kann mir mal bitte helfen dabei.

hier mal der code den ich schon umgestellt habe :
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link href="incl/style/css_op.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="header" id="headop01">
<div align="center">
<table align="center" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">[img]incl/picer/head1.jpg[/img]</td>
<td valign="top">[img]incl/picer/head2.jpg[/img]</td>
</tr>
<tr>
<td valign="top">[img]incl/picer/head3.jpg[/img]</td>
<td valign="top">[img]incl/picer/head4.jpg[/img]</td>
</tr>
</table>
</div>
</div>

hier die css datei dazu :
Code: 
/* CSS Document */

body , textarea , iframe {
background-color : #3b3b3b;
margin : 0;
}
.border {
border-color : #000000;
border-style : solid;
border-width : 1px;
}
a.content:link {
font-family : Verdana;
color : #000000;
text-decoration : none;
font-style : normal;
}
a.content:visited {
font-family : Verdana;
color : #000000;
text-decoration : none;
font-style : normal;
}
a.content:active {
font-family : Verdana;
color : #000000;
text-decoration : none;
font-style : normal;
}
a.content:hover {
font-family : Verdana;
color : #ffffff;
text-decoration : none;
}
.button {
font-size : 9px;
font-family : Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #000000;
background-color : #ffffff;
border-color : #828282;
color : #000000;
padding : 0;
}
.input {
background : ;
color : #59483e;
border : 1px none inherit;
border-color : #000000;
background-color : #efe7d5;
border-style : solid;
border-width : 1px;
height : 15px;
}
.select {
background : ;
color : #59483e;
border : 1px none inherit;
border-color : #000000;
background-color : #efe7d5;
border-style : solid;
border-width : 1px;
height : 15px;
}
.checkbox {
font-family : Verdana;
color : #000000;
border : 0 solid #000000;
border-color : #c9bda3;
}
.textarea {
border : 1px solid #000000;
color : #59483e;
background-color : #efe7d5;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : xx-small;
border-width : 1px;
border-style : solid;
}
.twhite {
text-decoration : none;
color : #f6f0e4;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
text-decoration : none;
}
.tbraun {
text-decoration : none;
color : #59483e;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
}
.bigbraun {
text-decoration : none;
color : #59483e;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : normal;
}
.tbraunk {
text-decoration : none;
color : #59483e;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px;
font-weight : normal;
}
.caption {
text-decoration : none;
color : #59483e;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
}
td.row {
color : #59483e;
border-left : 1px solid black;
border-right : 1px solid black;
border-top : 1px solid black;
border-bottom : 1px solid black;
}
#header {
width : 820px;
vertical-align : middle;
margin : 0;
padding : 0;
left : 0;
top : 0;
right : 0;
bottom : 0;
clip : rect(0,0,0,0);
}


und hier der teil den ich nicht schaffe umzustellen :

Code: 
<table width="820" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#C5BA9B">
<tr>
<td width="122" align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" height="100%" width="122">
<tbody>
<tr>
<td width="122" valign="top" bgcolor="#efe7d5">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td bgcolor="#59483e" height="15" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top">[img]../incl/picer/spacer.gif[/img]</td>
<td class="twhite" width="206">

..:: Navigation ::..</p></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td bgcolor="#C5BA9B" height="280" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td colspan="2" valign="top">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td valign="top">&</td>
<td width="206" class="twhite">Link</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
<td width="5" align="left" valign="top" bgcolor="#FFFFFF">[img]../incl/picer/spacer.gif[/img]</td>
<td align="left" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="608" valign="top" bgcolor="#efe7d5">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td bgcolor="#59483e" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="twhite" ><p align="center">..:: News - Info ::..</p></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td height="8" align="left" valign="top" bgcolor="#FFFFFF" class="tbraun">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td height="281" valign="top" bgcolor="#FFFFFF" class="tbraun">Inhalt</td>
</tr>
</tbody>
</table></td>
<td width="5" align="right" valign="top" bgcolor="#FFFFFF">[img]../incl/picer/spacer.gif[/img]</td>
<td width="122" align="right" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="122">
<tbody>
<tr>
<td width="122" valign="top" bgcolor="#efe7d5">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td bgcolor="#59483e" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="114" valign="top" class="twhite"><div align="center">..:: News - Info ::..</div></td>
<td width="10" align="right" valign="top" class="twhite">

[img]../incl/picer/spacer.gif[/img]</p></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td align="right" valign="top" bgcolor="#C5BA9B"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td colspan="2" valign="top">[img]../incl/picer/spacer.gif[/img]</td>
</tr>
<tr>
<td valign="top">&</td>
<td width="206" class="twhite">News</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
<tr>
<td valign="top">&</td>
<td class="twhite">&</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</table>

würde mich freuen wen mir jemand helfen könnte dabei.

danke euch allen schon mal im vorraus...
 
U

Uwe411

Guest

Den ganzen Code werde ich mir nicht ansehen, geschweige denn umstellen.

Poste mal den Link zu der Seite.

Im Prinzip brauchst Du nur den Content aus den Tabellenzellen in die div-Container zu packen.
 
B

BlueThunder

Nicht mehr ganz neu hier

Hi!

Sollte Dir niemand helfen können, dann frage mal hier an. :wink:

MfG BT

edit by TRex: wir bleiben auf unserem Forum, es sei denn, du hast schon ne Lösung.
 
B

BlueThunder

Nicht mehr ganz neu hier

edit by TRex: wir bleiben auf unserem Forum, es sei denn, du hast schon ne Lösung.
Zum Vergrößern anklicken....
Was soll denn das?? Ist es verboten einen Link zu posten?? Ich mache im Homepage-Forum auch "Werbung" für DIESES Forum, mit dem Unterschied,dass man dort keine blöden Komentare von einem Moderator bekommt!!

MfG BT
 
B

BlueThunder

Nicht mehr ganz neu hier

ok, entschuldigung..habe das thema des forums nicht beachtet..bitte um vergebung :oops:
Zum Vergrößern anklicken....

Ist schon OK, Entschuldigung akzeptiert, aber ich kann es nicht haben, wenn jemand meinen Text verändert ohne einen triftigen Grund! (Siehe LINK oben) :evil:

Wenn ich auf eine Seite mit illegalen Inhalten verwiesen hätte, dann würde ich es ja verstehen.

Wir sind doch nicht bei einem großen Softwareriesen, der seine Produkte dem User aufdrängen muss, ohne der "Konkurrenz" ne Scheibe abzugeben :wink:
Ich denke auch nicht, dass das Homepage-forum eine Konkurrenz ist, viel eher ist es eine super Ergänzung zu diesem SUPER Forum. Und wenn dem guten GateKay keiner eine Antwort geben kann, dann ist es doch schön ihm eine solche Alternative bieten zu können. Es ist immerhin besser, als den Thread unbeantwortet in den unendlichen Weiten des Internets bzw. von PSD-Tutorials.de verschwinden zu lassen. Oder würdest Du zu einem Forum zurückkehren, wo Dir niemand hilft?

HIER NOCH MAL DEN RICHTIGEN LINK

MfG BT
 
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
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 1.188 (Mitglieder: 1, Gäste: 1.187)
Robots: 223

Statistik des Forums

Themen
175.187
Beiträge
2.582.068
Mitglieder
67.257
Neuestes Mitglied
Can Ergin
Oben