Avatar
feltl
Člen
Avatar
feltl:

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
Redaktor
Avatar
Odpovídá na feltl
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Odpovídá na feltl
Michal Žůrek (misaz):

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
Nesnáším {}, proto se jim vyhýbám.
Avatar
PiskotPiskotovic
Redaktor
Avatar
Odpovídá na feltl
PiskotPiskotovic:

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:

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:

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:

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

 
Nahoru Odpovědět 3.11.2014 18:56
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na feltl
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
feltl
Člen
Avatar
Odpovídá na Honza Bittner
feltl:

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.