[CSS/HTML] border om jumpmenu wil niet veranderen :(

[Verwijderd]

Okee.. ik heb de search gebruikt en er kwamen geen mensen in voor die mijn probleem eerder gehad hebben. Wel wat threads die er ietwat op lijken, maar volgens mij doe ik OF iets heel erg stoms, OF het werkt gewoon niet. Ik snap het gewoon niet meer.

Hier is mijn probleem:

ik wil een jumpmenuutje maken. Ik heb dit in Dreamweaver MX gedaan en ik kreeg daarbij hetvolgende:

code:

<select name="netwerk" onChange="MM_jumpMenu('parent',this,0)" class="selectnetwork">
<option>websites netwerk</option>
<option>---------------------------</option>
<option>website 1</option>
<option>website 2</option>
<option>website 3</option>
</select>

Okee, tot zover geen problemen lijkt me. Ik heb geen links achter de dingen gezet, dus die staan er ook niet. Zover doe ik het dus goed. Ik heb de select ook een class meegegeven voor mijn CSS file, genaamd 'selectnetwork'.

Dan even het stukje uit mijn CSS file. Hij is erg groot dus ik zal enkel die dingen posten die te maken hebben met mijn formuliertjes:

code:

INPUT       {font-family: Tahoma; font-size: 10px; color: #000000; font-weight: normal;}
TEXTAREA    {font-family: Tahoma; font-size: 10px; color: #000000; font-weight: normal;}
SUBMIT      {font-family: Tahoma; font-size: 10px; color: #000000; font-weight: normal;}
SELECT      {font-family: Tahoma; font-size: 10px; color: #000000; font-weight: normal;}
.selectnetwork  {font-family: Tahoma; font-size: 09px; color: #818181; font-weight: normal; border: 1px; border-color:#000000; border-style:solid}

Wat ik dus heb gedaan is de standaard formuliertjes zo standaard mogelijk gelaten, ik heb daar alleen de font-size aangepast en de font-family.
nu heb ik dus een SELECTNETWORK aangemaakt en die leest hij wel uit. Hij ziet dat het font 09px's moet zijn en dat doet hij ook netjes in zowel Internet Explorer als FireFox.
Echter blijft het jumpmenuutje de standaard border houden (een soort van grijze kleur, aangezien ik mijn style van windows grijs heb). Ik wil daar echter een zwart bordertje omheen hebben, maar dit doet hij gewoon niet.

Wie ziet wat ik fout doe?

Help een radeloze SnoRt

alvast bedankt

[André]

Die kun je niet aanpassen

[crisp]

Je sluit je border-style niet af met een ;
Verder kan je het gewoon in 1 keer opgeven:

Cascading Stylesheet:

border: 1px solid #000;

wat André zegt klopt ook ja; niet in alle browsers kan je de style van een select-element helemaal aanpassen.

[ Voor 30% gewijzigd door crisp op 15-10-2004 15:50 ]

[André]

En voor de volledigheid: een jumpmenu noem je een selectbox

[Verwijderd]

dus het is niet mogelijk om de border van dat lieve kleine selectboxje aan te passen? kut dan staat het echt niet in mijn layout

[André]

Verwijderd schreef op 15 oktober 2004 @ 16:03:
dus het is niet mogelijk om de border van dat lieve kleine selectboxje aan te passen? kut dan staat het echt niet in mijn layout

Je kunt voor een DHTML oplossing gaan, op onderstaande sites zijn wel kant en klare pulldowns te vinden:

www.hotscripts.com
www.dynamicdrive.com

[mjax]

Het kan wel, als je een DIV erom heen zet en wat slimme CSS toepast.

Voorbeeld:

Deze CSS:

code:

.selectAantal
{
  position          : absolute;
  width             : 40 px;
  height            : 24 px;
  color             : #000000;
  font-size         : 11px;
  margin-top            :-3px;
  margin-left           :-2px;
}

.selectWrapper
{
  width             : 37 px;
  height            : 17px;
  overflow          : hidden;
  border            : 1 solid black;
}

Toepassen op deze HTML:

code:

<div class="selectWrapper">
    <select name="aantal" class="selectAantal">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
    </select>
</div>

Op deze manier kun je de border wel beinvloeden.

Het is geen echt mooie oplossing en werkt alleen in IE naar behoren, maar toch.

[Grijze Vos]

crisp schreef op 15 oktober 2004 @ 15:49:
Je sluit je border-style niet af met een ;

Afaik hoef je die niet af te sluiten volgens de CSS specs.
Uiteraard is het netter het wel te doen.

[ Voor 3% gewijzigd door Grijze Vos op 15-10-2004 16:51 ]

[crisp]

Grijze Vos schreef op 15 oktober 2004 @ 16:51:
[...]

Afaik hoef je die niet af te sluiten volgens de CSS specs.
Uiteraard is het netter het wel te doen.

Ik kan me herinneren dat ik daar nog wel eens een browser over heb zien struikelen, maar dat is alweer een tijdje terug

[mocean]

Volgens mij kan je de <option ook een eigen class geven met een border-style en een background, mischien kan je daarmee wat je wilt?