WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   CSS och rullist (https://www.wn.se/forum/showthread.php?t=26076)

Davve 2008-01-07 13:04

har i css filen angivit hur input, rullister osv ska se ut, input fungerar och ser bra ut men när jag försöker visa rullist på samma sätt så vill den inte, varför?

godo.se 2008-01-07 13:10

För att en "rullist" inte är en <input> utan en <select>??

Inte direkt lätt att hjälpa dig med den dåliga info du ger.
Ge oss lite kod vettja... :)

DeSoto 2008-01-07 13:20

Select-listor är svåra att förändra utseende på, eftersom de är kontroller som finns i operativsystemet, och inte enbart i webbläsaren. Likaså med filuppladdnings-inputs.

Davve 2008-01-07 13:42

så det är bara att köra på den vanliga då eller? det fula är att den hamnar lite längre ner än input fältet, inte i linje, verkar inte ens gå att lösa med höjd

martine 2008-01-07 14:46

Citat:

Originally posted by Davve@Jan 7 2008, 14:42
så det är bara att köra på den vanliga då eller? det fula är att den hamnar lite längre ner än input fältet, inte i linje, verkar inte ens gå att lösa med höjd
vertical-align: middle;

(input-, select-, img- och span-element är inline-element och betraktas alltså som text, vilket gör att man måste använda t.ex. line-height, vertical-align och andra inline-kommandon för att styra utseende. Det är viktigt att förstå skillnaden mellan elementens display-typ, t.ex. block, inline och table, om man vill ha full kontroll över sid design.)

Davve 2008-01-07 15:19

Tack martine, detta hjälpte!

Davve 2008-02-08 00:07

Har fått samma problem på en annan sida, ser ut så här:

<select> <input> <input> <input> <select> <input> <input>

selecten ligger inte i linje med inputen, de hamnar längre ner i designen några mm. Vad jag än gör så ändras de inte

satte style på selecten som style=vertical-align: top och inte ens det flyttar dessa upp :(

Nåt förslag hur jag kan göra där?

MMC 2008-02-08 11:31

Enkel men lite ful lösning: "position: relative; top: -3px;" eller nu hur många pixlar du vill justera med. Kom ihåg att kolla så det ser OK ut i alla webbläsare.

Davve 2008-02-08 11:42

MMC :) du är en stjärna, löste sig ;) Tack


Alla tider är GMT +2. Klockan är nu 08:21.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson