Anzeige

tabellen durch div container ersetzen

tabellen durch div container ersetzen | PSD-Tutorials.de

Erstellt von GateKay, 22.05.2005.

  1. GateKay

    GateKay Guest

    tabellen durch div container ersetzen
    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 (Text):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    5. <title>Unbenanntes Dokument</title>
    6. <link href="incl/style/css_op.css" rel="stylesheet" type="text/css" />
    7. </head>
    8.  
    9. <body>
    10. <div class="header" id="headop01">
    11. <div align="center">
    12. <table align="center" cellspacing="0" cellpadding="0">
    13. <tr>
    14. <td valign="top">[img]incl/picer/head1.jpg[/img]</td>
    15. <td valign="top">[img]incl/picer/head2.jpg[/img]</td>
    16. </tr>
    17. <tr>
    18. <td valign="top">[img]incl/picer/head3.jpg[/img]</td>
    19. <td valign="top">[img]incl/picer/head4.jpg[/img]</td>
    20. </tr>
    21. </table>
    22. </div>
    23. </div>
    hier die css datei dazu :
    Code (Text):
    1. /* CSS Document */
    2.  
    3. body , textarea , iframe {
    4. background-color : #3b3b3b;
    5. margin : 0;
    6. }
    7. .border {
    8. border-color : #000000;
    9. border-style : solid;
    10. border-width : 1px;
    11. }
    12. a.content:link {
    13. font-family : Verdana;
    14. color : #000000;
    15. text-decoration : none;
    16. font-style : normal;
    17. }
    18. a.content:visited {
    19. font-family : Verdana;
    20. color : #000000;
    21. text-decoration : none;
    22. font-style : normal;
    23. }
    24. a.content:active {
    25. font-family : Verdana;
    26. color : #000000;
    27. text-decoration : none;
    28. font-style : normal;
    29. }
    30. a.content:hover {
    31. font-family : Verdana;
    32. color : #ffffff;
    33. text-decoration : none;
    34. }
    35. .button {
    36. font-size : 9px;
    37. font-family : Verdana, Arial, Helvetica, sans-serif;
    38. border : 1px solid #000000;
    39. background-color : #ffffff;
    40. border-color : #828282;
    41. color : #000000;
    42. padding : 0;
    43. }
    44. .input {
    45. background : ;
    46. color : #59483e;
    47. border : 1px none inherit;
    48. border-color : #000000;
    49. background-color : #efe7d5;
    50. border-style : solid;
    51. border-width : 1px;
    52. height : 15px;
    53. }
    54. .select {
    55. background : ;
    56. color : #59483e;
    57. border : 1px none inherit;
    58. border-color : #000000;
    59. background-color : #efe7d5;
    60. border-style : solid;
    61. border-width : 1px;
    62. height : 15px;
    63. }
    64. .checkbox {
    65. font-family : Verdana;
    66. color : #000000;
    67. border : 0 solid #000000;
    68. border-color : #c9bda3;
    69. }
    70. .textarea {
    71. border : 1px solid #000000;
    72. color : #59483e;
    73. background-color : #efe7d5;
    74. font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    75. font-size : xx-small;
    76. border-width : 1px;
    77. border-style : solid;
    78. }
    79. .twhite {
    80. text-decoration : none;
    81. color : #f6f0e4;
    82. font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    83. font-size : 10px;
    84. font-weight : normal;
    85. text-decoration : none;
    86. }
    87. .tbraun {
    88. text-decoration : none;
    89. color : #59483e;
    90. font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    91. font-size : 10px;
    92. font-weight : normal;
    93. }
    94. .bigbraun {
    95. text-decoration : none;
    96. color : #59483e;
    97. font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    98. font-size : 20px;
    99. font-weight : normal;
    100. }
    101. .tbraunk {
    102. text-decoration : none;
    103. color : #59483e;
    104. font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    105. font-size : 9px;
    106. font-weight : normal;
    107. }
    108. .caption {
    109. text-decoration : none;
    110. color : #59483e;
    111. font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    112. font-size : 10px;
    113. font-weight : bold;
    114. }
    115. td.row {
    116. color : #59483e;
    117. border-left : 1px solid black;
    118. border-right : 1px solid black;
    119. border-top : 1px solid black;
    120. border-bottom : 1px solid black;
    121. }
    122. #header {
    123. width : 820px;
    124. vertical-align : middle;
    125. margin : 0;
    126. padding : 0;
    127. left : 0;
    128. top : 0;
    129. right : 0;
    130. bottom : 0;
    131. clip : rect(0,0,0,0);
    132. }

    und hier der teil den ich nicht schaffe umzustellen :

    Code (Text):
    1.  
    2.  
    3. <table width="820" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#C5BA9B">
    4. <tr>
    5. <td width="122" align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" height="100%" width="122">
    6. <tbody>
    7. <tr>
    8. <td width="122" valign="top" bgcolor="#efe7d5">[img]../incl/picer/spacer.gif[/img]</td>
    9. </tr>
    10. <tr>
    11. <td bgcolor="#59483e" height="15" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
    12. <tbody>
    13. <tr>
    14. <td valign="top">[img]../incl/picer/spacer.gif[/img]</td>
    15. <td class="twhite" width="206">
    16.  
    17. ..:: Navigation ::..</p></td>
    18. </tr>
    19. </tbody>
    20. </table></td>
    21. </tr>
    22. <tr>
    23. <td bgcolor="#C5BA9B" height="280" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
    24. <tbody>
    25. <tr>
    26. <td colspan="2" valign="top">[img]../incl/picer/spacer.gif[/img]</td>
    27. </tr>
    28. <tr>
    29. <td valign="top">&</td>
    30. <td width="206" class="twhite">Link</td>
    31. </tr>
    32. <tr>
    33. <td valign="top">&</td>
    34. <td class="twhite">&</td>
    35. </tr>
    36. <tr>
    37. <td valign="top">&</td>
    38. <td class="twhite">&</td>
    39. </tr>
    40. <tr>
    41. <td valign="top">&</td>
    42. <td class="twhite">&</td>
    43. </tr>
    44. <tr>
    45. <td valign="top">&</td>
    46. <td class="twhite">&</td>
    47. </tr>
    48. <tr>
    49. <td valign="top">&</td>
    50. <td class="twhite">&</td>
    51. </tr>
    52. <tr>
    53. <td valign="top">&</td>
    54. <td class="twhite">&</td>
    55. </tr>
    56. <tr>
    57. <td valign="top">&</td>
    58. <td class="twhite">&</td>
    59. </tr>
    60. <tr>
    61. <td valign="top">&</td>
    62. <td class="twhite">&</td>
    63. </tr>
    64. <tr>
    65. <td valign="top">&</td>
    66. <td class="twhite">&</td>
    67. </tr>
    68. <tr>
    69. <td valign="top">&</td>
    70. <td class="twhite">&</td>
    71. </tr>
    72. <tr>
    73. <td valign="top">&</td>
    74. <td class="twhite">&</td>
    75. </tr>
    76. <tr>
    77. <td valign="top">&</td>
    78. <td class="twhite">&</td>
    79. </tr>
    80. <tr>
    81. <td valign="top">&</td>
    82. <td class="twhite">&</td>
    83. </tr>
    84. </tbody>
    85. </table></td>
    86. </tr>
    87. </tbody>
    88. </table></td>
    89. <td width="5" align="left" valign="top" bgcolor="#FFFFFF">[img]../incl/picer/spacer.gif[/img]</td>
    90. <td align="left" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    91. <tbody>
    92. <tr>
    93. <td width="608" valign="top" bgcolor="#efe7d5">[img]../incl/picer/spacer.gif[/img]</td>
    94. </tr>
    95. <tr>
    96. <td bgcolor="#59483e" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
    97. <tbody>
    98. <tr>
    99. <td valign="top" class="twhite" ><p align="center">..:: News - Info ::..</p></td>
    100. </tr>
    101. </tbody>
    102. </table></td>
    103. </tr>
    104. <tr>
    105. <td height="8" align="left" valign="top" bgcolor="#FFFFFF" class="tbraun">[img]../incl/picer/spacer.gif[/img]</td>
    106. </tr>
    107. <tr>
    108. <td height="281" valign="top" bgcolor="#FFFFFF" class="tbraun">Inhalt</td>
    109. </tr>
    110. </tbody>
    111. </table></td>
    112. <td width="5" align="right" valign="top" bgcolor="#FFFFFF">[img]../incl/picer/spacer.gif[/img]</td>
    113. <td width="122" align="right" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="122">
    114. <tbody>
    115. <tr>
    116. <td width="122" valign="top" bgcolor="#efe7d5">[img]../incl/picer/spacer.gif[/img]</td>
    117. </tr>
    118. <tr>
    119. <td bgcolor="#59483e" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
    120. <tbody>
    121. <tr>
    122. <td width="114" valign="top" class="twhite"><div align="center">..:: News - Info ::..</div></td>
    123. <td width="10" align="right" valign="top" class="twhite">
    124.  
    125. [img]../incl/picer/spacer.gif[/img]</p></td>
    126. </tr>
    127. </tbody>
    128. </table></td>
    129. </tr>
    130. <tr>
    131. <td align="right" valign="top" bgcolor="#C5BA9B"><table border="0" cellpadding="0" cellspacing="0" width="100%">
    132. <tbody>
    133. <tr>
    134. <td colspan="2" valign="top">[img]../incl/picer/spacer.gif[/img]</td>
    135. </tr>
    136. <tr>
    137. <td valign="top">&</td>
    138. <td width="206" class="twhite">News</td>
    139. </tr>
    140. <tr>
    141. <td valign="top">&</td>
    142. <td class="twhite">&</td>
    143. </tr>
    144. <tr>
    145. <td valign="top">&</td>
    146. <td class="twhite">&</td>
    147. </tr>
    148. <tr>
    149. <td valign="top">&</td>
    150. <td class="twhite">&</td>
    151. </tr>
    152. <tr>
    153. <td valign="top">&</td>
    154. <td class="twhite">&</td>
    155. </tr>
    156. <tr>
    157. <td valign="top">&</td>
    158. <td class="twhite">&</td>
    159. </tr>
    160. <tr>
    161. <td valign="top">&</td>
    162. <td class="twhite">&</td>
    163. </tr>
    164. <tr>
    165. <td valign="top">&</td>
    166. <td class="twhite">&</td>
    167. </tr>
    168. <tr>
    169. <td valign="top">&</td>
    170. <td class="twhite">&</td>
    171. </tr>
    172. <tr>
    173. <td valign="top">&</td>
    174. <td class="twhite">&</td>
    175. </tr>
    176. <tr>
    177. <td valign="top">&</td>
    178. <td class="twhite">&</td>
    179. </tr>
    180. <tr>
    181. <td valign="top">&</td>
    182. <td class="twhite">&</td>
    183. </tr>
    184. <tr>
    185. <td valign="top">&</td>
    186. <td class="twhite">&</td>
    187. </tr>
    188. <tr>
    189. <td valign="top">&</td>
    190. <td class="twhite">&</td>
    191. </tr>
    192. </tbody>
    193. </table></td>
    194. </tr>
    195. </tbody>
    196. </table></td>
    197. </tr>
    198. </table>
    würde mich freuen wen mir jemand helfen könnte dabei.

    danke euch allen schon mal im vorraus...
     
    #1      
  2. Uwe411

    Uwe411 Aktives Mitglied

    Dabei seit:
    01.04.2005
    Beiträge:
    882
    Geschlecht:
    männlich
    Ort:
    6° 22' 0" Nord , 50° 55' 60" Ost
    tabellen durch div container ersetzen
    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.
     
    #2      
  3. BlueThunder

    BlueThunder Nicht mehr ganz neu hier

    Dabei seit:
    10.02.2005
    Beiträge:
    208
    Geschlecht:
    männlich
    Ort:
    Gelsenkirchen
    Software:
    PS | DW | ID | AI | FL | C4d
    tabellen durch div container ersetzen
    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.
     
    #3      
  4. BlueThunder

    BlueThunder Nicht mehr ganz neu hier

    Dabei seit:
    10.02.2005
    Beiträge:
    208
    Geschlecht:
    männlich
    Ort:
    Gelsenkirchen
    Software:
    PS | DW | ID | AI | FL | C4d
    tabellen durch div container ersetzen
    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
     
    #4      
  5. TRex2003

    TRex2003 Hat es drauf

    Dabei seit:
    15.04.2004
    Beiträge:
    2.582
    Geschlecht:
    männlich
    Software:
    vi :P
    tabellen durch div container ersetzen
    ok, entschuldigung..habe das thema des forums nicht beachtet..bitte um vergebung :oops:
     
    #5      
  6. BlueThunder

    BlueThunder Nicht mehr ganz neu hier

    Dabei seit:
    10.02.2005
    Beiträge:
    208
    Geschlecht:
    männlich
    Ort:
    Gelsenkirchen
    Software:
    PS | DW | ID | AI | FL | C4d
    tabellen durch div container ersetzen
    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
     
    #6      
x
×
×
teststefan