Navigation


  • Steven90
  • 874 Aufrufe 4 Antworten

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

  • Navigation

    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" />
    6. <title>..::Bestellung::..</title>
    7. <style type="text/css">
    8. body
    9. {
    10. background-color: #8A949E;
    11. color: #000000;
    12. font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    13. margin: 5px 5px 10px 5px;
    14. }
    15. a:link
    16. {
    17. color: #22229C;
    18. }
    19. a:visited
    20. {
    21. color: #22229C;
    22. }
    23. a:hover, a:active
    24. {
    25. color: #FF4400;
    26. }
    27. .page
    28. {
    29. background-color: #BBC7CE;
    30. color: #000000;
    31. }
    32. .thead
    33. {
    34. background: #5C7099 url(images/gradients/gradient_the.gif) repeat-x top left;
    35. color: #FFFFFF;
    36. font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    37. }
    38. td, th, p, li
    39. {
    40. font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    41. }
    42. .tborder
    43. {
    44. background-color: #D1D1E1;
    45. color: #000000;
    46. border: 1px solid #1E325C;
    47. }
    48. .tcat
    49. {
    50. background: #465F82 url(images/gradient_tcat.gif) repeat-x top left;
    51. color: #FFFFFF;
    52. font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    53. }
    54. .tcat a:link
    55. {
    56. color: #ffffff;
    57. text-decoration: none;
    58. }
    59. .tcat a:visited
    60. {
    61. color: #ffffff;
    62. text-decoration: none;
    63. }
    64. .tcat a:hover, .tcat a:active
    65. {
    66. color: #FFFF66;
    67. text-decoration: underline;
    68. }
    69. .thead
    70. {
    71. background: #27468A url(images/gradient_thead.gif);
    72. color: #FFFFFF;
    73. font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    74. }
    75. .thead a:link
    76. {
    77. color: #FFFFFF;
    78. }
    79. .thead a:visited
    80. {
    81. color: #FFFFFF;
    82. }
    83. .thead a:hover, .thead a:active
    84. {
    85. color: #FFFF00;
    86. }
    87. .tfoot
    88. {
    89. background-color: #354D7A;
    90. color: #E0E0F6;
    91. }
    92. .tfoot a:link
    93. {
    94. color: #E0E0F6;
    95. }
    96. .tfoot a:visited
    97. {
    98. color: #E0E0F6;
    99. }
    100. .tfoot a:hover, .tfoot a:active
    101. {
    102. color: #FFFF66;
    103. }
    104. .alt1, .alt1Active
    105. {
    106. background-color: #F5F5FF;
    107. color: #000000;
    108. border-top: #E1E4F2 1px solid;
    109. border-left: #E1E4F2 1px solid;
    110. }
    111. .alt2, .alt2Active
    112. {
    113. background-color: #E1E4F2;
    114. color: #000000;
    115. border-top: #FFFFFF 1px solid;
    116. border-left: #FFFFFF 1px solid;
    117. }
    118. .smallfont
    119. {
    120. font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    121. }
    122. .time
    123. {
    124. color: #666686;
    125. }
    126. .vbmenu_control
    127. {
    128. background-color: #2B4782;
    129. color: #FFFFFF;
    130. font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    131. padding: 3px 6px 3px 6px;
    132. white-space: nowrap;
    133. }
    134. .vbmenu_control a:link
    135. {
    136. color: #FFFFFF;
    137. text-decoration: none;
    138. }
    139. .vbmenu_control a:visited
    140. {
    141. color: #FFFFFF;
    142. text-decoration: none;
    143. }
    144. .vbmenu_control a:hover, .vbmenu_control a:active
    145. {
    146. color: #FFFFFF;
    147. text-decoration: underline;
    148. }
    149. legend
    150. {
    151. color: #22229C;
    152. font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    153. }
    154. .qa
    155. {
    156. font: bold 20px times new roman, helvetica, sans-serif;
    157. }
    158. .pad8
    159. {
    160. padding-bottom: 8px;
    161. }
    162. </style>
    164. </head>
    165. <body>
    167. <!-- logo -->
    168. <a name="top"></a>
    169. <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    170. <tr>
    171. <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>
    172. <td align="right">&nbsp;</td>
    173. </tr>
    174. </table>
    178. <div align="center">
    179. <div class="page" style="text-align:left">
    180. <div style="padding:0px 25px 0px 25px">
    182. <br />
    184. <table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center">
    185. <tr align="center">
    187. <td class="vbmenu_control"><a href="#installation">Bestellung</a></td>
    188. <td class="vbmenu_control"><a href="#upgrade">Paket&uuml;bersicht</a></td>
    189. <td class="vbmenu_control"><a href="#faq">F.A.Q.</a></td>
    190. <td class="vbmenu_control"><a href="#help">Hilfe und Support</a></td>
    192. </tr>
    193. </table>
    195. <br />
    196. <br />
    198. [COLOR='Red']<?php
    199. include "navigation_li.php";
    200. ?>[/COLOR]
    203. <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
    204. <tr>
    205. <td class="tcat"><b>Willkommen</b></td></tr>
    207. <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.
    208. </td>
    209. </tr>
    214. <tr>
    215. <td class="thead">Hilfe und Support</td>
    216. </tr>
    217. <tr>
    218. <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 />
    219. Supportanfragen via E-Mail, PN (Private Nachricht) oder Messenger (ICQ, MSN, ect...) <b>werden ignoriert</b>.
    220. </td>
    221. </tr>
    222. <tr>
    223. <td class="thead">Copyright</td>
    224. </tr>
    225. <tr>
    226. <td class="alt1">
    227. <div class="pad8">Der Copyright liegt bei <a href="http://ts-hoster.eu">TS-Hoster.eu</a> - 2007</div>
    229. </td>
    230. </tr></table><br />
    232. [COLOR='Red']<?php
    233. include "navigation_re.php";
    234. ?>[/COLOR]
    240. </td></tr></table><br /><br />
    242. </body>
    243. </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">
    3. <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
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.

  • 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