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
On to zatím z prohlížečů podporuje akorát FF (respektive jestli minority jako Chrome, Konqueror či Safari, to nevím).
Radek9
Profil
Inspiruj se zde: http://diskuse.jakpsatweb.cz/?action=vthread&forum=4&topic=98761&page=-1
J
Profil *
nebo zde: http://www.smileycat.com/miaow/archives/000044.php#nojavascript
Bubák
Profil
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
Bubák: border radius podporuje google chrome jako -webkit-border-radius

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: