Využij akce až 80 % zdarma při nákupu e-learningu. Více informací.
Pouze tento týden sleva až 80 % na e-learning týkající se Pythonu
python week
Avatar
reverse nitram
Neregistrovaný
Avatar
reverse nitram:21.4.2013 11:59

ahoj,

#option
        {
                left:20%;
                top:40%;
                position:absolute;
                width:35%;
                height:35%;
                background-color: green;
        }

jak je z kódu vidět, tak option se velikostně přizpůsobuje šírce a výšce prohlížeče. To mi celkem vyhovuje, ale chtěl jsem mít tento option kulatý(border-radius), ale nevím jakou hodnotu tam dát, protože okno má proměnou šířku. Zkoušel jsem nastavit 35% ale je to takový divný elipso-obdelník.

Dá se to nějak pořešit aby to bylo vždu kulaté nebo u nastavování přes procenta nejde? Díky

 
Odpovědět
21.4.2013 11:59
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:21.4.2013 15:18

vždy kulaté (jestli myslíš kruh) můžeš nastavit jako

border-radius: 100%;
Nahoru Odpovědět
21.4.2013 15:18
Student FIT ČVUT. In love with Flutter. :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://g...
Avatar
reverse nitram
Neregistrovaný
Avatar
reverse nitram:21.4.2013 15:40

když to tam dám, tak to je furt ten šišoid

 
Nahoru Odpovědět
21.4.2013 15:40
Avatar
Odpovídá na reverse nitram
Michal Žůrek - misaz:21.4.2013 16:11

Protože prohlížeš má obvykle tvar obdélníku.

 
Nahoru Odpovědět
21.4.2013 16:11
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
reverse nitram
Neregistrovaný
Avatar
Odpovídá na Michal Žůrek - misaz
reverse nitram:21.4.2013 18:43

a když to mám v divu který má hodnoty width a height stejné? v pixelech?

 
Nahoru Odpovědět
21.4.2013 18:43
Avatar
Petr Nymsa
Redaktor
Avatar
Odpovídá na reverse nitram
Petr Nymsa:21.4.2013 19:07

Prohlížeč resp. obrazovka je většinou ve tvaru obdélníku. Předpokládám že umíš procenta. 35% šířky bude rozhodně jiné než 35% výšky ;)

Editováno 21.4.2013 19:07
Nahoru Odpovědět
21.4.2013 19:07
Pokrok nezastavíš, neusni a jdi s ním vpřed
Avatar
Michal Žůrek - misaz:21.4.2013 19:49

Nejjednoduší to bude přes javascript

 
Nahoru Odpovědět
21.4.2013 19:49
Avatar
Odpovídá na reverse nitram
Neaktivní uživatel:21.4.2013 19:54

Nenapadá mě jediný dobrý vysvětlení proč by se měl roztahovat se stránkou. Ale čistě csskem ho dost pravděpodobně nenaučíš být čtvercem :D

Nahoru Odpovědět
21.4.2013 19:54
Neaktivní uživatelský účet
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.