Autor Zpráva
cesar
Profil
Zdravím,

potřeboval bych udělat v css pozadí divu ze tří obrázků, je to nějak možné?

Pro lepší pochopení, potřebuji levý kulatý roh, střed a pravý kulatý roh. Ten střed se samozřejmě bude muset natahovat, ale potřebuji i do těch levých a pravých rohů, aby na to šel taky text, takže to nemůžu dát jako obrázek.

Díky moc předem.

cesar
habendorf
Profil
takže to nemůžu dát jako obrázek

Ono se to tak ani nedělá. Dělá se to backgroundem.
cesar
Profil
habendorf
Ale ono nemůžu dát vícekrát background-image do jednoho stylu, ne?
Dero
Profil
Ale ono nemůžu dát vícekrát background-image do jednoho stylu, ne?

Budeš muset použít více DIVů. Ano, je to neelegantní. A ano, každý kodér Ti řekne, že kulaté rohy nemá příliš v lásce.
cesar
Profil
A mohli byste mi poradit, jak na to? Sice více DIVů, ale jak udělat, aby byly tzv. v pozadí, aby na ně šel text?
Dero
Profil
Třeba takto nějak.

#levy { background: url("...") top left no-repeat; }
#pravy { background: url("...") top right no-repeat; }
#stred { background: url("...") top left repeat-x; }

<div id="stred">
<div id="pravy">
<div id="levy">
Text divu
</div>
</div>
</div>
cesar
Profil
Dero
To nějak nefunguje. :-( Hodí to jen ten střed.
Dero
Profil
cesar: V tom případě bude nejlepší, když dáš na web přímo konkrétní stránku. Podíváme se na to.
cesar
Profil
Dero
Ta stránka je: http://lista.adverts-media.cz/lista.html
Dero
Profil
cesar: V kódu máš:

<div id="levy">
<div id="pravy">
<div id="stred">

To je chyba. Opakující se střed překreslí oba rohy. Stačí použít to pořadí, které jsem navrhoval já.
cesar
Profil
Dero
Tak jsem to opravil, ale stejně to neukazuje ty rohy.
Dero
Profil
cesar: Protože obrázek je vyšší než patřičný DIV. V Tvém případě stačí přidat do deklarace #levy toto:

height: 29px;
cesar
Profil
Dero
Už to funguje. Díky moc, jen takový dotaz. Udělám tam nějak, aby se to natahovalo podle textu uvnitř? :-)
Dero
Profil
cesar: Zaměníš v background top za bottom. Toho asi chceš dosáhnout.
cesar
Profil
Dero
Nene, já potřebuji, aby se to zcvrklo na šířku pouze na délku toho textu ;-) viz http://lista.adverts-media.cz/lista.html
cesar
Profil
Právě, že width: auto ani width: 100% mi nefunguje. :-(
Dero
Profil
cesar: Potom asi nejsnáze použij float: left - nezapomeň pak ale tento prvek vyčistit pomocí clear: left;
cesar
Profil
Dero
Mockrát Ti děkuji za tvou pomoc a ochotu. Už vše funguje. ;-)
Dero
Profil
cesar: Rádo se stalo. Hezký večer Ti přeji.
Toto téma je uzamčeno. Odpověď nelze zaslat.