Kulate rohy u pozadi Vyřešeno

[cosmosD]

Čau potřeboval bych poradit.

ul li {
background: url('../obr.jpg');
background-repeat: no-repeat;
background-position: center center; }

ten obrázek nepokrývá celý ten element li. Mám ho uprostřed toho elementu a chci, aby měl kulaté rohy (ten obrázek nikoliv celý element) nevíte jak na to? Border-radius mi udělá kulaté rohu u celého toho elementu a ne u obrázku.

[Reklama]

[shen477]

Zkus udělat tomu obrázku kulaté rohy a uložit jako .png s průhledností. Asi nějak takhle:

11.PNG (7.3 KiB) Zobrazeno 605 x

[cosmosD]

Jo udělám to tak, že upravím obrázek.

Teď mám ale další problém, v příloze zasílám obrázek. text1 chci dat na pozici text1_sem a to samé s textem2. Problém je v tom, že když udělám margin-top, tak se mi ten element zvětší (ten růžový) a to nechci, chci zachovat velikost toho růžového elementu. Oranžový element je obrázek pozadí.

[shen477]

Mohlo by to jít pomocí position: absolute; top: y; left: x; Pokud je ten oranžový uzavřený v tom růžovém.

[CZechBoY]

co tak css3 border-radius?
na nějaký podelement, či obrázek..

[cosmosD]

To umisteni jsem vyresil pomoci position: relative; a potom posunuti.

border radius jsem zkousel, ale udelal mi kulate rohy u toho rodicovskeho elementu, namisto jen u obrazku

--- Doplnění předchozího příspěvku (13 Úno 2013 10:40) ---

Jeste jsem chtel pod obrazek - oranzove pole, vlozit odkaz, ale ten i pres to, ze je pozicovan pomoci relative, meni velikost ruzoveho elementu.

[CZechBoY]

tak ty kulatý rohy dej na prvek, kde je chceš mít ne?

[cosmosD]

Nevedel bys spis jak s tim odkazem? kdyz dam display: inline-block, tak se mi stane to, ze se ten nadrazenej element zvetsi na vysku, ale kdyz dam jinej display, tak se mi zase ten odkaz zobrazi zlomenej, i kdyz by se tam vydal.