Keskustelu: Nettisivujen teko: IE ja pudotusvalikko

Tervehdys.

Tuskallisen väännön (ja koodin kopioimisen) jälkeen sain mielestäni ihan kivan pudotusvalikon aikaiseksi. Se jopa toimii, niin kauan kuin on käytössä FF, Opera, Epiphany jne. Mutta kun vuorossa on IE6/7 niin se ei enää toimikaan.

Ongelma on siinä, että minulla on vain linux käytössä ja sitä mukaa IE:n sielunelämä totaalisesti hukassa. Toisekseen, en ole kummoinen php/html vääntäjä vaan ehkä 1% aloittelijaa kokeneempi.

Onkohan olemassa mitään kikkaa, millä allaolevan sorsan saisi toimimaan myös IE:llä ilman että koko roska pitää laittaa uusiksi? Koetin tuossa lukea dokumentaatiota IE:stä mutta kun ei pääse testailemaan, niin ainakaan meikäläiselle ei jää mitään päähän (jos nyt muutenkaan jäisi).

Pudotusvalikko on nähtävissä osoitteessa www.basicprogramming.org

<div id="container">
	<div id="menu">
		<ul id="item1">
			<li class="top"> 10 CONTENTS</li>
			<li class="item"><a href="../main/index.php?page=intro.php">11 Main</a></li>
			<li class="item"><a href="../main/index.php?page=news.php"> 12 News</a></li>
			<li class="item"><a href="../main/index.php?page=contact.php">  13 Contact</a></li>
			<li class="item"><a href="../main/index.php?page=links.php">    14 Links</a></li>
		</ul>
		<ul id="item2">
			<li class="top"> 20 COMMUNITY</li>
			<li class="item"><a href="http://forum.basicprogramming.org/index.php">21 Forum Board</a></li>
			<li class="item"><a href="http://basicprogramming.org/wiki/index.php?title=Main_Page">22 Wiki</a></li>
			<li class="item"><a href="../main/index.php?page=chat.php">23 Chat Room</a></li>
		</ul>
		<ul id="item3">
			<li class="top"> 30 PCopy!</li>
			<li class="item"><a href="http://pcopy.basicprogramming.org/">31 Webpage</a></li>
			<li class="item"><a href="http://forum.basicprogramming.org/index.php#3">32 Subforum</a></li>
		</ul>
	</div>
</div>
<table width="80%" bgcolor="#0000A0" cellpadding="5" align="center">
	<tr><td align="right"><img src="http://www.basicprogramming.org/main/images/bp_logo.png" alt="basicprogramming.org" /></td></tr>
</table>

Laitan vielä tyylitiedoston perään.

<style type="text/css">
	body{ Font-Family:Arial; }
	#container{ Width:80%; Margin-Left:12%; Font-Size:11pt; }
	#menu{ Position:Absolute; Margin-Top:2%; Text-Align:Center; }
	#menu ul .item{ Display:None; }
	#menu ul:hover .item{ Display:Block; Background:#808080; Padding:1px; Margin:1px; Font-Weight:Normal; }
	#menu ul:hover .item a{ Color:#000000; Text-Decoration:None; }
	#menu ul:hover .item a:hover{ color:#000000;; Text-Decoration:Underline; Font-Weight:Bold; }
	#menu ul{ Width:150px; Font-Weight: Bold; Float:Left; Margin:0px; Padding:1px; Background:#C0C0C0; List-Style:None; border: thin solid #0000A0; }
	.clear{ Clear:Both; Height:10px; }
</style>

Moi!

Kehtaatko vielä kertoa miten se ei mielestäsi toimi? Minulla IE 7 toimii täysin moitteetta, eli avaa pudotusvalikon ja lihavoi linkit aivan kuten olet tarkoittanutkin. IE 6 ei tue muille kuin a-elementille hover toimintoa, joten joudut toteuttamaan tuon toiminnallisuuden javascriptim avulla.

Terve.

Töissä olen pikaisesti kokeillut IE seiskalla, eikä pudotusvalikot toimi lainkaan. "perusnäkymä" kyllä on, mutta kun hiiren vie päälle, ei tapahdu "pudotusta".
Foorumilla kun kyselin niin sanottiin että myös kuutosella on vaikeuksia eikä sekään ilmeisesti toimi lainkaan.

Ei toimi ie:llä ei, mutta tuosta linkistä voit luultavasti saada apua.

https://www.ohjelmointiputka.net/keskustelu/12124-pudotusvalikko