Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:
Avatar
feltl
Člen
Avatar
feltl:3.11.2014 18:00

Zkouším si udělat pro web obrys obdélníku s textem uvnitř. Nemohu docílit toho, aby rohy obdélníku byly kulaté. Ve skriptu ITnetwork.cz <!DOCTYPE html>
<html>
<head>
<style>
#kontejner
{
background-color: blue;
border-top-left-radius: 50px;
width: 300px;
height: 100px;
}
</style>
</head>
<body>
<div id="kontejner">

</div>
</body>
</html>

ale prakticky nefungují. Prosím o správný zápis. Díky

 
Odpovědět
3.11.2014 18:00
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na feltl
Honza Bittner:3.11.2014 18:08

Však to funguje ... http://jsfiddle.net/zbn8uejq/

Píšeš tady jak koukám obrys obdélníku. Nechceš spíše tedy pouze rámeček?
http://jsfiddle.net/zbn8uejq/1/

Nahoru Odpovědět
3.11.2014 18:08
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na feltl
Michal Žůrek - misaz:3.11.2014 18:09

nastuduj si CSS pořádně.

border-top-left-radius: 50px;

nastaví zakulacení jen hornímu levému rohu.

 
Nahoru Odpovědět
3.11.2014 18:09
Avatar
PiskotPiskotovic
Tvůrce
Avatar
Odpovídá na feltl
PiskotPiskotovic:3.11.2014 18:11

Když už, tak používej tlačítko "Vložit zdrojový kód".

A zkus toto:

(CSS, pojmenuj třeba style.css a dej do stejné složky)

.kontejner
{
background-color: blue;
border-radius: 50px;
width: 300px;
height: 100px;
}

(HTML)

<DOCTYPE HTML!>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="kontejner">
</div>
</html>

Ukázka:
http://jsfiddle.net/bp10746m/

(Jinak to možná chápu blbě, ale psal jsi, že rohy, ale tím pádem všechny.)

Editováno
Nahoru Odpovědět
3.11.2014 18:11
Error 404 - stránka motto.php nenalezena.
Avatar
feltl
Člen
Avatar
Odpovídá na Honza Bittner
feltl:3.11.2014 18:34

určitě ano, zelený rámeček cca 3-5 px border-radius: 20px;

 
Nahoru Odpovědět
3.11.2014 18:34
Avatar
feltl
Člen
Avatar
Odpovídá na Michal Žůrek - misaz
feltl:3.11.2014 18:54

pokud to chci v rámečku a na všech vepíši do body
#kontejner
{
background-color: blue;
border-top-left-radius: 50px;
width: 300px;
height: 100px;
}
v head není o tom žádný <style>xxxxxx,/s­tyle>
a ve výsledku zobrazení jsou rohy pravoúklé a nezakulacené.
Zobrazeno ve W 8.1 Pro s Off. 2013

 
Nahoru Odpovědět
3.11.2014 18:54
Avatar
feltl
Člen
Avatar
Odpovídá na feltl
feltl:3.11.2014 18:56

#kontejner
{
background-color: blue;
border-top-radius: 20px;
width: 300px;
height: 100px;
}

 
Nahoru Odpovědět
3.11.2014 18:56
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na feltl
Honza Bittner:3.11.2014 20:03

Pořád nechápu, proč tu píšeš v kódu background, když chceš ten zelený rámeček a zakulacené rohy?

Toto by mělo býti to, co chceš - podle toho, co jsem pochopil z tvých vět.
http://jsfiddle.net/zbn8uejq/4/

Nahoru Odpovědět
3.11.2014 20:03
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
feltl
Člen
Avatar
Odpovídá na Honza Bittner
feltl:3.11.2014 20:16

Díky móc, to je přesně ono. Na webu si ještě upřesním pozici a text. Prostě pořád se musím tohle učit.

 
Nahoru Odpovědět
3.11.2014 20:16
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 9 zpráv z 9.