Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - 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
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
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 3.11.2014 18:13
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.