Autor Zpráva
PetrH
Profil *
#1 · Zasláno: 27. 6. 2005, 11:50:38
Odpovědět Citovat
Dobrý den,

mám udělaný pomocí CSS rámeček a potřebuju aby měl zaoblené rohy. Dělám to takto:

#prihlaseni {
position: absolute;
background-image: url("pozadi.jpg");
background-repeat : no-repeat;
left : 35%;
top : 30%;
font-size: 1.1em;
height : 350;
width : 350;
padding-top : +15px;
padding-left : 2px;
}
obrazek, ktery je na pozadi ma zoblene rohy. Jak docilit toho aby se obrazek roztahl na celou plochu ramecku? Jde nejak menit sirka/vyska obrazku na pozadi pomoci CSS?

Petr
Plaváček
Profil
#2 · Zasláno: 27. 6. 2005, 11:55:45
Odpovědět Citovat
Rozměry obrázků na pozadí měnit v CSS nelze, kulaté rohy se simulují obrázkem. U boxu, který nemá pevnou výšku a šířku je nutné použít několik vnořených bloků (typicky čtyři, pro každý roh jeden). Existuje ale i jedno velmi zajímavé řešení, rozumně použitelné. Více viz zde

http://seky.nahory.net/2005/04/oble-rohy-nifty-corners/
DZer
Profil
#3 · Zasláno: 27. 6. 2005, 12:40:26
Odpovědět Citovat
-moz-border-radius: 8px
de to jenom v mozille je to její vlastní tag
flying gentleman
Profil
#4 · Zasláno: 27. 6. 2005, 14:30:58
Odpovědět Citovat
a neni validni,to jen tak naokraj.
PetrH
Profil *
#5 · Zasláno: 27. 6. 2005, 15:42:44
Odpovědět Citovat
Díky moc za rady.

Rešení s JavaScriptem jsem zkoušel ale na lokale stejný příklad bohužel blbne. Uvidíme, třeba se to podaří.

-moz-border-radius je take dobre reseni. Nevadi ze to funguje jen v Mozille. Bude to jen interni firemni zalezitost a 99% lidi na to stranky pujde s velkou Mozillou nebo Firefoxem.

Petr
DoubleThink
Profil *
#6 · Zasláno: 27. 6. 2005, 18:39:42
Odpovědět Citovat
To, že je -moz-border-radius nevalidní, je úplně šumák - hlavní problém bych viděl v tom, že roh není hladký (nemá anti-aliasing), takže to vypadá dost blbě.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0