Søg
Avatar billede gurly Praktikant
29. november 2006 - 21:30 Der er 10 kommentarer og
1 løsning

skifte farve på "rul ned boks"

Hvordan skifter jeg farve på denne "rul ned boks"
jeg har fået skiftet baggrundsfarven i boksen
ved at tilføje en linie i style/css
men hvordan får jeg de 4 javalink i boksen, til at "køre med"
på "a hover" ligesom de to link under boksen

<style type="text/css">
                body { margin: ; text-align:center; font:12/18px Arial; background-color:#d4c3a4; }
        h2 { font-weight: normal; color: #C00; }
        ul, li { padding: 0; list-style: none; text-align:center; }
        li a { display: block; background:#F5DEB3;  text-decoration: none; color: #000; padding: 2px; width: 14.5%; }
        li .alt { background:#FFF; }
        li a:hover {  background: #C00; color: #FFF; }
                option {background-color:#F5DEB3; }
</style>

<ul>
<div align=center>

<form name="navForm">
<select name="menu"
onChange = "self.location = document.navForm.menu[document.navForm.menu.selectedIndex].value;">

<option value="java script:loadPlaylist('musik256.xml')">Vælg Film type</a></option>
<option value="java script:loadPlaylist('film256.xml')">Biograf Film</option>
<option value="java script:loadPlaylist('musik256.xml')">Musik Videoer</option>
<option value="java script:loadPlaylist('dokumentarfilm256.xml')">Dokumentarfilm</option>

</select>

<br /><br />

<li><p align="center"><a href="/Streamet%20Video/512/videoplayer512.html">Skift til 512 kb/s</a>.</li>
<li><p align="center"><a href="java script:window.self.close()">Close Window</A>.</li>
</div>

</ul>
Avatar billede notes2c Nybegynder
29. november 2006 - 22:46 #1
Det kan man ikke...
Avatar billede gurly Praktikant
29. november 2006 - 22:55 #2
i den her "rul ned boks" da lyser link´ne da gult når man peger på dem ?

<style>
#innermenu a{
text-decoration:none;
}

#innermenu a:hover{
background-color:#FFFF95;

}

</style>
<script language="JavaScript1.2">

//DHTML combo box script- by javascriptkit.com
//Visit JavaScript Kit (http://www.javascriptkit.com) for script
//Credit must stay intact for use

var ie5=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)

if (ie5){
document.write('<span style="position:relative;width:150px;height:20px;border:1px solid black;font:bold 10pt Verdana;padding:2px" onClick="showhide(1);event.cancelBubble=1" ><span style="cursor:hand;width:100%">Script Categories <img src="HER SKAL KILDEN TIL BILLEDET VÆRE"></span>')
document.write('<div id="innermenu" style="position:absolute;left:2;top:16;width:240px;height:100px;border:1px solid black;background-color:white;overflow-y:scroll;visibility:hidden;">')
}

function gl(linkname,dest){
document.write('<b><a href="'+dest+'">'+linkname+'</a></b><br>')
}

function showhide(state){
var cacheobj=document.getElementById("innermenu").style
if (state==0)
cacheobj.visibility="hidden"
else
cacheobj.visibility=cacheobj.visibility=="hidden"? "visible" : "hidden"
}

//Specify your links here- gl(Item text, Item URL)
if (ie5){
gl("JavaScript Kit","http://www.javascriptkit.com")
gl("Dynamic Drive","http://www.dynamicdrive.com")
gl("Kilde-koder","http://Kilde-koder.webbyen.dk")
gl("Freewarejava.com","http://freewarejava.com")
gl("Msn","http://www.msn.dk")
gl("Google","http://www.google.com")
gl("Yahoo","http://www.yahoo.com")
gl("Jubii","http://www.jubii.dk")
//Extend this list as needed
Avatar billede gurly Praktikant
29. november 2006 - 23:01 #3
hov der manglede noget

<style>
#innermenu a{
text-decoration:none;
}

#innermenu a:hover{
background-color:#FFFF95;

}

</style>
<script language="JavaScript1.2">

//DHTML combo box script- by javascriptkit.com
//Visit JavaScript Kit (http://www.javascriptkit.com) for script
//Credit must stay intact for use

var ie5=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)

if (ie5){
document.write('<span style="position:relative;width:150px;height:20px;border:1px solid black;font:bold 10pt Verdana;padding:2px" onClick="showhide(1);event.cancelBubble=1" ><span style="cursor:hand;width:100%">Script Categories <img src="HER SKAL KILDEN TIL BILLEDET VÆRE"></span>')
document.write('<div id="innermenu" style="position:absolute;left:2;top:16;width:240px;height:100px;border:1px solid black;background-color:white;overflow-y:scroll;visibility:hidden;">')
}

function gl(linkname,dest){
document.write('<b><a href="'+dest+'">'+linkname+'</a></b><br>')
}

function showhide(state){
var cacheobj=document.getElementById("innermenu").style
if (state==0)
cacheobj.visibility="hidden"
else
cacheobj.visibility=cacheobj.visibility=="hidden"? "visible" : "hidden"
}

//Specify your links here- gl(Item text, Item URL)
if (ie5){
gl("JavaScript Kit","http://www.javascriptkit.com")
gl("Dynamic Drive","http://www.dynamicdrive.com")
gl("Kilde-koder","http://Kilde-koder.webbyen.dk")
gl("Freewarejava.com","http://freewarejava.com")
gl("Msn","http://www.msn.dk")
gl("Google","http://www.google.com")
gl("Yahoo","http://www.yahoo.com")
gl("Jubii","http://www.jubii.dk")
//Extend this list as needed


}

if (ie5){
document.onclick=function(){showhide(0)}
document.write('</div></span>')
}

</script>
Avatar billede notes2c Nybegynder
29. november 2006 - 23:33 #4
Gik ud fra det var et spm om man kunne det op en select/option boks.
Avatar billede gurly Praktikant
29. november 2006 - 23:35 #5
alle midler gælder  c",)
Avatar billede gurly Praktikant
29. november 2006 - 23:56 #6
har prøvet med det her, men her kan jeg så ikke få selve boksen til at lyse op når jeg peger på den ?

<style>
#innermenu a{
text-decoration:none;
}

#innermenu a:hover{
background: #C00; color: #FFF;

}

</style>
<body bgcolor="#d4c3a4" lang=DA link=black vlink=black style='tab-interval:
65.2pt'>
<script language="JavaScript1.2">

//DHTML combo box script- by javascriptkit.com
//Visit JavaScript Kit (http://www.javascriptkit.com) for script
//Credit must stay intact for use

var ie5=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)

if (ie5){
document.write('<span style="position:relative;width:160px;height:10px;border:1px solid black;background-color:#F5DEB3;font:bold 10pt Verdana;padding:2px" onClick="showhide(1);event.cancelBubble=1" ><span style="cursor:hand;width:100%">Vælg Video Kategori</span>')
document.write('<div id="innermenu" style="position:absolute;left:2;top:16;width:160px;height:50px;border:1px solid black;background-color:#F5DEB3;overflow-y:scroll;visibility:hidden;">')
}

function gl(linkname,dest){
document.write('<b><a href="'+dest+'">'+linkname+'</a></b><br>')
}

function showhide(state){
var cacheobj=document.getElementById("innermenu").style
if (state==0)
cacheobj.visibility="hidden"
else
cacheobj.visibility=cacheobj.visibility=="hidden"? "visible" : "hidden"
}

//Specify your links here- gl(Item text, Item URL)
if (ie5){
gl("Biograf Film","java script:loadPlaylist('film256.xml')")

//Extend this list as needed


}

if (ie5){
document.onclick=function(){showhide(0)}
document.write('</div></span>')
}

</script>
Avatar billede notes2c Nybegynder
30. november 2006 - 07:28 #7
Det her kunne være en mulighed, men vil kun virke med hover effekt fra og med IE7.

Så hvis det skal virke i tidligere versioner af IE kan dette ikke bruges.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    margin: 0;
    padding: 0;
}
#innermenu a{
text-decoration:none;
}
span.select {
position:relative;
width:160px;
height:10px;
border:1px solid black;
background-color:#F5DEB3;
font:bold 10pt Verdana;
padding:2px;
}
#innermenu a:hover, span.select:hover {
background: #C00; color: #FFF;

}


</style>
<body bgcolor="#d4c3a4" lang=DA link=black vlink=black style='tab-interval:
65.2pt'>
<script language="JavaScript1.2">

//DHTML combo box script- by javascriptkit.com
//Visit JavaScript Kit (http://www.javascriptkit.com) for script
//Credit must stay intact for use

var ie5=(document.getElementById&&navigator.appName.indexOf("Internet Explorer")!=-1)

if (ie5){
document.write('<span class="select" onClick="showhide(1);event.cancelBubble=1" ><span style="cursor:hand;width:100%">Vælg Video Kategori</span>')
document.write('<div id="innermenu" style="position:absolute;left:2;top:16;width:160px;height:50px;border:1px solid black;background-color:#F5DEB3;overflow-y:scroll;visibility:hidden;">')
}

function gl(linkname,dest){
document.write('<b><a href="'+dest+'">'+linkname+'</a></b><br>')
}

function showhide(state){
var cacheobj=document.getElementById("innermenu").style
if (state==0)
cacheobj.visibility="hidden"
else
cacheobj.visibility=cacheobj.visibility=="hidden"? "visible" : "hidden"
}

//Specify your links here- gl(Item text, Item URL)
if (ie5){
gl("Biograf Film","java script:loadPlaylist('film256.xml')")

//Extend this list as needed


}

if (ie5){
document.onclick=function(){showhide(0)}
document.write('</div></span>')
}

</script>
</head>

<body>



</body>
</html>
Avatar billede olebole Juniormester
30. november 2006 - 10:47 #8
<ole>
HTML-koden i spørgsmålet er desuden rygende invalid!  =)

Et ul-element kan _kun_ indeholde li-elementer som børn. Hverken div-, form-, select- eller br-elementer må forekomme som børn af et ul-element  ;o)

/mvh
</bole>
Avatar billede gurly Praktikant
30. november 2006 - 16:30 #9
notes2c > nu har jeg kun explorer 6, så kan ingen forskel se
olebole
> ja det har du nok ret i, det er fordi jeg har en flashplayer liggende i diven også, og jag har problemer med at <div align=center>  centrere tingene lidt til venstre for midten, da den ikke regner scrollbar med, mens centreringen fra <li> css
derimid centrere nøjagtigt midt på skærm, derfor flyttede jeg <ul> derop hvor den er nu så centrere de ens.  hmm det må jeg præve at rode lidt mere med så  c",)
Avatar billede gurly Praktikant
04. december 2006 - 02:09 #10
notes2c > ligger du et svar, så får du point fordi du forsøgte at hjælpe  c",)
Avatar billede notes2c Nybegynder
07. december 2006 - 20:17 #11
Ja så er her et
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 13:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »