Autor Zpráva
ceflapoyd
Profil *
potřeboval bych udělat třeba text ohraničený 2px čárou(to je lehký) ale jak udělat aby ty rohy byly kulatý? dík
Yuhů
Profil
v Exploreru se dají kulaté rohy udělat pouze pomocí obrázkových pozadí. Docela pakárna, která je ztížena tím, že jednomu prvku se dá nastavit nejvýše jedno obrázkové pozadí.

Mozilla má na kulaté rohy speciální vlastnost
-moz-border-radius
http://www.jakpsatweb.cz/css/moz-border-radius.html
Webspy
Profil
Nebo těm obrázkům (rožky) nastavit absolutní pozicování. Ale to nejde použít, když používáš statické poz., protože nevíš, jak je element (nějaký div, který má kul. rožky) dlouhý - height.

Jde to ještě lehce vyřešit tabulkama. Ale to má zase jiné nevýhody.

Další způsob:
- <img> linka široká třeba 760px s rožkama na koncích
- <div> div s ohraničením vlevo a vpravo
- <img> linka s rožkama
Doufám, že to chápeš - blbě se to vysvětluje.

Existuje mnoho dalších způsobů (např. obr. pozadí)...
ceflapoyd
Profil *
jo dík...o tom http://www.jakpsatweb.cz/css/moz-border-radius.html jsem věděl(už jsem to tam viděl)
udělal jsem to prostě do tabulek : (
co si psal jsem pochopil...dík ; )
Honza Hučín
Profil
Základní řešení je dát prvku stránky, který má mít kulaté rohy (nebo jinou specialitu), position:relative. Tím pádem se v něm dá absolutně pozicovat.

Tedy velmi zjednodušeně:
<div style="position:relative">
<img src="roh_levydolni.png" style="position:absolute;left:-1px;bottom:-1px>
</div>

V obrázku roh_levydolni.png je kulatý růžek. Je vhodné ho přesunout přes okraj pomocí záporných souřadnic.

Ale pozor na bug IE, viz http://suplik.petnik.cz/index.php?cl=263.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0