Code: Alles auswählen
#menu li {
position: relative;
z-index: 9999;
}
Moderator: HTML-Laie
Code: Alles auswählen
#menu li {
position: relative;
z-index: 9999;
}
Code: Alles auswählen
<!--Generated by SearchBliss.com : Free Scripts & Webmaster Resources-->
<style type="text/css">
.SubItemRow{
background-color:#009800 ; /* Untermenü */
}
.SubItem a{
background-color: #FFFFFF;
height: 30px;
font-weight: bold;
width: 100%;
color: #009800;
border: 1px solid #009800;
text-decoration: none;
padding-left: 8px;
display: block;
}
.SubItem a:hover{
background-color: #009800;
color: #FFFFFF;
width: 100%;
border: 1px solid #009800;
}
/* Thema */
.Item{
background-color: #CCCC00;
}
.Item a{
background-color: #009800;
height: 30px;
color: #FFFFFF;
font-weight: bold;
line-height: 28px;
text-decoration: none;
font-size: 16px;
width: 100%;
padding-left: 8px;
display: block;
border: 1px solid #009800;
}
.Item a:hover{
background-color: #FFFFFF;
color: #009800;
border: 1px solid #009800;
}
</style>
<script language=JavaScript>
<!--
content = new Array ();
content [0] = new Array (
false,
new Array('sub_0_1','sub_0_2','sub_0_3')
);
content [1] = new Array (
false,
new Array('sub_1_1','sub_1_2','sub_1_3')
);
content [2] = new Array (
false,
new Array('sub_2_1','sub_2_2','sub_2_3')
);
content [3] = new Array (
false,
new Array('sub_3_1','sub_3_2','sub_3_3')
);
isOPERA = (navigator.userAgent.indexOf('Opera') >= 0)? true : false;
isIE = (document.all && !isOPERA)? true : false;
isDOM = (document.getElementById && !isIE && !isOPERA)? true : false;
function processTree (id)
{
if (content [id][0])
{
for (i = 0; i < content [id][1].length; i++)
hide (content [id][1][i]);
content [id][0] = false;
}
else
{
for (i = 0; i < content [id][1].length; i++)
show (content [id][1][i], 'table-row');
content [id][0] = true;
}
return false;
}
function show (id, displayValue)
{
if (isDOM)
document.getElementById(id).style.display = (displayValue)? displayValue : "block";
else if (isIE)
document.all[id].style.display = "block";
}
function hide (id)
{
if (isDOM)
document.getElementById(id).style.display = "none";
else if (isIE)
document.all[id].style.display = "none";
}
if (isDOM || isIE)
{
document.writeln('<style type="text/css">');
document.writeln('.SubItemRow \{ display: none; \}');
document.writeln('</style>');
}
// -->
</script>
<!--Paste code above inbetween your head tags-->
<!--Paste code below inbetween your body tags-->
<table width=150 height=40 border=0 cellpadding=0 cellspacing=1>
<tr>
<td width=1 class=Item>+</td>
<td width=149 height=20 class=Item><a href=./ class=Item onClick="processTree (0); return false;">Thema1</a></td>
</tr>
<tr id='sub_0_1' class=SubItemRow>
<td width=10> </td>
<td width=149 height=20 class=SubItem><a href="">link</a></td>
</tr>
<tr id='sub_0_2' class=SubItemRow>
<td width=10> </td>
<td width=149 height=20 class=SubItem><a href="">link</a></td>
</tr>
<tr id='sub_0_3' class=SubItemRow>
<td width=10> </td>
<td width=149 height=20 class=SubItem><a href="">link</a></td>
</tr>
<tr>
<td width=1 class=Item>+</td>
<td width=149 height=20 class=Item><a href=./ class=Item onClick="processTree (1); return false;">Thema2</a></td>
</tr>
<tr id='sub_1_1' class=SubItemRow>
<td width=10> </td>
<td width=149 height=20 class=SubItem><a href="">link</a></td>
</tr>
<tr id='sub_1_2' class=SubItemRow>
<td width=10> </td>
<td width=149 height=20 class=SubItem><a href="">link</a></td>
</tr>
<tr id='sub_1_3' class=SubItemRow>
<td width=10> </td>
<td width=149 height=20 class=SubItem><a href="">link</a></td>
</tr>
<tr>
<td width=1 class=Item>+</td>
<td width=149 height=20 class=Item><a href=./ class=Item onClick="processTree (2); return false;">Thema 3</a></td>
</tr>
<tr id='sub_2_1' class=SubItemRow>
<td width=10> </td>
<td width=149 height=20 class=SubItem><a href="">Link</a></td>
</tr>
<tr id='sub_2_2' class=SubItemRow>
<td width=10> </td>
<td width=149 height=20 class=SubItem><a href="">link</a></td>
</tr>
<tr id='sub_2_3' class=SubItemRow>
<td width=10> </td>
<td width=149 height=20 class=SubItem><a href="">Link</a></td>
</tr>
<tr>
<td width=10 class=Item>+</td>
<td width=149 height=20 class=Item><a href=./ class=Item onClick="processTree (3); return false;">Thema 4</a></td>
</tr>
<tr id='sub_3_1' class=SubItemRow>
<td width=1> </td>
<td width=149 height=20 class=SubItem><a href="">Link</a></td>
</tr>
<tr id='sub_3_2' class=SubItemRow>
<td width=10> </td>
<td width=149 height=20 class=SubItem><a href="">Link</a></td>
</tr>
<tr id='sub_3_3' class=SubItemRow>
<td width=10> </td>
<td width=149 height=20 class=SubItem><a href="">Link</a></td>
</tr>
</table>
Code: Alles auswählen
<meta name="viewport" content="width=1024" />
Danke Jürg, zumiondest werden jetzt die richtigen Elemente ausgeblendet. Die Schrift ist allerdings komischerweise immer noch so verhältnismäßig klein, dass das Lesen recht schwierig ist.thaileben hat geschrieben:Ich habe bei meinen Seiten den code drin vielleicht bringt der bei dir auch was denn so funzt es auch auf smartphon/Tablets
JürgCode: Alles auswählen
<meta name="viewport" content="width=1024" />
Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste