[CSS]Zaokrąglenie rogów w css lub coś w stylu ifa Opcje

[dk1342]

Witam znalazłem w google kod który zaokrągla rogi np. diva:

Kod

border:1px solid #7aa1bf;
-moz-border-radius: 6px;
border-radius: 6px;

i Wszystko ładnie działa lecz na IE nie działa, jest jakiś podobny kod żeby na IE też działało ? lub jak zrobić IF w którym jak jest np. " IF firefox" to jest ten kod wyżej a jak jest "IF IE" to tego border:1px solid #7aa1bf; nie ma nie mam pojęcia czy w css są ify więc pytam, lub jak zrobić jak np. mam:

#TRESC {
padding-top: 7px;
padding-botton: 5px;
padding-left: 5px;
margin-right: 0px;
margin-top: 0px;
width: 799px;
height: 500px;
text-align: center;
background-color: #124d7b;
overflow: hidden;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}

żeby w każdym rogu był obrazek w którym zaokrągle sobie np. w photoshopie

Ten post edytował dk1342 29.11.2008, 14:43:47

[piotrooo89]

ja korzystam z gotowca js...

tu sposób użycia...
a tu kod js...

Ten post edytował piotrooo89 29.11.2008, 14:46:14

[dk1342]

dzięki za propozycje ale nie chce w js wole ten jakiś inny kod jak jest w css żeby działało w IE, lub jak jest IF że jak jest Internet Explorer to mi wyłącza bordera czyli obramowanie bo nie pasuje

[piotrooo89]

ale mi się wydaje że dopóki IE nie zacznie obsługiwać CSS3 musisz js używać...

[dk1342]

no doba spróbuje JS pokazałbyś mi gdzie co się ustawia ? np. wielkość zaokrąglenia itd..

[mike]

No przecież dostałeś link do przykładu! Czego jeszcze oczekujesz?
Poza tym co podał ~piotrooo89 jest jeszcze Nifty Corners

[piotrooo89]

ehhh...

to:

Kod

<script type="text/javascript">
rC = new DHTMLgoodies_roundedCorners();

rC.addTarget('menu',25,25,'#BDB76B','#FFFFFF',5,false,'top_left,top_right');
rC.addTarget('main',25,25,'#BDB76B','#FFFFFF',5,false,'bottom_left,bottom_right');
rC.init();
</script>

we walasz do index'a.

pierwsza wartość to id elementu do zaokrąglenia. druga i trzecia radiusy x i y. 3 kolo. 4 tło.5 padding. 6 wysokość. 7 które rogi

[dk1342]

dobra dałem tak:

<script type="text/javascript">
rC = new DHTMLgoodies_roundedCorners();

rC.addTarget('TRESC',25,25,'#124d7b','#1f5f91',5,500);
rC.init();
</script>

i działa ale chce zmiejszyć zaokrąglenie to zmiejszam te 25 a drugie zaokrąglają się tylko górny lewy i górny prawy a dolne dalej są prostokontne

@drugi problem rozwiązałem zostało mi tylko pytanie jak zmiejszyć zaokrąglenie, zmiejszyć te 25 ?

@ już wiem dzięki

Ten post edytował dk1342 29.11.2008, 15:19:59

[mike]

@drugi problem rozwiązałem zostało mi tylko pytanie jak zmiejszyć zaokrąglenie, zmiejszyć te 25 ?

http://www.dhtmlgoodies.com/scripts/rounde....html#addTarget

[piotrooo89]

@drugi problem rozwiązałem zostało mi tylko pytanie jak zmiejszyć zaokrąglenie, zmiejszyć te 25 ?

to chyba jest logiczne?