Navigation

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Hallo zusammen !
    Ich habe mich gerade hier neu angemeldet und habe mal ein Problem mit HTML, ich habe eine Seite gemacht, nun wollte ich zwei Navigationen rechts und links vom mittel-Text haben....

    Ich beiße mir seit einer Stund die Zähne daran aus, und weiß nicht weiter....

    Hier der index code

    PHP-Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html>
    3. <head>
    4. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    5. <title>..::Bestellung::..</title>
    6. <style type="text/css">
    7. body
    8. {
    9. background-color: #8A949E;
    10. color: #000000;
    11. font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    12. margin: 5px 5px 10px 5px;
    13. }
    14. a:link
    15. {
    16. color: #22229C;
    17. }
    18. a:visited
    19. {
    20. color: #22229C;
    21. }
    22. a:hover, a:active
    23. {
    24. color: #FF4400;
    25. }
    26. .page
    27. {
    28. background-color: #BBC7CE;
    29. color: #000000;
    30. }
    31. .thead
    32. {
    33. background: #5C7099 url(images/gradients/gradient_the.gif) repeat-x top left;
    34. color: #FFFFFF;
    35. font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    36. }
    37. td, th, p, li
    38. {
    39. font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    40. }
    41. .tborder
    42. {
    43. background-color: #D1D1E1;
    44. color: #000000;
    45. border: 1px solid #1E325C;
    46. }
    47. .tcat
    48. {
    49. background: #465F82 url(images/gradient_tcat.gif) repeat-x top left;
    50. color: #FFFFFF;
    51. font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    52. }
    53. .tcat a:link
    54. {
    55. color: #ffffff;
    56. text-decoration: none;
    57. }
    58. .tcat a:visited
    59. {
    60. color: #ffffff;
    61. text-decoration: none;
    62. }
    63. .tcat a:hover, .tcat a:active
    64. {
    65. color: #FFFF66;
    66. text-decoration: underline;
    67. }
    68. .thead
    69. {
    70. background: #27468A url(images/gradient_thead.gif);
    71. color: #FFFFFF;
    72. font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    73. }
    74. .thead a:link
    75. {
    76. color: #FFFFFF;
    77. }
    78. .thead a:visited
    79. {
    80. color: #FFFFFF;
    81. }
    82. .thead a:hover, .thead a:active
    83. {
    84. color: #FFFF00;
    85. }
    86. .tfoot
    87. {
    88. background-color: #354D7A;
    89. color: #E0E0F6;
    90. }
    91. .tfoot a:link
    92. {
    93. color: #E0E0F6;
    94. }
    95. .tfoot a:visited
    96. {
    97. color: #E0E0F6;
    98. }
    99. .tfoot a:hover, .tfoot a:active
    100. {
    101. color: #FFFF66;
    102. }
    103. .alt1, .alt1Active
    104. {
    105. background-color: #F5F5FF;
    106. color: #000000;
    107. border-top: #E1E4F2 1px solid;
    108. border-left: #E1E4F2 1px solid;
    109. }
    110. .alt2, .alt2Active
    111. {
    112. background-color: #E1E4F2;
    113. color: #000000;
    114. border-top: #FFFFFF 1px solid;
    115. border-left: #FFFFFF 1px solid;
    116. }
    117. .smallfont
    118. {
    119. font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    120. }
    121. .time
    122. {
    123. color: #666686;
    124. }
    125. .vbmenu_control
    126. {
    127. background-color: #2B4782;
    128. color: #FFFFFF;
    129. font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    130. padding: 3px 6px 3px 6px;
    131. white-space: nowrap;
    132. }
    133. .vbmenu_control a:link
    134. {
    135. color: #FFFFFF;
    136. text-decoration: none;
    137. }
    138. .vbmenu_control a:visited
    139. {
    140. color: #FFFFFF;
    141. text-decoration: none;
    142. }
    143. .vbmenu_control a:hover, .vbmenu_control a:active
    144. {
    145. color: #FFFFFF;
    146. text-decoration: underline;
    147. }
    148. legend
    149. {
    150. color: #22229C;
    151. font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    152. }
    153. .qa
    154. {
    155. font: bold 20px times new roman, helvetica, sans-serif;
    156. }
    157. .pad8
    158. {
    159. padding-bottom: 8px;
    160. }
    161. </style>
    162. </head>
    163. <body>
    164. <!-- logo -->
    165. <a name="top"></a>
    166. <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    167. <tr>
    168. <td align="left"><a href="http://ts-hoster.eu" target="_blank"><img alt="Startseite" border="0" src="http://www.freesoft-board.to/images/header.gif" /></a></td>
    169. <td align="right">&nbsp;</td>
    170. </tr>
    171. </table>
    172. <div align="center">
    173. <div class="page" style="text-align:left">
    174. <div style="padding:0px 25px 0px 25px">
    175. <br />
    176. <table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center">
    177. <tr align="center">
    178. <td class="vbmenu_control"><a href="#installation">Bestellung</a></td>
    179. <td class="vbmenu_control"><a href="#upgrade">Paket&uuml;bersicht</a></td>
    180. <td class="vbmenu_control"><a href="#faq">F.A.Q.</a></td>
    181. <td class="vbmenu_control"><a href="#help">Hilfe und Support</a></td>
    182. </tr>
    183. </table>
    184. <br />
    185. <br />
    186. [COLOR='Red']<?php
    187. include "navigation_li.php";
    188. ?>[/COLOR]
    189. <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
    190. <tr>
    191. <td class="tcat"><b>Willkommen</b></td></tr>
    192. <tr><td class="alt1">Herzlich Willkommen auf unserer Seite. Wir bitten Sie sich die AGB´s vor der Bestellung durchzulesen, denn oft kommt es vor, dass man die h&auml;lfte nicht verstehet und nach Bestellung dann erst Fragt was etwas genau hei&szlig;t. Falls Sie fragen zu unseren AGB´s haben, gehen Sie hierzu bitte ins Forum und stellen dort Ihre Frage. Sobald Sie die Bestellung abgeschickt haben, sind Sie mit unseren AGB´s automatisch einverstanden.
    193. </td>
    194. </tr>
    195. <tr>
    196. <td class="thead">Hilfe und Support</td>
    197. </tr>
    198. <tr>
    199. <td class="alt2">Falls Sie Probleme haben, kommen Sie einfach in unser <a href="http://support.ts-hoster.eu">Supportforum</a> oder gleich auf unseren TS-Server. Bitte stellen Sie Ihr Problem so gut es geht da, vorher k&ouml;nnen Sie allerdings die Boardsuche benutzen, vielleicht gab es ja schon die eine oder anderen gleiche Frage. Falls dies nicht der Fall sein sollte, benutzen Sie im Forum ein m&ouml;glichst Aussagekr&auml;ftigen Titel, damit unsere Mitarbeiter auch schon im Titel Ihr Problem wissen.<br />
    200. Supportanfragen via E-Mail, PN (Private Nachricht) oder Messenger (ICQ, MSN, ect...) <b>werden ignoriert</b>.
    201. </td>
    202. </tr>
    203. <tr>
    204. <td class="thead">Copyright</td>
    205. </tr>
    206. <tr>
    207. <td class="alt1">
    208. <div class="pad8">Der Copyright liegt bei <a href="http://ts-hoster.eu">TS-Hoster.eu</a> - 2007</div>
    209. </td>
    210. </tr></table><br />
    211. [COLOR='Red']<?php
    212. include "navigation_re.php";
    213. ?>[/COLOR]
    214. </td></tr></table><br /><br />
    215. </body>
    216. </html>
    Alles anzeigen


    Das rot-makierte ist der php code für die Navigation:

    navigation_li:
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr valign="top">


    <td>
    <div id="collapseobj_vbcms_table_left" style=" width:186px;padding:0 10px 0 0;">
    <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
    <thead>

    <tr>
    <td class="tcat">
    <a href="#top" onclick="return toggle_collapse('module_41')" style="float:right"><img alt="" border="0" id="collapseimg_module_41" src="http://www.freesoft-board.to/images/buttons/collapse_tcat.gif" /></a>
    Navigation
    </td>
    </tr>
    </thead>
    <tbody id="collapseobj_module_41" style="">
    <tr>
    <td class="alt1">

    <a href"index.php">Startseite</a><br>

    <a href"portal.php">Forum</a><br>

    <a href"http://google.de">google</a><br>
    </td>
    </tr>
    </tbody>
    </table><br /><table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

    <thead>





    Jetzt die frage, welcher fehler ist da drinne ?!? ich habe keine ahnung....

    So sieht meine Seite aus.... ..::Bestellung::..

    Danke, grüße
    Steffen
  • oO"
    Hi (und herzlich Willkommen an/im Board),
    tut mir leid, dass ich dich mit einem Smilie begrüße, aber ich bin etwas verwirrt.
    Am Anfang eine Frage: Du hast eine Seite vom VBulletin gespeichert und die dann mit deinem HTML-Wissen überarbeitet, oder?

    So dann lösch erstmal die letzte Zeilen, bei den Naviagtionen

    Quellcode

    1. <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
    2. <thead>


    Und Pack da lieber mal ein

    Quellcode

    1. </div></td></tr></table>

    hin.

    Dann ist der Fehler, der dafür sorgt, dass alles an der Seite ist behoben, man weiß aber nicht was dein Idealbild von der Seite ist, darum kann man dir mehr nicht helfen.
    Wenn es aber Okay so ist => Gut ^^

    Gruß
    Broken Sword
  • Hallo !
    Ja habe ich etwas abgeändert oO ^^

    Also ich habe das jetzt geändert.....

    Ich wollte gerne eine Navigation auf der Rechten und linken seite haben... das heißt die beiden Navi Blocks, die ich unten haben sollen einmal rechts und einmal links neben dem mittel Text seuin, wie so eine navigation halt daneben ist. leider weiß ich keinen code dafür um diese beiden auf die rechte und linke seite zu tun....

    Aber danke für deine schnelle Antwort ;)

    Hallo,
    hab das jetzt nochmal versucht, aber leider klappt das alles nicht so wirklich :confused:

    Kann da einer vielleicht helfen ? Hab auch MSN und ICQ *lg*

    greez
    Steven90