Ako spravim toto?

pomocí tabulky... asi takhle

<table border="1" bordercolor="blue" cellpading="1" cellspacing="0" width="120" height="100">

<tr bgcolor="lightblue" height="25">

<td>

<center>Nadpis</center>

<td>

</tr>

<tr>

<td bgcolor="blue">

xxxxxxx

xxxxxx

xxxxx

</td>

</tr>

</table>

bude to bez tech kulatych rohu, ale to se da vyresit bud obrazkem nebo nejak pomoci CSS myslim

Přibližně takto:

<div style="background: #66F; width: 150px; heihgt: 15px; padding: 3px 7px;">Nadpis</div>
<div style="border: 1px solid #66F; width: 150px; padding: 7px; line-height: 20px;">xxxxxxxxxxxxxx<br />xxxxxxxxxxxxxx<br />.......</div>

Jenom si změň ty čísla, jak se ti to hodí. Zakulacený rohy jedině pomocí JS nebo počkat na CSS3 :o)

Zakulacený rohy jedině pomocí JS nebo počkat na CSS3 :o)

... nebo backgroundem, nebo pro Gecko pomocí -moz-border-radius.

bez použizia obrázkov - tj. ne backgroundem...
moz-border-radius - to by jelo v míň než 50% prohlížečích...

tpikalek:

1) background a img je rozdíl
2) říkám snad že to je pro gecko, ne?

1) background a img je rozdíl - Ale stejně v tom backgroundu bude obrázek...
2) říkám snad že to je pro gecko, ne? - OK

Sry, nemám moc náladu...

Bez obrázků jedině JS. Ale moc nechápu, proč se tak bráníš tomu backgroundu.

tpikalek
2) budu se hádat, může tam být např. fotografie, nebo nějaký vzorek a to už není obrázek, kdežto <img .. /> = image, tedy obrázek... :)

A teď k tématu:
Jak na kulaté rohy pomocí JS popsal Pachollini: http://seky.nahory.net/2005/11/kulate-rohy-update/

reppo ano, pozadí je pozadí, je to "okrasa" to duležité je většinou ten text na popředí:-) takže ano dá se psát po pozadi
html:
<div class="nadpisokna">Nějaký nadpis</div>

css:
.nadpisokna{Width:200px;height:30px;background:url("obrazky/pozadi-nad pisu.png") no-repeat;}

krteczek

krteczek: Ještě bych dal na background i barvu, aby byl nadpis zvýrazněn i bez obrázku.

Bez obrázků: http://www.cssplay.co.uk/boxes/krazy.html