Avatar billede busschou Praktikant
24. juli 2005 - 10:56 Der er 19 kommentarer og
1 løsning

text-align i <option> i IE

Hvis jeg benytter style="text-align:right" i <option> eller <select> tag´s, så virker det fint i FF, men i IE står det stadig venstre justeret

Nogen som ved hvordan man kan omgå det i IE? Hvis man da kan omgå det?
Avatar billede busschou Praktikant
24. juli 2005 - 11:16 #1
Mit oprindelige ønske var egentlig at have både venstre og højre justering
Sagen er den at jeg har nogle navne og nogle datoer i et reservations system
Som det er nu kommer det til at se sådan her ud i drop down´en
--
benny 02-03-2005 17:30 -- 04-03-2005 20:00
ib 02-03-2005 17:30 -- 04-03-2005 20:00
søren hansen 02-03-2005 17:30 -- 04-03-2005 20:00
--
Med en masse poster synes jeg det bliver for uoverskueligt med venstre justering
Hvis navnene kunne justeres til venstre og datoerne til højre, så ville det være mere overskuelig,
Eller hvis bare det hele kunne jursteres til højre så datoerne står over hinanden

Men jeg er i tvivl om det er meningen man skal kunne det i en <option> eller om det blot er IE som laver ged i den
Avatar billede jokkejensen Novice
24. juli 2005 - 11:35 #2
Avatar billede busschou Praktikant
24. juli 2005 - 11:40 #3
hæhæ, og så er det lige at jeg ikke er vildt god til hollandsk ;o)
Måske nogen kender et fiks?
Jeg henter værdierne fra en database jo
Så jeg kunne jo tjekke på navnets længde og tilføje tilsvarende mellemrum så alle blev lige lange
Det ville dog kræve en skrifttype hvor alle bogstaver fylder lige meget
Jeg kan ikke huske hvad sådanne skrifttyper hedder, men sådan var det jo i "gamle dage"
Da fyldte et "l" lige så meget i bredden som et "L" osv
Men hvis der findes sådan en skrifttype de fleste IE kan gendkende så kunne det jo være en omvej :)
Avatar billede jokkejensen Novice
24. juli 2005 - 11:52 #4
De eigenschap wordt niet ondersteund voor de elementen BUTTON, OPTION en SELECT.

Den tror jeg nu godt man kan oversætte til noget der ligner

Egenskaberen er ikke understøtte i elementet Button, Option, og Select..

Og jo, du burde kunne lave lidt serverscript der fik dem "pænt" alignede...

Nu kan jeg huske du arbejde i asp, og det er ikke lige min hårde side..

Men ind i et array, find den længste, og tilføj &nbsp; for resten af pengene til de andre, og jo det kræver en af de skrifttyper der er lige brede, men kan ikke huske om &nbsp; er samme brede som chars :(
Avatar billede jokkejensen Novice
24. juli 2005 - 11:56 #5
monospace er vist ordet for de skrifttyper, plejer at bruge courier
Avatar billede busschou Praktikant
24. juli 2005 - 11:56 #6
ok indrømmet lidt hollandsk kan jeg godt :o), men ikke nok til jeg gad læse det andet end stole på du mente det :o)
og yes det er i asp for tiden :o)

Det med at tilføje &nbsp; har jeg også tænkt på, men der er det netop at problemet dukker op. Hvis jeg tæller det længste ord til fx 10 bogstaver, dernæst tilføjer 5 blank tegn til et ord på 5 bogstaver, så er jeg ikke garanteret at de to ord er lige lange rent grafisk på skærmen.
Avatar billede jokkejensen Novice
24. juli 2005 - 12:03 #7
http://www.lowing.org/fonts/

Syntes jeg kan aflæse derfra at whitespace har samme som char's

Så "&nbsp;&nbsp;&nbsp;&nbsp;b" burde stå aligned med "jacob" med en monospace..

Problemet er mere at de er grimme hvis du skal bruge det til web eller præsentation, men selvfølgeligt mindre vigtigt til cms mm.
Avatar billede busschou Praktikant
24. juli 2005 - 12:08 #8
jeg prøver lige, det er til cms, men vil i givet fald kun blive i de drop downs hvor det vil gøre det mere overskuelig
Jeg prøver lige at finde en monospace :o)
Avatar billede roenving Novice
24. juli 2005 - 12:12 #9
Afhængig af, hvor vigtigt det grafiske udtryk er, kan du måske også bruge en selectbox, du selv bygger med divs og javascript !-)

-- prøv f.eks. at kigge på skovenborgs Fake selectboxe: http://skovenborg.1go.dk/
Avatar billede busschou Praktikant
24. juli 2005 - 12:19 #10
lol så når jeg sætter style="font-family: monospace;" i mine <option>´s
Ja så virker det i FF men ikke i IE
Har jeg misforstået hvordan man styler font?
Avatar billede busschou Praktikant
24. juli 2005 - 12:21 #11
tjo
Jeg synes bare det er utroligt hvis man ikke kan style tekst typen i en select boks
Avatar billede busschou Praktikant
24. juli 2005 - 12:23 #12
nå så lykkedes det
Den skal åbenbart styles på <select> og ikke <option> tagget :o)
Avatar billede jokkejensen Novice
24. juli 2005 - 12:28 #13
aha :)
Avatar billede busschou Praktikant
24. juli 2005 - 12:30 #14
jup så blev man så klog
Men du hjalp mig da med navnet monospace
Så smid endelig et svar :o)
Avatar billede jokkejensen Novice
24. juli 2005 - 12:32 #15
ok tak :)
Avatar billede jokkejensen Novice
24. juli 2005 - 12:34 #16
husk forresten ikke at give den option en max width, med mindre den er meget bred, ellers vil der muligvis ikke være mulighed for at man kan se navnet på dem med meget lange navne :)
Avatar billede roenving Novice
24. juli 2005 - 12:34 #17
Jepz, det er lidt tricky at finde rundt i, men det er korrekt, at man i selects kun kan regne med at styre font og farver på select-niveau, farver på option-niveau, og aktiv/selected slet ikke ,-(
Avatar billede roenving Novice
24. juli 2005 - 12:35 #18
Iøvrigt kan en alternativ metode være, at du sætter alle tallene først, for i langt de fleste font-typer er alle tal lige brede !-)
Avatar billede roenving Novice
24. juli 2005 - 12:36 #19
02-03-2005 17:30 -- 04-03-2005 20:00 >> benny
02-03-2005 17:30 -- 04-03-2005 20:00 >> ib
02-03-2005 17:30 -- 04-03-2005 20:00 >> søren hansen
Avatar billede busschou Praktikant
24. juli 2005 - 12:40 #20
jokkejensen >> jeg har ingen max width , det styrer den selv

roenving >> ja det har du egentlig ret i, men nu det virker er jeg nu godt tilfreds med navnet til venstre. Og at det er en monospace type, tja, det ser nu ikke så dumt ud endda synes jeg :o)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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