17 svar · 480 visningar · startad av caze
Hejsan!
God fortsättning på er allihopa...
Jag undrar hur man gör en dropdown meny utan knapp... alltså man ska komma direkt till det alternativ som man väljer i menyn.... Jag skulle också vilja ha verdana som font och textstorlek 10.
tack på förhand......
<form>
<select onChange="location.href=this.options[this.selectedIndex].value">
<option value="sidan1.html">Text 1</option>
<option value="sidan1.html">Text 2</option>
</select>
</form>
tack, men hur fixar man så att det blir verdana och storlek 8 eller 10 i menyn?
<style>
option {font:10pt Verdana;}
</style>
vadå <style>
option {font:8pt Verdana;}
</style> var ska det in någonstans..???
Så här:
inom <head> och </head>
<style type="text/css">
option
{
font-size: 10px;
font-family: Verdana
}
</style>
RED: Men ska w3c validator bli glad måste man ange color och backgound-color, och en serif också.
option {
font-style: normal;
font-size: 10px;
color: black;
background-color: transparent;
font-family: Verdana, sans-serif
}
Hoppar in i denna tråd eftersom min fråga också gäller dropdown-menyn.
Jag har inte lyckats styla själva selectboxen med dess pil och draglist. Är det så illa att det inte alls går?
Isf varför?? Nån som vet?
/webb
Så här har jag nu gjort, och det blir fel...=(((
<html>
<head>
<style type="text/css">
option
{
font-size: 10px;
font-family: Verdana
}
</style>
</head>
<body>
<form>
<select onChange="location.href=this.options[this.selectedIndex].value">
<option value="sidan1.html">Text 1</option>
<option value="sidan1.html">Text 2</option>
</select>
</form>
</body>
</html>
Vad är det som är felet...???
I NN lär du få använda gamla vanliga <font>, prova formatera select istället:
<style type="text/css">
select
{
font-size: 10px;
font-family: Verdana
}
</style>
eller
<style type="text/css">
.dropdown
{
font-size: 10px;
font-family: Verdana
}
</style>
<form>
<select onChange="location.href=this.options[this.selectedIndex].value">
<option value="sidan1.html" class="dropdown">Text 1</option>
<option value="sidan1.html" class="dropdown">Text 2</option>
</select>
</form>
SÅ JA, nu fungerar det=)....thx...
BARA EN SAK TILL=)...... hur fixar man en bakgrunds bild och rollover färg till menyn, så man slipper ha olika beroende på vilka färger man har i windows....
bakgrund:
<STYLE type="text/css">
BODY { background: url("bild.gif") }
</STYLE>
länkar:
<style type="text/css">
a:visited { text-decoration: underline;
color: #404040;
background-color: transparent }
a:link { text-decoration: underline;
color: #444444;
background-color: transparent }
a:hover { text-decoration: underline;
color: #cccccc;
background-color: transparent }
a:active { text-decoration: underline;
color: #cccccc;
background-color: transparent }
</style>
mvh Jörgen 
Den sista länk koden fungerar inte=(.....(känner mig besvärlig...)
Om det då fungerade för dig, hur gjorde du då????
Hej, jag använder exakt den för att styla länkar till min egen sida på adressen:
http://checkit.nu/hundportalen/
enda skillnaden är att jag har det i en extern fil. Visa din kod hur du har skrivit så är det lättare att hitta felet.
mvh Jörgen
Så här har jag skrivit:
<html>
<head>
<style type="text/css">
select
{
font-size: 10px;
font-family: Verdana
}
</style>
</head>
<form>
<select onChange="location.href=this.options[this.selectedIndex].value">
<option value="sidan1.html" class="dropdown">Text 1</option>
<option value="sidan1.html" class="dropdown">Text 2</option>
</select>
</form>
</html>
Hej, fattade dig som det var vanliga länkar. Roll-overs får du fixa med DHTML.