| Autor | Zpráva | ||
|---|---|---|---|
| Joan Profil |
#1 · Zasláno: 1. 1. 2010, 01:22:01 · Upravil/a: Joan
Šťastný nový rok,
prosila bych vyvrátit nebo potvrdit domněnku, že "univerzální" obrázek s kulatými rohy pro horní (tj. DIV) a dolní stranu (tj. odstavec P) bloku udělat nejde v případě, že pozadí není jednobarevné, nýbrž obrázkové: <div><p>Nějaký odstavec v obalovém DIVu</p></div> protože i když horní obrázek s průhlednými rohy nastavit jde, tak ten spodní, který má taky průhledné rohy, je "překryt" nastavenou barvou obrázku. Nebo to jde nějak elegantně vyřešit? Děkuji, pomohla by mi odpověď. |
||
| Chuck Profil |
#2 · Zasláno: 1. 1. 2010, 03:52:26 · Upravil/a: Chuck
Přesně nerozumím, co chceš.
Máš stránku a na ní objekt. Stránka je různobarevná (má barevné pozadí). A ten objekt je jaký? jednobarevný či různobarevný? |
||
| Shadowek Profil |
#3 · Zasláno: 1. 1. 2010, 12:39:35
Taky moc přesně nerozumím ale:
Vytvářet kulaté rohy bez obrázků půjde až v CSS3 a nebo nyní s využitím menší vychytávky http://seky.nahory.net/2005/04/oble-rohy-nifty-corners/ |
||
| Joan Profil |
#4 · Zasláno: 1. 1. 2010, 21:33:34
Omlouvám se za nesrozumitelné vyjádření- není nad názorný nákres :-) :
|
||
| Executus Profil |
#5 · Zasláno: 2. 1. 2010, 17:14:04
Joan:
Možná se mýlím, ale nešlo by to vyřešit z-indexem? |
||
| Bubák Profil |
#6 · Zasláno: 2. 1. 2010, 17:17:31
Přece není důvod, aby se horní část zobrazovala celá.
|
||
| Chuck Profil |
#7 · Zasláno: 2. 1. 2010, 23:07:15 · Upravil/a: Chuck
Joan:
<div> // celý objekt, bez pozadí (tento <div> de facto není ani nutný, slouží spíš k ucelení a případnému nastavení vnějších vlastností (margin, float, clear, positon apod.)
<div> // blok s pozadím horních rohů, pevná výška
</div>
<div> // blok pozadím natahovaným po ose y - bez dané výšky
obsah
</div>
<div> // blok s pozadím dolních rohů, pevná výška
</div>
</div>
Takhle to bude fungovat. To protože pod rohy nebude nic umístěno. |
||
| Joan Profil |
#8 · Zasláno: 3. 1. 2010, 17:48:46
Bubák:
Nemusí se zobrazovat celá, to jistě ne, ale bohužel stačí třeba kousíček a už dolní oranžová část bude prosvítat pod průhlednými rohy spodního obrázku = bude vidět, což nechci. Kdyby pozadí stránky bylo jednobarevné, tak touto barvou vyplním vnější pozadí rohů dolního obrázku (který se bude vyskytovat vlastně nad horním obrázkem a tím pádem překryje oranžovou ) a je po ptákách. U nejednobarevného pozadí mi stále není postup jasný, chci-li obrázek na pozadí s kulatými rohy vytvořit ZE DVOU posuvných obrázků a ne jen z jednoho... |
||
| Joan Profil |
#9 · Zasláno: 3. 1. 2010, 17:50:16
Chuck:
Promiň, ale jak prosím Tě docílím, aby se při natahování po ose Y zobrazil i pravý horní kulatý roh? Mimoto nechci pevnou výšku obrázků, protože výška se bude odvíjet od množství textu. |
||
| pavuk Profil * |
#10 · Zasláno: 3. 1. 2010, 17:55:46
Celé pozadí bude ze tří obrázků, horní s horníma kulatýma rohama, pod ním další vodorovnej obrázek kterej se zopakuje po ose y tolikrát aby vyplnil vždycky celou výšku <div>u, ať je vysoká tak nebo onak, a nakonec spodní obrázek ze spodníma kulatýma rohama. Jak píše [#7] Chuck, jsou to tři <div>y (= 3 obrázky pozadí) za sebou v jednom obalujícím <div>u.
|
||
| pavuk Profil * |
#11 · Zasláno: 3. 1. 2010, 18:05:18
Takhle:
|
||
| Joan Profil |
#12 · Zasláno: 3. 1. 2010, 18:09:22
pavuk:
Jo tááák !!! Tím prostředním obrázkem vlastně zabráním, aby se oranžové pozadí natáhlo úplně až dolů. Díky za Tvůj čas, už mi to docvaklo :-) |
||
| pavuk Profil * |
#13 · Zasláno: 3. 1. 2010, 18:10:03
Za málo, rádo se stalo :-)
|
||
|
Časová prodleva: 14 let
|
|||
0