Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)
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
Redaktor
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
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
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
Nesnáším {}, proto se jim vyhýbám.
Avatar
PiskotPiskotovic
Redaktor
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
Redaktor
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
Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat na cokoli se mě můžeš na https://github.com/HoBi/...
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.