Autor | Zpráva | ||
---|---|---|---|
cesar Profil |
#1 · Zasláno: 24. 11. 2006, 18:52:11
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 |
#2 · Zasláno: 24. 11. 2006, 19:12:17
takže to nemůžu dát jako obrázek
Ono se to tak ani nedělá. Dělá se to backgroundem. |
||
cesar Profil |
#3 · Zasláno: 24. 11. 2006, 19:15:33
habendorf
Ale ono nemůžu dát vícekrát background-image do jednoho stylu, ne? |
||
Dero Profil |
#4 · Zasláno: 24. 11. 2006, 19:20:09
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 |
#5 · Zasláno: 24. 11. 2006, 19:22:03
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 |
#6 · Zasláno: 24. 11. 2006, 19:25:28
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 |
#7 · Zasláno: 24. 11. 2006, 19:29:49
Dero
To nějak nefunguje. :-( Hodí to jen ten střed. |
||
Dero Profil |
#8 · Zasláno: 24. 11. 2006, 19:30:57
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 |
#9 · Zasláno: 24. 11. 2006, 19:33:16
Dero
Ta stránka je: http://lista.adverts-media.cz/lista.html |
||
Dero Profil |
#10 · Zasláno: 24. 11. 2006, 19:34:41
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 |
#11 · Zasláno: 24. 11. 2006, 19:37:02
Dero
Tak jsem to opravil, ale stejně to neukazuje ty rohy. |
||
Dero Profil |
#12 · Zasláno: 24. 11. 2006, 19:44:27
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 |
#13 · Zasláno: 24. 11. 2006, 21:11:23
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 |
#14 · Zasláno: 24. 11. 2006, 21:13:18
cesar: Zaměníš v background top za bottom. Toho asi chceš dosáhnout.
|
||
cesar Profil |
#15 · Zasláno: 24. 11. 2006, 21:17:11
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 |
#16 · Zasláno: 24. 11. 2006, 21:20:33
Právě, že width: auto ani width: 100% mi nefunguje. :-(
|
||
Dero Profil |
#17 · Zasláno: 24. 11. 2006, 21:34:19
cesar: Potom asi nejsnáze použij float: left - nezapomeň pak ale tento prvek vyčistit pomocí clear: left;
|
||
cesar Profil |
#18 · Zasláno: 24. 11. 2006, 21:41:26 · Upravil/a: cesar
Dero
Mockrát Ti děkuji za tvou pomoc a ochotu. Už vše funguje. ;-) |
||
Dero Profil |
#19 · Zasláno: 24. 11. 2006, 21:45:12
cesar: Rádo se stalo. Hezký večer Ti přeji.
|
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0