21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Joan
Profil
Šť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
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
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
Omlouvám se za nesrozumitelné vyjádření- není nad názorný nákres :-) :
Executus
Profil
Joan:
Možná se mýlím, ale nešlo by to vyřešit z-indexem?
Bubák
Profil
Přece není důvod, aby se horní část zobrazovala celá.
Chuck
Profil
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
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
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 *
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 *
Takhle:

Joan
Profil
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 *
Za málo, rádo se stalo :-)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0