| Autor | Zpráva | ||
|---|---|---|---|
| Michal Kolesa Profil |
V Knize 333 tipů a triky pro CSS (Cpress; Martin Domes) jsem viděl tip na rámeček se zakulacenými rohy v CSS zkusil jsem uvedený tip a nic rámečky byli hranaté
Viz kód CSS p.rohy
{
border: 2px solid #AAA;
border-radius:10px;
}HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com">; <title></title> <link rel="stylesheet" href="sablona.css" type="text/css"> </head> <body> <div> <p class="rohy"> Lorem ipsum dolor sit amet consectetuer Proin magnis libero facilisi tellus. Aliquam Vivamus Lorem Sed aliquet pellentesque amet fermentum lorem Vestibulum vitae. Habitant fames sollicitudin ipsum elit felis porttitor euismod urna Vestibulum ac. Tincidunt Phasellus tincidunt tincidunt a nibh cursus id at porttitor elit. Dictumst vitae at tellus pede Curabitur lorem Morbi enim et eget. Sed Vivamus convallis nec Cum. </p> </div> </body> </html> Prohlížeč IE 8 Otázka je problém v prohlížeči nebo jsem to blbě opsal ? |
||
| Miloš Profil |
#2 · Zasláno: 23. 8. 2009, 12:21:03
On to zatím z prohlížečů podporuje akorát FF (respektive jestli minority jako Chrome, Konqueror či Safari, to nevím).
|
||
| Radek9 Profil |
#3 · Zasláno: 23. 8. 2009, 12:33:21
|
||
| J Profil * |
#4 · Zasláno: 23. 8. 2009, 16:54:10
|
||
| Bubák Profil |
#5 · Zasláno: 23. 8. 2009, 20:08:49
„On to zatím z prohlížečů podporuje akorát FF (respektive jestli minority jako Chrome, Konqueror či Safari, to nevím).“
Žádná prohlížeč nepodporuje "border-radius", včechny Milošem zmíněné prohlížeče vyžadují vendor-prefix. Pozor, pokud budeš kulatit jednotlivé rohy, Gecko trochu chce jinou syntaxi, nejlepší bude příklad: http://www.css3.info/preview/rounded-border/ IE 8 ani připravovaná Opera 10 rohy nekulatí. Jak je na tom Konqureror 4.x, netuším, a nechce se mi to zjišťovat. |
||
| Zechy Profil |
#6 · Zasláno: 25. 8. 2009, 00:41:02
Bubák: border radius podporuje google chrome jako -webkit-border-radius
|
||
|
Časová prodleva: 15 let
|
|||
0