sloupce a css

28. 10. 2008 23:49:19

zdravim.. resim tu jeden problem.. mam dva sloupce (musi byt stejne vysoke) co jsem hledal tak se resi jednim pozadim nadrazenemu divu.. fajn ale jak udelat:

zakoncit kazdy sloupec "img s pevne danou vyskou" (kazdy sloupec jina vyska)

takze vlastne prilepit nejak ruzne vysoke paticky ke konci sloupce (za

predpokladu stejne vysky obou sloupcu)

priklad

levy sloupec - vyska img v paticce 160px

pravy sloupec - vyska img v paticce 20px

sloupce jsou reseny float: left a right ..

jako zoufale reseni me napada pomoci tabulek.. ale to se mi moc nechce..

no trosku chaoz ale snad pochopite.. diky predem

a jestli jsem se netrefil do sekce tak se omlouvam a pripadne prosim o presun

28. 10. 2008 23:49:19

https://webtrh.cz/diskuse/sloupce-a-css#reply148112

Vojta

(41 hodnocení)

29. 10. 2008 09:48:38

Co třeba sloupce umístit do divu a patičky napozicovat absolutně vůči tomuto divu?

29. 10. 2008 09:48:38

https://webtrh.cz/diskuse/sloupce-a-css#reply148111

olasek

29. 10. 2008 11:14:42

Umísti to celý ještě do jednoho divu.

Dejme tomu:

LEVÝ SLOUPEC:

sem můžeš klidně psát co chceš

PRAVÝ SLOUPEC:

sem můžeš klidně psát co chceš

29. 10. 2008 11:14:42

https://webtrh.cz/diskuse/sloupce-a-css#reply148110

Steeta

(3 hodnocení)

29. 10. 2008 12:49:23

to olasek: nepouzitelne .. nemam pevne danou vysku sloupcu.. roztahuje se podle obsahu.. ale dik za snahu..

to afu: hmm zni to zajimave.. ale s absolutnim pozicovanim nemam nejak zkusenosti.. nemas trosku neco na postrceni prosim? :)

29. 10. 2008 12:49:23

https://webtrh.cz/diskuse/sloupce-a-css#reply148109

Jakub Stacho

(20 hodnocení)

29. 10. 2008 12:58:37

Asi nechápu, co na tom řešíš ale zkusím to:

Slupce si napozicuj jak chceš. Nech jim průhledné pozadí.
To celé bude v jednom divu, který bude mít jako pozadí dole obrázek, který bude obsahovat obě patičky.
To celé bude ještě v jednom divu, který bude mít opakující se obrázkové pozadí, které bude vytvářet dojem sloupců.

29. 10. 2008 12:58:37

https://webtrh.cz/diskuse/sloupce-a-css#reply148108

Steeta

(3 hodnocení)

29. 10. 2008 13:35:59

chapu vse jak myslite ale asi nechapete vy me.. :( splacal jsem na rychlo obrazek (prosim nesmat se :)) cervene je zobrazen jak by mel vypadat obrazek paticky.. v levem sloupci je vyssi nez v pravem ..

kdybych dal dolu do pozadi tento obrazek tak uz nedonutim text v pravem sloupci jit az ke konci (ukonci se zacatkem obrazku, coz je levy sloupec) nebo se pletu?

29. 10. 2008 13:35:59

https://webtrh.cz/diskuse/sloupce-a-css#reply148107

Robert

(8 hodnocení)

29. 10. 2008 13:51:48

Chápu dobře, že obrázek budeš vkládat do html, teda a ne jako pozadí?

Pokud by to mohlo být jako pozadí stačilo by právě oba sloupce dát do jednoho divu s pozadím toho obrázku a background-position: bottom; text by ti pak šel až na konec divu.

Pokud bys to musel mít jako obrázek, vlož do každého sloupce obrázek (rozřezaný) a napozicuj na spodek divu. Taky ty obrázky můžeš hodit do samostatnýho divu a pozicovat ten div.

Pff, snad to pochopíš :D

29. 10. 2008 13:51:48

https://webtrh.cz/diskuse/sloupce-a-css#reply148106

Jakub Stacho

(20 hodnocení)

29. 10. 2008 13:54:40

Kristepane a jak chceš „nutit“ text, aby šel až ke konci? To snad záleží na tom, kolik toho textu bude, ne?

Jinak pokud levému sloupci nastavíš padding-bottom: 160px a pravému 20px, tak všechno bude tak, jak píšeš...

UPDATE: http://binec.zmatek.com/sloupce.html

29. 10. 2008 13:54:40

https://webtrh.cz/diskuse/sloupce-a-css#reply148105

Robert

(8 hodnocení)

29. 10. 2008 14:33:38

Já žádnej text nutit nebudu, samozřejmě, že text půjde jenom tam, kam dosáhne obsah. Ale Steeta si imho myslí, že pokud vložíš pozadí, tak text nejde přes něj.

Taky je zřejmý, že ten jeho obrázek nikdy nevyrobí. To co chce je tohle:

Kdyby to vkládal přes , jak jsem pochopil z jeho prvního postu, tak by to bylo zbytečně náročný, ale dá se taky docílit toho aby text pokračoval přes obrázek.

Když to bude vkládat jako pozadí, tak to bude vypadat asi takhle:

#vnejsi {

background-image: url(pozadi-paticky.jpg);

background-position: bottom;

}

#vnitrniPravy {

padding-bottom: 160px;

}

#vnitrniPravy {

padding-bottom: 20px;

}

Těch způsobů jak docílit toho samýho je víc, ale... Tohle mi příjde jak základ css :D A pokud ten obrázek chceš vkládat jako jenom proto, aby to mohl být odkaz, tak se i z pozadí dá udělat odkaz.

29. 10. 2008 14:33:38

https://webtrh.cz/diskuse/sloupce-a-css#reply148104

Steeta

(3 hodnocení)

29. 10. 2008 21:10:50

to RSKR: presne jsi to vystihl! patri ti muj velky dik.. uz jsem to napsal a slape to super ;)

a vsem ostatnim taky dekuji za pomoc

29. 10. 2008 21:10:50

https://webtrh.cz/diskuse/sloupce-a-css#reply148103

Pro odpověď se přihlašte.

Přihlásit