mrbasket
Ich hab ein CSS-Menü in mein Forum eingebaut.
In Firefox gibt es keine Probleme. Im Internet-Explorer 7 ist die Fläche allerdings weiß, die eigentlich transperent und mit Buttons ist. Das Script klappt nicht!
Im Internet-Explorer 6, ist sogar jeder Link irgendwie in einer neuen Zeile, was darauf schließen lässt, dass das Menü das irgendwie durcheinanderwirbelt.
Gibt es einen Code der folgendes (mit meinen Worten bewirkt):
<If browser=firefox>
<then>
SCRIPT (CSS-MENÜ)</then>
<else>
""
</else>
?
Gibt es sowas oder ist das überhaupt möglich, denn z.B. die Statistik im JGS-Portal kann ja auch die Browser erkennen.
---
Vielleicht liegt es ja auch am Script. Hier ist es:
Der ein oder andere mag zwar die Hände über dem Kopf zusammenschlagen, aber ich habe an dem DIngen rumgebastelt, bis es in Firefox lief.
Wenn jemand Fehler gefunden hat, kann er auch gerne BEscheid geben! thx
| 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:
|
<td align=center>
<head>
<table style="width:100%" border="0" cellspacing="0" cellpadding="0">
<style>
ul,li,as {
display:block;
margin:0;
padding:0;
border:0;
}
ul {
width:150px;
border:0px solid #;
background:white;
}
li {
position:relative;
padding:1px;
padding-right:0px;
}
li.folder { background:url("images/itemlist.gif") no-repeat; }
li.folder ul {
position:absolute;
left:20px; /* IE */
top:5px;
}
li.folder>ul { left:140px; }
/* others */
a {
padding:0px;
border:0px solid white;
text-decoration:none;
color:gray;
width:100%;
/* IE */
}
li>a { width:auto; } /* others */
li a.submenu {
background:url("images/sub.gif") right no-repeat;
}
/* hovers with specificity */
li.folder:hover { z-index:10; }
ul ul, li:hover ul ul {
display:none;
}
li:hover ul, li:hover li:hover ul {
display:block;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="board.php?boardid=327"> <img src="images/startseite.jpg" onmouseover="src='images/m-startseite.jpg'" onmouseout="src='images/startseite.jpg'" border=0> </a>
<a href="board.php?boardid=328"> <img src="images/diss.jpg" onmouseover="src='images/m-diss.jpg'" onmouseout="src='images/diss.jpg'" border=0></a> </li>
<li class="folder">
<a href="board.php?boardid=331" class="submenu"> <img src="images/pc-bereich.jpg" onmouseover="src='images/m-pc-bereich.jpg'" onmouseout="src='images/pc-bereich.jpg'" border=0> </a>
<ul>
<li><a href="board.php?boardid=332"> <img src="images/editing.jpg" onmouseover="src='images/m-editing.jpg'" onmouseout="src='images/editing.jpg'" border=0> </a>
<a href="board.php?boardid=339"> <img src="images/patches.jpg" onmouseover="src='images/m-patches.jpg'" onmouseout="src='images/patches.jpg'" border=0> </a>
</li>
<li>
<a href="board.php?boardid=338"> <img src="images/help.jpg" onmouseover="src='images/m-help.jpg'" onmouseout="src='images/help.jpg'" border=0></a></li>
</ul>
</li>
<li class="folder">
<a href="board.php?boardid=342" class="submenu"> <img src="images/ps2-bereich.jpg" onmouseover="src='images/m-ps2-bereich.jpg'" onmouseout="src='images/ps2-bereich.jpg'" border=0></a>
<ul>
<li><a href="board.php?boardid=344"> <img src="images/ingame.jpg" onmouseover="src='images/m-ingame.jpg'" onmouseout="src='images/ingame.jpg'" border=0> </a></li>
<li><a href="board.php?boardid=348"> <img src="images/patches.jpg" onmouseover="src='images/m-patches.jpg'" onmouseout="src='images/patches.jpg'" border=0> </a></li>
<li><a href="board.php?boardid=343"> <img src="images/help.jpg" onmouseover="src='images/m-help.jpg'" onmouseout="src='images/help.jpg'" border=0> </a></li>
</ul>
</li>
<li class="folder">
<a href="board.php?boardid=354" class="submenu"> <img src="images/konsolen.jpg" onmouseover="src='images/m-konsolen.jpg'" onmouseout="src='images/konsolen.jpg'" border=0></a>
<ul>
<li><a href="board.php?boardid=356"> <img src="images/editing.jpg" onmouseover="src='images/m-editing.jpg'" onmouseout="src='images/editing.jpg'" border=0> </a></li>
<li><a href="board.php?boardid=360"> <img src="images/patches.jpg" onmouseover="src='images/m-patches.jpg'" onmouseout="src='images/patches.jpg'" border=0> </a></li>
<li><a href="board.php?boardid=355"> <img src="images/help.jpg" onmouseover="src='images/m-help.jpg'" onmouseout="src='images/help.jpg'" border=0> </a></li>
</ul>
</li>
</body>
</td>
</table> |
|
Danke für eure Hilfe!
mrbasket
das hat mich leider nicht besonders weitergebracht!
Nett gemeint, aber leider zu kompliziert für mich.
Gibt es da auch noch ne andere Lösung für?
Biggi
Ich schätze, du kommst nicht drumrum, dich ein wenig einzulesen und viel auszuprobieren.
Vielleicht findest du aber auch hier ein fertiges Menü, das schon kompatibel mit den wichtigsten Browsern ist und deinen Vorstellungen entspricht:
http://www.cssplay.co.uk/menus/
mrbasket
| Zitat: |
Original von Biggi74
Ich schätze, du kommst nicht drumrum, dich ein wenig einzulesen und viel auszuprobieren.
Vielleicht findest du aber auch hier ein fertiges Menü, das schon kompatibel mit den wichtigsten Browsern ist und deinen Vorstellungen entspricht:
http://www.cssplay.co.uk/menus/ |
ich hab am jetztigen rumgebastelt.
Klappt jetzt. Zwar nicht so wie im Firefox aber der Style des Rests wird nicht mehr geändert. Ist ok so!
danke