Avatar billede hestekongen Nybegynder
21. oktober 2001 - 22:47 Der er 18 kommentarer og
1 løsning

CSS og Drop-Down-boxe

hej, er der en der ved hvad man skal kalde en dropdown eller en <select>-boks i CSS..?

/hestekongen
Avatar billede steen_hansen Forsker
21. oktober 2001 - 22:50 #1
#mystyle
{
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px
}

Herefter skrive du i <select>:

<select... id=mystyle>
Avatar billede zeth Nybegynder
21. oktober 2001 - 22:50 #2
Hvad mener du? Hvad har det forresten med ASP at gøre? :)

mener du sådan her?

<html>
<head>
<style>
select {
background-color: #000000;
color: #FFFFFF;
}
</style>
</head>

<body>
<select>
<option>hey</option>
</select>

</body>

</html>
Avatar billede steen_hansen Forsker
21. oktober 2001 - 22:54 #3
<select id=mystyle>
<option value=\"hey\">hey</option>
</select>
Avatar billede steen_hansen Forsker
21. oktober 2001 - 22:57 #4
Ups, mellem <head></head> laver du denne linie:

<head>
<link rel=\"stylesheet\" href=\"MitStylesheet.css\">
<title>Min hjemmeside</title>
</head>

Hvis din css-fil ligger i samme mappe. Ellers skal du huske at angive den rigtige sti.

Du laver en css-fil, der f.eks. hedder MitStylesheet.css og skriver her:

  #mystyle
{
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10px
}
Avatar billede zeth Nybegynder
21. oktober 2001 - 23:00 #5
hvorfor ikke bare ligge det i en <style>? og hvorfor lave den som et ID?
Avatar billede steen_hansen Forsker
21. oktober 2001 - 23:03 #6
Hvis du laver den i et stylesheet, kan du henvise til denne fil i alle dine dokumenter. Når du så ønsker at lave ændringer i dit stylesheet, slår ændringerne igennem på ALLE sider.
Avatar billede hestekongen Nybegynder
21. oktober 2001 - 23:05 #7
ja okay, det er også en mulighed, men man kan ikke bare skrive i  sit css. dokument eksempelvis
TEXTAREA {
    border:1px solid #000000;
    background-color: white;
    font-family:Verdana;
    font-size:10pt;
    font-style : normal;
}
for et textarea - er der så ikke noget man kan skrive for en drop-down boks..? det var det jeg var ude efter..
Avatar billede steen_hansen Forsker
21. oktober 2001 - 23:07 #8
FØRST: Lav et stylesheet, som du gemmer som MitStylesheet.


DEREFTER: I dit dokument indsætter du henvisningen til dette stylesheet:

<head>
<link rel=\"stylesheet\" href=\"MitStylesheet.css\">
<title>Min hjemmeside</title>
</head>


TIL SIDST: Kan du benytte dit formatteringerne fra dit stylesheet:

<select id=mystyle>
<option value=\"hey\">hey</option>
</select>
Avatar billede steen_hansen Forsker
21. oktober 2001 - 23:09 #9
Sådan skal ALLE dine dokumenter se ud:

<head>
<link rel=\"stylesheet\" href=\"MitStylesheet.css\">
<title>Min hjemmeside</title>
</head>

Så slår ændringerne igennem på alle dine sider, når du retter det ét sted: Nemlig i dit stylesheet.
Avatar billede hestekongen Nybegynder
21. oktober 2001 - 23:12 #10
yes, det er jeg godt klar over, men det var bare om en drop-down boks havde et bestemt navn i CSS, ligesom eksempelvis <input>-bokse havde, men jeg bruger bare en ID, som du beskrver..

takker
Avatar billede steen_hansen Forsker
21. oktober 2001 - 23:13 #11
Virker det?
Avatar billede hestekongen Nybegynder
21. oktober 2001 - 23:15 #12
ja, men bare ikke helt efter planen, jeg ville gerne have fjernet skyggen på boksen, samt lave lidt andre farver på pilen, ved du om det er muligt..?
Avatar billede steen_hansen Forsker
21. oktober 2001 - 23:19 #13
Ja, det er det. Jeg har koden, men skal lige finde den, øjeblik.
Avatar billede steen_hansen Forsker
21. oktober 2001 - 23:31 #14
Jeg fandt noget kode:

<style>
<!--
BODY{
scrollbar-face-color:#384A78;
scrollbar-arrow-color:FFFF00;
scrollbar-track-color:#C0C0C0;
scrollbar-shadow-color:\'\';
scrollbar-highlight-color:\'\';
scrollbar-3dlight-color:\'\';
scrollbar-darkshadow-Color:\'\';
}
-->
</style>

Er det sådan noget du mener?
Avatar billede hestekongen Nybegynder
21. oktober 2001 - 23:35 #15
nej ikke lige det - det du har der er til scrollbars - det jeg er ude efter er til den lille pil og knappen til dropdown boksen, du ved den der er i højre side..
Avatar billede steen_hansen Forsker
21. oktober 2001 - 23:39 #16
Den kode har jeg også et eller andet sted. Men det må vente til i morgen efter arbejde. Ok?
Avatar billede hestekongen Nybegynder
21. oktober 2001 - 23:43 #17
ja, det ville bare være guld, hvis du havde noget der virker, jeg mangler det rimelig meget..
Avatar billede zeth Nybegynder
22. oktober 2001 - 15:00 #18
Avatar billede mmolsen Nybegynder
18. juni 2003 - 23:11 #19
Er der nogen der har fundet løsningen på at skifte style på den pil i dropdownmenuen ??
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
Kurser inden for grundlæggende programmering

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.

Du kan også logge ind via nedenstående tjenester