baner + obłe boki +css, jak w temacie - nic dodać nic ująć Opcje

[Kas]

Nie wiem czy to już było na forum, ale chyba nie.

Mam baner graficzny umieszczony na stronie i chcę żeby (tak jak reszta stony) miał we właściwych przeglądarkach zaokrąglone boki.
Ale jednoczesnie w MSIE ma być kanciasty.

Chcę to zrobić tak

Kod

<table cellspacing="0" cellpadding="0" width="800px" class="baner">
<tr><td class="baner"><a href="index.php?strona=sta_hom"><img src="baner.jpg" class="standard" alt="Baner"></a>
</td></tr></table>

Kod

table.baner {
background-color: #ECF5DE;
text-align: center;
border-radius: 20px;
-moz-border-radius: 20px;
}


td.baner {
border-radius: 20px;
-moz-border-radius: 20px;
}

czyli dokładnie jak reszta, ale to nie działa.
Co mam z tym zrobić?

Ten post edytował Kas 2.06.2005, 17:44:39

[revyag]

A jaką masz szerokość banera ? Jak 800 to nie zobaczysz zaokrąglonych rogów bo baner rozszerzy tabelkę. Zrób tabelkę na 840 i wycentruj w niej baner. Powinno być ok.

[Kas]

A nie ma odpowiednika border-radius oraz -moz-border-radius dla obrazków??
Najlepiej byłoby to zrobic bez tabeli.

[revyag]

Jeśli chcesz żeby obrazek miał zaookrąglone rogi to po prostu taki zrób. Bo robienie obrazka kanciastego i później próbowanie zaokrąglenia jego rogów przy użyciu styli czy czegoś innego, to taka podwójna robota.

[Kas]

Jasne... Pod warunkiem, że totalnie oleję MSIE, a to też dyskryminacja.