Søg
Avatar billede web_freak Nybegynder
30. maj 2005 - 14:20 Der er 27 kommentarer og
1 løsning

Jeg har et problem med select bokse i css

Jeg kan ikke få select boksene til at stå i samme række som knapperne, og når man kigger i dem skal feltet neden under ikke flytte sig, på følgende side:
http://www.vipom.dk/diverse/test/eksperten/vipomtest.htm

Et eksempel som viser hvordan det skal se ud:
http://www.vipom.dk/diverse/test/eksperten/vipomtest2.htm
men her mangler funktionaliteten med FONT-FAMILY og size.

På forhånd tak....
Avatar billede fennec Nybegynder
30. maj 2005 - 14:30 #1
Du skal have en position:absolute; på dit style på div'erne.
Avatar billede web_freak Nybegynder
30. maj 2005 - 14:54 #2
Men hvad med samme linie...
Avatar billede fennec Nybegynder
30. maj 2005 - 15:02 #3
Du har flere elementer til at blive vist som block elementer i dit style. Det skal være inline. Block laver et linje skift efter elementet.
Avatar billede web_freak Nybegynder
30. maj 2005 - 15:06 #4
Hvad mener du med block, og hvad kan jeg bruge istedet for....
Avatar billede web_freak Nybegynder
30. maj 2005 - 15:06 #5
Er den block som du taler om <div>
Avatar billede fennec Nybegynder
30. maj 2005 - 15:12 #6
Block er en framvisnings metode:
display:block;
display:inline;

Block angiv (som koden måske siger) en kasse. Og denne kasse står på en linje for sig selv.
Inline betyder at elementet står på samme linje som forige element.

Du må altså under ingen omstændigheder bruge block, hvis du vil have elementer til at stå på en linje, medmindre du selv placere dem med top og left.

Det hjælper desuden ikke at stille det samme ? flere gange inden for få timer. Det er også ulovlig i henhold til E's regler:

§2.1.11 Det er ikke tilladt at oprette det samme spørgsmål flere gange - heller ikke selv om spørgsmålet kunne ligge i flere kategorier. Er der ikke indløbet tilfredsstillende svar på et spørgsmål efter 7 dage, er det dog tilladt at lukke det oprindelige spørgsmål, og oprette et nyt identisk.
Avatar billede web_freak Nybegynder
30. maj 2005 - 15:14 #7
Ok, det med §2.1.11  vidste jeg ikke
Avatar billede web_freak Nybegynder
30. maj 2005 - 15:17 #8
Nu ser det pænt mærkeligt ud.
kassen er for lille og dropdown feltet er rykket til højre
Avatar billede fennec Nybegynder
30. maj 2005 - 15:24 #9
Der er ikke mange der kender reglerne, fordi de ikke læser dem. Hvem gør også det i dag??? :o)

De forskellige elementer i HTML er pr default enten et block, inline, none eller list-item element, og med display kan man overstyre den egenskab. Du kan se hvilke elementer der er hvad her:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp

Den er fra MS, så jeg er ikke sikker på at den er 100% rigtig. Jeg synes bare deres MSDN er hurtigere/bedre til at finde de informationer jeg skal bruge.

Der må være et positions problem på siden. Kikker lige på det...
Avatar billede web_freak Nybegynder
30. maj 2005 - 15:31 #10
Jeg har rettet, lidt på fejlen. Men boksen er lidt længere nede end knapperne, og dropdown feltet kommer et helt forkert sted...
Avatar billede fennec Nybegynder
30. maj 2005 - 15:43 #11
Det ser ud til at dui har lavet det forkert. Du skal over denne stil:

<body>
Før
<div style="display:inline;width:100px;height:10px;border:1px solid black;" onclick="java script:showhide('dropdown');">
  <div id="dropdown" style="position:absolute;display:none;background-color:white;border:1px solid black;">
    sdvcls<br>
    ksdck<br>
  </div>
  klik her
</div>
Efter
<script type="text/javascript">
function showhide(whichLayer)
{
    if (document.getElementById)
    {
    // this is the way the standards work
    var style2 = document.getElementById(whichLayer).style;
    if (style2.display == "none")
        style2.display = "block";
    else
        style2.display = "none";
    }
}
</script>
</body>
Avatar billede web_freak Nybegynder
30. maj 2005 - 15:58 #12
Jeg forstår ikke helt skal jeg bytte det to funktioner om?

Det du har skrevet med før og efter forstår jeg ikke helt.

Den skal virke som en drop down dit eks. laver en dropdown oveni start , dvs. oveni klik her.
Avatar billede fennec Nybegynder
30. maj 2005 - 16:26 #13
Den metode du har brugt til at lave dine dropdown med, er ikke særlig god. Jeg har desuden ændret min, så den er lidt pænere :o)

<style>
.dropDown{
display:inline;
width:100px;
height:10px;
border:1px solid black;
padding:0px;
margin:0px;
}

.dropDownBox{
position:absolute;
display:none;
background-color:white;
border:1px solid black;
width:98px;
}

</style>
Andre funktioner/billeder her
<div class="dropDown" onclick="showhide('dropdownBox1');">
  klik her<br>
  <div class="dropDownBox" id="dropdownBox1">
    <a href="#">1sdvcls</a><br>
    <a href="#">2sdvcls</a><br>
    <a href="#">3sdvcls</a><br>
  </div>
</div>
Andre funktioner/billeder her

<script type="text/javascript">
function showhide(whichLayer)
{
    if (document.getElementById)
    {
    // this is the way the standards work
    var style2 = document.getElementById(whichLayer).style;
    if (style2.display == "none")
        style2.display = "block";
    else
        style2.display = "none";
    }
}
</script>
Avatar billede web_freak Nybegynder
30. maj 2005 - 18:07 #14
Jeg har prøvet det du skrev, men:

http://www.vipom.dk/diverse/test/eksperten/vipomtest3.htm

Det hjalp ikke helt!
Avatar billede web_freak Nybegynder
30. maj 2005 - 18:07 #15
Boksene hopper op og ned og dropdown feltet er ikke ud for selve feltet.
Avatar billede web_freak Nybegynder
30. maj 2005 - 19:35 #16
Samtidig er det ikke så godt at når man klikker på feltet så markere man bokstaverne.
Når man trykker på font-størrelse så åbner man for Font typer(lige meget hvilken man vælger)
Avatar billede olebole Juniormester
30. maj 2005 - 19:37 #17
<ole>

fennec >> Din kode er ikke valid. Inline-elementer må/kan ikke indeholde block-elementer ... men gerne omvendt  :)

/mvh
</bole>
Avatar billede web_freak Nybegynder
30. maj 2005 - 19:55 #18
hvor?

Kan det redes?
Avatar billede web_freak Nybegynder
30. maj 2005 - 20:07 #19
Select boksene har rykket et felt til højre....
Avatar billede web_freak Nybegynder
30. maj 2005 - 20:09 #20
og for højt oppe, nærmest ovenpå det øverste felt(vipomtest.htm)
og Select boksene har rykket et felt til højre....
eller
Select boksene har rykket et felt til højre....(vipomtest3.htm)
Avatar billede fennec Nybegynder
31. maj 2005 - 11:16 #21
olebole >>
Det var jeg ikke klar over, men nu du siger det, giver det faktisk mening. Lige som at smide en div i et span tag.

Så alle div'erne skal vises som block og position absolute.

ps. Det er måske ved at være nemmere at finde et færdig script på nettet??
Avatar billede web_freak Nybegynder
31. maj 2005 - 12:14 #22
Har du en ide til hvor? eller om koden kan redes.....
Avatar billede web_freak Nybegynder
31. maj 2005 - 15:56 #23
Så virker vipomtest3.htm som den skal, men jeg ved ikke om man kan få rammen på "select"feltet til at have samme højde som resten af knapperne. Uden at det hopper og danser op og ned når man trykker.
Avatar billede web_freak Nybegynder
31. maj 2005 - 15:58 #24
fennec du mangler et svar....
Jeg rettede noget css, som gjorde at det var rykket til siden....
Avatar billede web_freak Nybegynder
31. maj 2005 - 16:00 #25
Hvad kan man gøre for at selve "select"feltet reagere på første klik. Og at man ikke kan markere teksten i "select"feltet.
Det skal være som i vipomtest.htm
Avatar billede web_freak Nybegynder
31. maj 2005 - 16:04 #26
Hvis man vil have select bokse med billeder kan dette måske også bruges(den fandt jeg lige).
http://webfx.eae.net/dhtml/select/jsGenerated.html
Avatar billede fennec Nybegynder
22. juni 2005 - 15:52 #27
Undskyld det sene svar. Giv E's mailproblemer skylden.
Har du fundet en løsning på de tidligere problemer??
.o) <-- One Eyed Jack
Avatar billede web_freak Nybegynder
20. juli 2005 - 15:31 #28
Tak.
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 dag 18:26 Hvilken type mus Af mort1 i PC
I går 13:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging
09/0816:05 Samsung Galaxy vil ikke ud af "Sikker tilstand" Af ErikHg i Mobiltelefoner
08/0812:15 morf bilede Af knuldefar1942 i Fri debat
White papers
Flere white papers »