Autor Zpráva
janickal
Profil *
#1 · Zasláno: 9. 1. 2006, 15:49:06
Odpovědět Citovat
Dobry den, chci si na stranky udelat dvosloupcovy layout. Cast obsahu se generuje z databaze, problem mam s tim, ze jsem na internetu vsude nasla dvousloupcovy layout, kde je nejprve kod pro pravy sloupec a pak pro levy. Jenze ja potrebuji nejdrive levy a pak pravy sloupec a navic aby meli automaticky stejnou vysku i kdyz jeden obsahuje mene dat a druhy vice. Nemel by nekdo nejaky odkaz s prikladem?
peta
Profil *
#2 · Zasláno: 9. 1. 2006, 17:34:07
Odpovědět Citovat
janickal
stejna vyska = obrazek v pozadi
jinak viz 3 sloupce
http://www.volny.cz/peter.mlich/www.htm#www60
a jinak nejake demo mam na
http://www.volny.cz/peter.mlich/aatop.htm
- WWW ukazka 1
- WWW - JVL
- WWW absinth
peta
Profil *
#3 · Zasláno: 9. 1. 2006, 17:34:45
Odpovědět Citovat
Jo, jeste takove pekne...
http://peter-mlich.wz.cz/x/rs0/pp-rs0.php
- kdyz das create pages
janickal
Profil *
#4 · Zasláno: 9. 1. 2006, 18:52:49
Odpovědět Citovat
Tak jsem se pokusila o ty dva sloupce, ale bohuzel pravy se mi zobrazoval neustale vlevo a doprava nejak nesel dat. 





<div style='width: 400px;'>

  <div style='width: 200px;background-color:green;float: right;'>

    test levy<br>

    test levy<br>

    test levy<br>

    test levy<br>    

  </div>

  <div style='width: 200px;background-color:blue;'>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

  </div>

</div>
Tomik
Profil
#5 · Zasláno: 9. 1. 2006, 18:55:04 · Upravil/a: Tomik
Odpovědět Citovat 

<div style='width: 401px;'>

  <div style='width: 200px;background-color:green;float: left;'>

    test levy<br>

    test levy<br>

    test levy<br>

    test levy<br>    

  </div>

  <div style='width: 200px;background-color:blue;float: right'>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

  </div>
habendorf
Profil
#6 · Zasláno: 9. 1. 2006, 18:55:27 · Upravil/a: habendorf
Odpovědět Citovat
Nezdá se ti podezřelé mít v levém sloupci float: right ? :o)
Zkus left.

Aha, pozdě...
janickal
Profil *
#7 · Zasláno: 9. 1. 2006, 19:18:21
Odpovědět Citovat 

<div style='background-color: green;width: 401px;'>

  <div style='width: 200px;float: left;'>

    test levy<br>

    test levy<br>

    test levy<br>

    test levy<br>  

 

  </div>

  <div style='width: 200px;float: right;'>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

    test pravy<br>

  </div>



</div>



Aha tak to sem se mylne domnivala,ze kdyz to udelam takto, tak ze to bude ocekavat jeste treti "div". Ale to proc mi to v takoveto uprave nezobrazi barvu pozadi toho nadrazeneho "divu" take nechapu.
Tomik
Profil
#8 · Zasláno: 9. 1. 2006, 19:22:53
Odpovědět Citovat
Tam je jeden jediný "nadřazený" div, se šířkou 400px a ten pozadí nemá...
janickal
Profil *
#9 · Zasláno: 9. 1. 2006, 20:01:27
Odpovědět Citovat
A proc by ho nemohl mit?
habendorf
Profil
#10 · Zasláno: 9. 1. 2006, 20:16:07
Odpovědět Citovat
A proc by ho nemohl mit?

Mohl, ale jsi mu ho jaksi nedala.
janickal
Profil *
#11 · Zasláno: 9. 1. 2006, 20:26:11
Odpovědět Citovat
<div style='background-color: green;width: 401px;'>


a todle je co?
habendorf
Profil
#12 · Zasláno: 9. 1. 2006, 20:33:31
Odpovědět Citovat
No uvědom si, že ten obalující div má nulovou výšku, takže jak má to pozadí vykreslit?
Já nevím jak ho chceš vysoký, to musíš zadat sama. Pokud ho chceš mít vysoký tak, jako je vyšší z těch dvou floatovaných, budeš to muset chtě nechtě vyclearovat.
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0