DropDownMenü kleines tpl problem

shorty88b

Hallo,

wollte in meinen header ein DropDownMenü einbauen jedoch glückt mir das irgendwie nicht so wie ich das möchte....so an der Positions wie das Menü nun ist find ich das schon ganz gut nur leider zieht sich dadurch rechts und links vom menü so nen hässlicher balken durch board...irgendwer vorschläge?

hab das auch schon probier weiter oben im header selber einzubauen nur leider kann man ja kein code über ein bild machen oder? so das, dass menü über dem bild erscheint und nicht daneben weil das verzieht die ganzen tabellen...

das ganze schaut so aus

Klick

hier der header

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:

<script type="text/javascript">
<!--

//Uncomment the next line for random transition rollover each time the page is loaded
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=2, transition='+Math.floor(Math.random()*23)+') }</STYLE>');
//Uncomment the next line for a specific transition rollover (transition=0 to 23)
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0,transition=9) }</STYLE>');

//Uncomment the next line for fading rollovers
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=2) }</STYLE>');

var onImages=new Array();
function Rollover(imgName, imgSrc)
{
 onImages[imgName] = new Image();
 onImages[imgName].src = imgSrc;
}
function turnOn(imgName)
{
 if(document.images[imgName].filters != null)
  document.images[imgName].filters[0].stop();
 document.images[imgName].offSrc = document.images[imgName].src;
 document.images[imgName].src    = onImages[imgName].src;
}
function turnOff(imgName)
{
 if(document.images[imgName].filters != null)
  document.images[imgName].filters[0].apply();
 document.images[imgName].src = document.images[imgName].offSrc;
 if(document.images[imgName].filters != null)
  document.images[imgName].filters[0].play();
}
Rollover("usercp",    "{$style['imagefolder']}/rd_05.jpg");
Rollover("register",    "{$style['imagefolder']}/re3_05.jpg");
Rollover("top1",    "{$style['imagefolder']}/rdh_57.jpg");
Rollover("design",   "{$style['imagefolder']}/rdh_52.jpg");
Rollover("top2",  "{$style['imagefolder']}/rdh_61.jpg");
//-->
</script>
<table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder">
 <tr>
  <td class="mainpage" align="center">
   <table  width="100%"  border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td><img src="{$style['imagefolder']}/rd_02.jpg"  alt="" width="48" height="21" /></td>
		
		<td><img src="{$style['imagefolder']}/rd_04.jpg" alt="" width="340" height="21" /></td>
		<td style="background: url('{$style['imagefolder']}/rd_03.jpg');" width="50%"></td>
		<td><span class="smallfont"/><if($wbbuserdata['userid'])><then><a href="usercp.php{$SID_ARG_1ST}" onMouseOver="turnOn('usercp');"
 onmouseout="turnOff('usercp');"><img name="usercp" class="imgTrans" src="{$style['imagefolder']}/rd2_05.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_USERCP']}" title="{$lang->items['LANG_GLOBAL_USERCP']}" /></a></then><else><a href="register.php{$SID_ARG_1ST}" onMouseOver="turnOn('register');"
 onmouseout="turnOff('register');"><img name="register" class="imgTrans" src="{$style['imagefolder']}/re_05.jpg" border="0" alt="{$lang->items['LANG_GLOBAL_REGISTER']}" title="{$lang->items['LANG_GLOBAL_REGISTER']}" /></a></else></if></td>
 <td style="background: url('{$style['imagefolder']}/rd_07.jpg');" width="50%"></td>
		<td><img src="{$style['imagefolder']}/rd_06.jpg"  alt="" width="340" height="21" /></td>
		
		<td><img src="{$style['imagefolder']}/rd_08.jpg"  alt="" width="55" height="21" /></td>
     </tr>
	</table>
    <table style="width:100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
		<td ><img src="{$style['imagefolder']}/rd_10.jpg" width="48" height="38" alt="" /></td>
		
		<td><img src="{$style['imagefolder']}/rd_12.jpg" width="340" height="38" alt="" /></td>
		<td style="background: url('{$style['imagefolder']}/rd_11.jpg');" width="50%"></td>
		<td><img src="{$style['imagefolder']}/rd_13.jpg" width="134" height="38" alt="" /></td><td style="background: url('{$style['imagefolder']}/rd_15.jpg');" width="50%"></td>
		<td><img src="{$style['imagefolder']}/rd_14.jpg" width="340" height="38" alt="" /></td>
		
		
		<td><img src="{$style['imagefolder']}/rd_16.jpg" width="55" height="38" alt="" /></td>
	</tr>
	</table>
	<table  width="100%"  border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td><img src="{$style['imagefolder']}/rd_17.jpg" width="48" height="138" alt="" /></td>
		
		<td><a href="http://nrwscootertuning.de/"><img src="{$style['imagefolder']}/rd_19.jpg" alt="" width="340" height="138" border="0" /></a></td>
		
		<td style="background: url('{$style['imagefolder']}/rd_18.jpg');" width="50%"></td>
		
    <td  ><img src="{$style['imagefolder']}/rd_20.jpg" alt="" width="134" height="138" border="0" usemap="#Map" /></td>
		<td style="background: url('{$style['imagefolder']}/rd_22.jpg');" width="50%"></td>
    <td> <img src="{$style['imagefolder']}/rd_21.jpg" alt="" width="340" height="138" border="0" /></td>
		
	
		<td ><img src="{$style['imagefolder']}/rd_23.jpg" width="55" height="138" alt="" /></td>
	</tr>
	</table>	
	<table width="200" height="11" align="center" colspan="10" valign="top">
	  <td height="5"><span class="smallfont">
          <script type="text/javascript">
<!--
function menuload() {
    switch(document.nav.SelectURL.options[document.nav.SelectURL.selectedIndex].value)   {
  case "acp/index.php":
     window.open(href="acp/index.php");
     break;
  default:
     document.location.href=document.nav.SelectURL.options[document.nav.SelectURL.selectedIndex].value;

  }
}
//-->
    </script>
          <form name="nav">
            <div>
              <select name="SelectURL" onChange="menuload()">
                <option value=""
selected>[ Navigation ]
                <option value=""> -------------------------------
                <option value="index.php{$SID_ARG_1ST}"> Startseite
                <option value="search.php{$SID_ARG_1ST}"> Suchen
                <option value="misc.php?action=faq{$SID_ARG_2ND}"> Häufig gestellte Fragen
                <option value="calendar.php{$SID_ARG_1ST}"> Kalender
                <option value=""> -------------------------------
                <option value="pms.php{$SID_ARG_1ST}"> Private Nachrichten
                <option value="memberslist.php{$SID_ARG_1ST}"> Mitglieder
                <option value="team.php{$SID_ARG_1ST}"> Team
                <option value=""> -------------------------------
                <option value="usercp.php{$SID_ARG_1ST}"> User Einstellungen
                <option value="acp/index.php"> Administration / Moderation
                <option value="register.php{$SID_ARG_1ST}"> Registrieren
                <option value=""> -------------------------------
              </select>
            </div>
          </form>
	    </span>
    </table>
	<table  width="100%"  border="0" cellpadding="0" cellspacing="0" align="center"></tr>
	<map id="map" name="map">
        <area shape="poly" coords="91,48,106,27,93,16,81,13,74,12,71,24,70,33,71,36" href="index.php{$SID_ARG_1ST}" alt="{$lang->items['LANG_GLOBAL_TOINDEX']}" title="{$lang->items['LANG_GLOBAL_TOINDEX']}" />
        <area shape="poly" coords="51,44,60,39,67,38,68,28,70,13,60,13,50,17,43,19,34,24,31,27" href="ts_index.php{$SID_ARG_1ST}" alt="{$lang->items['LANG_GLOBAL_TEAM']}" title="{$lang->items['LANG_GLOBAL_TEAM']}" />
        <area shape="poly" coords="97,64,108,64,123,64,123,56,123,51,118,44,115,38,111,34,104,35,99,41,95,48" href="calendar.php?$session[sessionurl]" alt="{$lang->items['LANG_GLOBAL_CALENDAR']}" title="{$lang->items['LANG_GLOBAL_CALENDAR']}" />
        <area shape="poly" coords="90,84,96,88,102,95,108,100,112,95,116,90,118,86,122,80,122,74,121,68,116,68,109,68,101,68" href="search.php?$session[sessionurl]" alt="{$lang->items['LANG_GLOBAL_SEARCH']}" title="{$lang->items['LANG_GLOBAL_SEARCH']}" /> 
        <area shape="poly" coords="71,89,69,101,71,109,71,116,76,115,85,113,93,110,101,105,105,104,95,94,90,89,85,87" href="memberslist.php{$SID_ARG_1ST}" alt="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" title="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" />
        <area shape="poly" coords="51,83,45,90,40,94,31,101,39,106,42,110,49,112,59,114,66,116,66,108,66,103,66,95,66,91" href="misc.php?action=faq{$SID_ARG_2ND}" alt="{$lang->items['LANG_GLOBAL_FAQ']}" title="{$lang->items['LANG_GLOBAL_FAQ']}" />
        <area shape="poly" coords="44,64,35,64,26,64,12,64,15,69,17,77,18,84,21,92,26,96,30,94,36,90,41,85,46,83" href="pms.php{$SID_ARG_1ST}" alt="{$lang->items['LANG_GLOBAL_PMS']}" title="{$lang->items['LANG_GLOBAL_PMS']}" />
        <area shape="poly" coords="48,46,39,37,28,28,23,34,19,42,13,52,11,60,24,61,40,61" href="search.php?do=getnew" alt="" />
    </map>
      <table  width="100%"  border="0" cellpadding="0" cellspacing="0" align="center">
    </p>
    <tr>
		
		<td style="background: url('{$style['imagefolder']}/rd_24.jpg');" width="27"></td>
<td>
<center/>
  <br/>