Bilder in die Tabs?


  • Icke
  • 1399 Aufrufe 6 Antworten

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

  • Bilder in die Tabs?

    Servus,

    Ich hab gleich 2 Fragen...

    1. Ich nutze Opera... Bei Opera kann man ja auch kleine Bilder für die einzelnen Tabs festlegen... Wie macht man das???

    2. Ich hab auf meiner Homepage das Problem, dass ich am rand ausserhalb meiner eigentlichen Seite einen hellblauen Rand habe... Die Homepage wurde mit Web2Date erstellt. Ich hab mir den Quelltext angeguckt und kann aber beim besten Willen nicht den Farbcode finden um das zu ändern... Wie kann ich das am besten machen??

    Schon mal vielen Dank im Vorraus
    MfG
    Icke

  • Hier die Homepage

    Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    3. <html>
    4. <head>
    5. <title>Eintracht B&ouml;tzow e.V.</title>
    6. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    7. <meta http-equiv="expires" content="0">
    8. <meta name="author" content="">
    9. <meta name="description" content="">
    10. <meta name="keywords" lang="" content="">
    11. <meta name="generator" content="Web2Date BASIC">
    12. <link rel="stylesheet" type="text/css" href="./assets/s.css">
    13. <link rel="stylesheet" type="text/css" href="./assets/ssb.css">
    14. </head>
    16. <script language="JavaScript">
    17. agent = navigator.userAgent;
    18. yes = 0;
    19. if(agent.substring(0,7) == "Mozilla")
    20. {
    21. if( parseInt(agent.substring(8,9)) >= 3)
    22. {
    23. yes = 1;
    24. }
    25. }
    27. if(yes)
    28. {
    29. p1n = new Image();
    30. p1n.src = "./images/pmt1.gif";
    31. p1h = new Image();
    32. p1h.src = "./images/pmth1.gif";
    33. p2n = new Image();
    34. p2n.src = "./images/pmt2.gif";
    35. p2h = new Image();
    36. p2h.src = "./images/pmth2.gif";
    37. p3n = new Image();
    38. p3n.src = "./images/pmt3.gif";
    39. p3h = new Image();
    40. p3h.src = "./images/pmth3.gif";
    41. p4n = new Image();
    42. p4n.src = "./images/pmt4.gif";
    43. p4h = new Image();
    44. p4h.src = "./images/pmth4.gif";
    45. p5n = new Image();
    46. p5n.src = "./images/pmt5.gif";
    47. p5h = new Image();
    48. p5h.src = "./images/pmth5.gif";
    49. p6n = new Image();
    50. p6n.src = "./images/pmt6.gif";
    51. p6h = new Image();
    52. p6h.src = "./images/pmth6.gif";
    53. p7n = new Image();
    54. p7n.src = "./images/pmt7.gif";
    55. p7h = new Image();
    56. p7h.src = "./images/pmth7.gif";
    57. p8n = new Image();
    58. p8n.src = "./images/pmt8.gif";
    59. p8h = new Image();
    60. p8h.src = "./images/pmth8.gif";
    61. }
    62. function CI(imgNum,imgName)
    63. {
    64. if(yes)
    65. {
    66. document.images[imgNum].src = eval(imgName + ".src")
    67. }
    68. }
    69. </script>
    72. <body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" bgcolor="#88A9B8" text="#000000" link="#000000" vlink="#000000" alink="#000000" bottommargin="0" rightmargin="0">
    73. <table cellpadding="0" cellspacing="0" bgcolor="#315214" border="0">
    75. <tr>
    76. <td><img src="./images/s2dlogo.jpg" width="800" height="100" alt="" border="0"></td>
    77. </tr>
    79. <tr>
    80. <td><a href="./index.php"><img src="./images/ptb.gif" width="800" height="20" alt="" border="0"></a></td>
    81. </tr>
    83. <tr>
    84. <td><table cellpadding="0" cellspacing="0" bgcolor="#315214" border="0">
    85. <tr>
    86. <td colspan="3"><a href="./ueberuns/index.html" onmouseover="CI('p1','p1h');return true" onmouseout="CI('p1','p1n');return true"><img src="./images/pmt1.gif" width="100" height="20" name="p1" alt="" border="0"></a></td>
    87. <td colspan="3"><a href="./abteilung2/index.html" onmouseover="CI('p2','p2h');return true" onmouseout="CI('p2','p2n');return true"><img src="./images/pmt2.gif" width="100" height="20" name="p2" alt="" border="0"></a></td>
    88. <td colspan="3"><a href="./news/index.html" onmouseover="CI('p3','p3h');return true" onmouseout="CI('p3','p3n');return true"><img src="./images/pmt3.gif" width="100" height="20" name="p3" alt="" border="0"></a></td>
    89. <td colspan="3"><a href="./abteilung1/index.html" onmouseover="CI('p4','p4h');return true" onmouseout="CI('p4','p4n');return true"><img src="./images/pmt4.gif" width="100" height="20" name="p4" alt="" border="0"></a></td>
    90. <td colspan="3"><a href="./abteilung3/index.html" onmouseover="CI('p5','p5h');return true" onmouseout="CI('p5','p5n');return true"><img src="./images/pmt5.gif" width="100" height="20" name="p5" alt="" border="0"></a></td>
    91. <td colspan="3"><a href="./000000976113da65c/index.php" onmouseover="CI('p6','p6h');return true" onmouseout="CI('p6','p6n');return true"><img src="./images/pmt6.gif" width="100" height="20" name="p6" alt="" border="0"></a></td>
    92. <td colspan="3"><a href="http://www.eintracht-boetzow.de/wbb2/index.php" onmouseover="CI('p7','p7h');return true" onmouseout="CI('p7','p7n');return true"><img src="./images/pmt7.gif" width="100" height="20" name="p7" alt="" border="0"></a></td>
    93. <td colspan="3"><a href="./links/index.html" onmouseover="CI('p8','p8h');return true" onmouseout="CI('p8','p8n');return true"><img src="./images/pmt8.gif" width="100" height="20" name="p8" alt="" border="0"></a></td>
    94. </tr>
    96. <tr>
    97. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    98. <td width="90" valign="top">
    99. <a class="nav" href="./ueberuns/zuhause/index.html">Unser Zuhause</a><br>
    100. <a class="nav" href="./ueberuns/vorstand/index.html">Der Vorstand</a><br>
    101. <a class="nav" href="./ueberuns/mitgliedwerden/default.html">Mitglied werden</a><br>
    102. </td>
    103. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    104. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    105. <td width="90" valign="top">
    106. <a class="nav" href="./abteilung2/seite3/index.html">1. Herren</a><br>
    107. <a class="nav" href="./abteilung2/seite4/index.html">2. Herren</a><br>
    108. <a class="nav" href="./abteilung2/seite5/index.html">Senioren</a><br>
    109. <a class="nav" href="./abteilung2/00000097611259002/index.html">A- Junioren</a><br>
    110. <a class="nav" href="./abteilung2/00000097611259407/index.html">B- Junioren</a><br>
    111. <a class="nav" href="./abteilung2/0000009761125e30c/index.html">C- Junioren</a><br>
    112. <a class="nav" href="./abteilung2/0000009761125e511/index.html">Minis</a><br>
    113. </td>
    114. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    115. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    116. <td width="90" valign="top">
    117. <a class="nav" href="./news/00000097620f56405/index.html">1. M&auml;nner</a><br>
    118. <a class="nav" href="./news/00000097620f9cf08/index.html">2. M&auml;nner</a><br>
    119. <a class="nav" href="./news/00000097620f9d10b/index.html">Senioren</a><br>
    120. <a class="nav" href="./news/00000097620f9d30e/index.html">A- Junioren</a><br>
    121. <a class="nav" href="./news/00000097620f9d511/index.html">B- Junioren</a><br>
    122. <a class="nav" href="./news/00000097620f9d714/index.html">C- Junioren</a><br>
    123. <a class="nav" href="./news/00000097620f9d917/index.html">Minis</a><br>
    124. </td>
    125. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    126. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    127. <td width="90" valign="top">
    128. <a class="nav" href="./abteilung1/seite1/index.html">Jugend</a><br>
    129. <a class="nav" href="./abteilung1/seite2/index.html">Archiv</a><br>
    130. </td>
    131. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    132. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    133. <td width="90" valign="top">
    134. <a class="nav" href="./abteilung3/000000976114c0304/index.html">Hallenturnier in Kremmen</a><br>
    135. <a class="nav" href="./abteilung3/000000976114cc106/index.html">M&uuml;hlenbeck vs. B&ouml;tzow I</a><br>
    136. </td>
    137. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    138. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    139. <td width="90" valign="top">
    140. </td>
    141. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    142. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    143. <td width="90" valign="top">
    144. </td>
    145. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    146. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    147. <td width="90" valign="top">
    148. </td>
    149. <td><img src="./images/pcp.gif" width="5" height="1" alt="" border="0"></td>
    150. </tr>
    152. <tr>
    153. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    154. <td><img src="./images/pcp.gif" width="90" height="5" alt="" border="0"></td>
    155. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    156. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    157. <td><img src="./images/pcp.gif" width="90" height="5" alt="" border="0"></td>
    158. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    159. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    160. <td><img src="./images/pcp.gif" width="90" height="5" alt="" border="0"></td>
    161. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    162. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    163. <td><img src="./images/pcp.gif" width="90" height="5" alt="" border="0"></td>
    164. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    165. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    166. <td><img src="./images/pcp.gif" width="90" height="5" alt="" border="0"></td>
    167. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    168. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    169. <td><img src="./images/pcp.gif" width="90" height="5" alt="" border="0"></td>
    170. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    171. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    172. <td><img src="./images/pcp.gif" width="90" height="5" alt="" border="0"></td>
    173. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    174. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    175. <td><img src="./images/pcp.gif" width="90" height="5" alt="" border="0"></td>
    176. <td><img src="./images/pcp.gif" width="5" height="5" alt="" border="0"></td>
    177. </tr>
    178. </table></td>
    179. </tr>
    181. <tr bgcolor="#ffffff">
    182. <td>
    184. <table cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" width="800">
    185. <tr>
    186. <td><img src="./images/pcp.gif" width="10" height="4" alt="" border="0"></td>
    187. <td><img src="./images/pcp.gif" width="610" height="4" alt="" border="0"></td>
    188. <td><img src="./images/pcp.gif" width="10" height="4" alt="" border="0"></td>
    189. <td bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="10" height="4" alt="" border="0"></td>
    190. <td bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="150" height="4" alt="" border="0"></td>
    191. <td bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="10" height="4" alt="" border="0"></td>
    192. </tr>
    193. <tr>
    194. <td></td>
    195. <td><img src="./images/ph00000000000000001.gif" width="610" height="60" alt="" border="0"></td>
    196. <td></td>
    197. <td bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="10" height="1" alt="" border="0"></td>
    199. <td valign="top" bgcolor="#EEEDB3"><table cellpadding="0" cellspacing="0" border="0">
    200. <tr><form name="search" action="./fts.php" method="get">
    201. <td><input class="search" type="text" name="criteria" size="14" maxlength="30"></td>
    202. <td><input type="image" src="./images/psrchok.gif" border="0"></td>
    203. </form>
    204. </tr>
    205. </table></td>
    206. <td bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="10" height="1" alt="" border="0"></td>
    208. </tr>
    210. <tr>
    211. <td></td>
    212. <td><h2><a name="00000093100a30301"></a>Hallo und willkommen!</h2></td>
    213. <td></td>
    214. <td colspan="3" bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="170" height="1" alt="" border="0"></td>
    215. </tr>
    216. <tr>
    217. <td></td>
    218. <td valign="top"><p ><b>Herzlich willkommen auf unserer Website.<br></b><br>Da die Homepage gerade noch recht Neu ist, wird es wohl noch etwas dauern, bis alles so funktioniert wie es soll. Wir bitten um Ihr Verst&auml;ndnis<br><br>Wenn ihr etwas vermissen oder Fragen haben solltet, kontaktiert bitte den Webmaster unter angegebener E-Mail Adresse. <br><br><br></p></td>
    219. <td></td>
    220. <td bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="10" height="1" alt="" border="0"></td>
    225. <td bgcolor="#EEEDB3" valign="top"><a href="./images/wappen.gif" target="_blank"><img src="./images/wappen_150.gif" width="100" height="124" alt="" border="0"><br></a>
    226. <p class="illu"><strong>Sport - im Verein am Sch&ouml;nsten </strong> <br><br></p>
    227. </td>
    228. <td bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="10" height="1" alt="" border="0"></td>
    229. </tr>
    231. <tr>
    232. <td></td>
    233. <td><h2><a name="0000009761149d301"></a>Hallenkreismeisterschaft in Kremmen</h2></td>
    234. <td></td>
    235. <td colspan="3" bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="170" height="1" alt="" border="0"></td>
    236. </tr>
    237. <tr>
    238. <td></td>
    239. <td valign="top"><p >Das Er&ouml;ffnungsspiel wurde gegen die sportliche Vertretung aus B&auml;renklau ausgetragen und direkt mit 5:3 verloren. Bereits nach 5 gespielten Minuten lag man 4:0 zur&uuml;ck. Es ist in erster Linie Matthias Graef zu verdanken, dass noch einmal aufgeholt wurde. mit seinen Treffern zum 4:1 und 4:2 konnten die B&ouml;tzower noch einmal aufholen. Kurz darauf wurde jedoch mit dem 5:2 der Sack aus B&auml;renklauer Sicht dichtgemacht. 2 Minuten vor Schluss verwandelte Mike Ganschow einen indirekten Freistoss zum 5:3 Endstand. Leider schienen im ersten Spiel des Turniers nur vereinzelt die Spieler der Eintracht geistig anwesend zu sein. <a href="./abteilung1/index.html#000000976112fd81c">[mehr]</a></p></td>
    240. <td></td>
    241. <td bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="10" height="1" alt="" border="0"></td>
    246. <td bgcolor="#EEEDB3" valign="top"><a href="./images/dsci0004.jpg" target="_blank"><img src="./images/dsci0004_150.jpg" width="150" height="112" alt="" border="0"><br></a>
    247. <p class="illu"><strong> </strong> <br><br></p>
    248. </td>
    249. <td bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="10" height="1" alt="" border="0"></td>
    250. </tr>
    252. <tr>
    253. <td></td>
    254. <td><h2><a name="000000976114a2102"></a>B&ouml;tzow I verliert Testspiel in M&uuml;hlenbeck</h2></td>
    255. <td></td>
    256. <td colspan="3" bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="170" height="1" alt="" border="0"></td>
    257. </tr>
    258. <tr>
    259. <td></td>
    260. <td valign="top"><p >Zu allererst ein Dank an die Verantwortlichen aus M&uuml;hlenbeck, die es schafften trotz der widrigen Au&szlig;enbedingungen einen sehr guten, weil eisfreien, Platz zur Verf&uuml;gung zu stellen. Dennoch unterlag man deutlich, was nicht zuletzt daran lag, dass man mit nur 3 Spielern der ersten Mannschaft anreisen konnte. So war von vorneherein das klare Ziel Schadensbegrenzung. Umso &uuml;beraschender war es, dass es die M&uuml;hlenbecker trotz zahlreicher Grosschancen erst in der 35. Minute schafften per Kopfball mit 1:0 in F&uuml;hrung zu gehen. Kurz vor der Pause fiel dann noch das 2:0 nach einem eklatanten Abwehrfehler. Dennoch konnte Trainer Ralf Moser, der mangels spielendem Personals selber auf dem Platz stehen musste, mit der ersten H&auml;lfte weitestgehend zufrieden sein. Die k&auml;mpferische Leistung stimmte und es wurde mit vollem Einsatz gespielt, obwohl man deutlich merkte, dass die Mannschaft den Kunstrasen nie richtig in den Griff bekam. <a href="./abteilung1/index.html#0000009761130471d">[mehr]</a><br></p></td>
    261. <td></td>
    262. <td bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="10" height="1" alt="" border="0"></td>
    267. <td bgcolor="#EEEDB3" valign="top"><a href="./images/mdsci0004.jpg" target="_blank"><img src="./images/mdsci0004_150.jpg" width="150" height="112" alt="" border="0"><br></a>
    268. <p class="illu"><strong> </strong> <br><br></p>
    269. </td>
    270. <td bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="10" height="1" alt="" border="0"></td>
    271. </tr>
    273. <tr>
    274. <td></td>
    275. <td><h2><a name="00000097620fba21a"></a></h2></td>
    276. <td></td>
    277. <td colspan="3" bgcolor="#EEEDB3"><img src="./images/pcp.gif" width="170" height="1" alt="" border="0"></td>
    278. </tr>
    279. <tr>
    280. <td></td>
    281. <td><p><p align="center"><img src="00000097620fba21a0.gif" alt="0"><img src="00000097620fba21a0.gif" alt="0"><img src="00000097620fba21a0.gif" alt="0"><img src="00000097620fba21a0.gif" alt="0"><img src="00000097620fba21a0.gif" alt="0"><img src="00000097620fba21a0.gif" alt="0"><img src="00000097620fba21a2.gif" alt="2"><img src="00000097620fba21a9.gif" alt="9"></p>
    282. </p><br></td>
    283. <td></td>
    284. <td bgcolor="#EEEDB3" colspan="3"><img src="./images/pcp.gif" width="170" height="1" alt="" border="0"></td>
    285. </tr>
    287. </table>
    288. </td>
    289. </tr>
    293. </table>
    295. <table cellpadding="0" cellspacing="0" bgcolor="#000000" border="0" width="800">
    296. <tr>
    297. <td>
    298. <img src="./images/pcp.gif" width="800" height="3" alt="" border="0"></td>
    299. </tr>
    300. <tr>
    301. <td align="right"><span class="nav"><a class="nav" href="./index.php">Startseite</a> | <a class="nav" href="./kontakt.html">Kontakt</a> | <a class="nav" href="./impressum.html">Impressum</a> | <a class="nav" href="./satzung.html">Satzung</a>&nbsp;</span></td>
    302. </tr>
    303. <tr>
    304. <td>
    305. <img src="./images/pcp.gif" width="800" height="3" alt="" border="0"></td>
    306. </tr>
    307. </table>
    308. <br>
    310. </body>
    311. </html>
    Alles anzeigen


    Ich wusste leider nicht, wie ich das "code-Fenster" kleiner bekomme... vielleicht kanns ja ein netter Mod entsprechend verkleinern... ich nehms am Sonntag abend alles wieder raus...

    Und unser Vereinswappen hätte ich gerne oben in die jeweiligen Tabs...als kleines Bild versteht sich....Bin für jede Hilfe dankbar!

    MfG
    ICKE

  • Zu 1. glaub ich, dass du folgenden Code im Headbereich einbauen musst:

    HTML-Quellcode

    1. <LINK REL="SHORTCUT ICON" HREF="Verzeichnis zur der Datei die im Tab angezeigt werden soll/favicon.ico">


    mfG
    CrYstaLX

  • zu 2:
    In dieser Zeile ist der hellblaue Rand festgelegt (die Zeile ist übrigends sehr weit oben...):

    HTML-Quellcode

    1. <body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" bgcolor="#88A9B8" text="#000000" link="#000000" vlink="#000000" alink="#000000" bottommargin="0" rightmargin="0">


    unter bgcolor=...

    Kannst ja testen,... so ist der Rand rot:

    HTML-Quellcode

    1. <body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" bgcolor="#FF0000" text="#000000" link="#000000" vlink="#000000" alink="#000000" bottommargin="0" rightmargin="0">
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Against TCPA!