Autor | Zpráva | ||
---|---|---|---|
Jan Knížek Profil |
#1 · Zasláno: 2. 5. 2011, 19:24:50 · Upravil/a: Jan Knížek
Dobrý den,
potřebuji nastavit pozadí v divu opakování po ose x, tak aby od okraje byla vlevo 40px mezera. Když jsem dal opakování po ose y, pozadí bylo bezproblému zleva posunuto, ale když dám po ose x, začíná od hrany divu. Díky všem za rady |
||
panther Profil |
#2 · Zasláno: 2. 5. 2011, 19:42:19
Jan Knížek:
nic jako „opakování od určité pozice“ neexistuje. Možností, jak to řešit, je více a záleží na konkrétní situaci. |
||
Chamurappi Profil |
#3 · Zasláno: 2. 5. 2011, 19:46:28
Reaguji na Jana Knížka:
Viz Obrázek na pozadí posunutý zleva o 100px. |
||
Jan Knížek Profil |
#4 · Zasláno: 2. 5. 2011, 20:26:09
toho jsem se bál.
Potřebuji mít obsah divu a v jeho levém horní rohu obrázek, ne který navazuje opakující se obrázek po ose x. Viz. kód. <div id="horni"> <div id="roh"> ahoj </div> </div> V divu roh, je nastavené pozadí neopakující se v levém horním rohu. Div horni má nastaveno opakování po ose x a úplně nahoře. Napadlo mě řešení prohodit pořadí divů, divu roh nastavit padding-left:40px. A do těch dvou vložit třetí který by měl margin-left:-40px; Je to správné řešení? Existuje lepší? |
||
panther Profil |
#5 · Zasláno: 2. 5. 2011, 20:57:52
Jan Knížek:
„Je to správné řešení? Existuje lepší?“ dokud neukážeš konkrétní obrázky/obrázky, těžko radit. Stejně tak těžko radit dle dvou vložených div ů, které vůbec nic nikomu neřeknou. Z popisu též moc moudrý nejsem.
|
||
Jan Knížek Profil |
#6 · Zasláno: 2. 5. 2011, 21:44:15 · Upravil/a: Jan Knížek
první obrázek:
druhý obrázek je malý, 1 × 40 px, horních 5 je černých, zbytek je průhlednýObrázek Potřebuji udělat něco jako rámeček, text ale potřebuji od levého okraje jen několik px(rozhodně ne 40). #horni { background-image:url("../obrazky/horni.png"); background-repeat: repeat-x; background-position:40px 0; } #roh { background-image:url("../obrazky/levy_horni.png"); background-repeat: no-repeat; background-position:0 0; } |
||
panther Profil |
#7 · Zasláno: 3. 5. 2011, 07:17:40
Jan Knížek:
obrázek horni.png se může klidně opakovat po celé délce, obrázek levy_horni.png bude nad ním a vše bude vypadat tak, jak má.
Což mimochodem vypadá i teď, když je opakován od 40px zleva. „druhý obrázek je malý, 1 × 40 px, horních 5 je černých, zbytek je průhledný“ proč tedy není vysoký jen 5px? |
||
Jan Knížek Profil |
#8 · Zasláno: 3. 5. 2011, 07:57:25
protože, tenhle obrázek není finální. Bude tam poloprůhledný obrázek, který když se bude překrývat s tím druhým, tak to místo bude tmavší.
|
||
panther Profil |
#9 · Zasláno: 3. 5. 2011, 22:49:22
třeba takto:
<div id="roh"> <div id="horni"></div> <p>OBSAH</p> </div> #horni {margin-left: 40px;} |
||
Časová prodleva: 5 dní
|
|||
Jan Knížek Profil |
#10 · Zasláno: 8. 5. 2011, 18:21:59
Díky, tohle mě nenapadlo, řešil jsem to složitěji.
|
||
Časová prodleva: 13 let
|
0