Autor Zpráva
akali
Profil *
#1 · Zasláno: 5. 9. 2010, 14:22:16
Odpovědět Citovat
Ahoj, mám 2 divy (pravý a levý).. V pravým bude výpis několika textů a v levým jenom obrázek, který by měl být opakovám v ose y. Jenže jak nastavit, aby byl levý a pravý sloupe stejně vysoký, když nevím, kolik textů a jak dlouhých se vypíše v pravém sloupci.

Zde, http://design.velkyberanov-fotbal.cz/ pod tím levým obrázkem je vidět, že se přechází na další obrázek (který má pokračovat do výšky pravého divu - prouzek.gif). Doufám, že mě pochopíte
díky za rady
Keeehi
Profil
#2 · Zasláno: 5. 9. 2010, 14:47:26
Odpovědět Citovat
obal je oba do ještě jednoho divu a tomu nastav pozadí, které vznikne sloučením pozadích obou sloupců. (sloupec a 200px, sloupec 2 600px -> výsledný obrázek je velký 800px, v levé čási je pozadí levého sloupce, v pravé části je pozadí z pravého slupce. A tento 800px obrázek se dá jako pozadí tomu obalovému divu.)
akali
Profil *
#3 · Zasláno: 5. 9. 2010, 15:00:39
Odpovědět Citovat
Asi jsem Vás dost dobře nepochopil :(

Obalil jsem je oba do divu "prouzek", ale nějak nevidím změny. Nastavil jsem jim oběma výšku na 100%, ale pořád to záleží na tom, jak vysoký nastavím ten div "prouzek" a já chci aby výšku ovlivňovala délka textu :(
Keeehi
Profil
#4 · Zasláno: 5. 9. 2010, 15:22:23
Odpovědět Citovat
musíte mít na konci něco s clear:left (popř. both)
http://www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082
akali
Profil *
#5 · Zasláno: 5. 9. 2010, 15:33:53
Odpovědět Citovat
Tak jsem cleat both nastavil divu "prouzek", ale pořád ten levý obrázek neprodlužuje tak, jak má:(

Napsal jsme tam delší text, ale pořád to nefunguje..
Kde přesně na konci by ten clear both měl být?
Keeehi
Profil
#6 · Zasláno: 5. 9. 2010, 15:46:46 · Upravil/a: Keeehi
Odpovědět Citovat
Přečtěte si článek z [#4].

výňatek: 
1hr.cistic {
2   clear: both;
3   height: 1px;
4   border: none;
5   margin: -1em 0 0 0;
6   visibility: hidden;
7   }
8 
9<div id="vnejsi-blok-s-pozadim-a-rameckem">
10   <div id="sloupec1-float-left">…</div>
11   <div id="sloupec2-float-right">…</div>
12   <hr class="cistic">
13</div>
hr.cistic {
   clear: both;
   height: 1px;
   border: none;
   margin: -1em 0 0 0;
   visibility: hidden;
   }
 
<div id="vnejsi-blok-s-pozadim-a-rameckem">
   <div id="sloupec1-float-left">…</div>
   <div id="sloupec2-float-right">…</div>
   <hr class="cistic">
</div>
Clear se nastavuje nějakému dalšímu prvku co je za těmi 2 divy (v příkladu je to hr) a ne obalovému divu.
akali
Profil *
#7 · Zasláno: 5. 9. 2010, 15:58:34
Odpovědět Citovat
Tak jsem se pokusil udělat vše podl eVašich rad, ale opět neúspěšně :(

http://design.velkyberanov-fotbal.cz/
Keeehi
Profil
#8 · Zasláno: 5. 9. 2010, 16:04:08
Odpovědět Citovat
akali:
je to úspěšné, jenom jste vymazal barvu pozadí obalového divu, takže je tam defaultní průhledná, která není vidět. Stačí už jen tedy nastavit pozadí obalovému divu a bude to OK.
akali
Profil *
#9 · Zasláno: 5. 9. 2010, 16:11:05
Odpovědět Citovat
Já tam ty proužky nemám pokračují až úplně dolu. KOnčí hned pod tím obrázkem s křeslem :(

Možná jsme každej mysleli něco jiného? http://design.velkyberanov-fotbal.cz/
Já potřebuji, aby ty proužky, které vedou přes ty křesla, židle atd vedli až úplně dolu na úroveň posledního řádku (asd)
Keeehi
Profil
#10 · Zasláno: 5. 9. 2010, 16:23:48
Odpovědět Citovat
Místo červené barvy akorát tomu divu nastavíte obrázkové pozadí. Tento obrázek si musíte vytvořit (třeba v malování) spojením pozadí levého a pravého divu.
akali
Profil *
#11 · Zasláno: 5. 9. 2010, 16:26:43
Odpovědět Citovat
grrr, měl jsem si dát facku, psal jste to tu nejméně tři krát a já to pořád nechtěl chápat..

Děkuji mockrát!
Časová prodleva: 15 let
Toto vlákno je staré, již dlouho do něj nikdo nepřispíval.

Informace a odkazy zde uváděné už nemusejí být aktuální. Nechcete-li řešit zde uvedenou konkrétní otázku, založte si vlastní vlákno, nepište do tohoto. Vložíte-li sem nyní příspěvek, upoutáte pozornost mnoha lidí a někteří z nich si jen kvůli vám přečtou i všechny předcházející příspěvky. Předpokládáte-li, že váš text skutečně bude hodnotný, stiskněte následující tlačítko:


Běda vám, jestli to bude blábol.

0