Builder.cz - Informacni server o programovani

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:



Sirka prvku

Seznam témat     Nová odpověď

Přihlásit se     Registrace     Zapomenuté heslo

Re: Sirka prvku

Autor: foldynad

18:16:07 18.03.2010

Ahoj,

dysan1 Napsal:
-------------------------------------------------------
> Potreboval by som aby div "gallery" (cerveny)
> prisposoboval svoju sirku podla poctu zobrazenych
> obrazkov, teda vlastne tak ako prisposobuje svoju
> vysku.
>
> Da sa to spravit v html/css?

no, podle mě to jde jednoduše takto:


xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx


... nebo že bych něco jen nepochopil?

xxx xxx xxx xxx xxx xxx xxx xxx
... nebo že bych něco jen nepochopil?

Citovat příspěvek

 

Re: Sirka prvku

Autor: BJ

13:48:30 25.02.2010

Ked nieco take potrebujem, tak pouzivam aj float: left a nejaky padding;
Ak maju obrazky pevne danu sirku, vies si presne vyratat, kolko obrazkov sa zmesti do riadku (sirka obrazku plus ten padding).

Cize takto nejako by som to robil ja:



A tu su css-styly:
#gallery {background-color: red;}
#gallery img {width: 280px; padding: 2px; float: left;}
.cl {float: none; clear: both; } /* aby cerveny div obsiahol celu vysku galerie */

Javascript (pomocou kniznice jQuery):
var obrazkovVRiadku = Math.floor($(window).width()/284);
$('gallery').css('width', (obrazkovVRiadku*284)+'px');

...tento kod volas po nacitani dokumentu a pri udalosti resize.
Snad pomoze a snad som sa nikde nepreklepol.

A tu su css-styly: #gallery {background-color: red;} #gallery img {width: 280px; padding: 2px; float: left;} .cl {float: none; clear: both; } /* aby cerveny div obsiahol celu vysku galerie */ Javascript (pomocou kniznice jQuery): var obrazkovVRiadku = Math.floor($(window).width()/284); $('gallery').css('width', (obrazkovVRiadku*284)+'px'); ...tento kod volas po nacitani dokumentu a pri udalosti resize. Snad pomoze a snad som sa nikde nepreklepol.

Citovat příspěvek

 

Re: Sirka prvku

Autor: Jadro007

15:34:53 23.02.2010

Urcite to pujde z toho vytahnout, kolik je na jednom radku obrazku... :) Div, ve kterem jsou obrazky maji urcitou sirku, mezery mezi nimi taky i cely dokument ma urcitou sirku...

Citovat příspěvek

 

Re: Sirka prvku

Autor: peta

12:35:00 23.02.2010

Tohle se musi jen pres JS. V podstate chces udelat neco jako tabulku bez radku. A kdyz nevis radek, tak jej musis spocitat a nastavit na vsechny udalosti prepocet (*). Cili, kdyz da nekdo fullscreen, aby se to prepocitalo.
Urcite nezvolis jine reseni? Treba bile pozadi? Pevnou sirku? Proc se to musi roztahovat?

* To je zajimavy tip, on prohlizec vi, nakolik radku to zalomi nebo, po kolika prvcich to bude zobrazovat. Dalo by se to pres JS vytahnout? Pak bych se na pocitani vykaslal a pouzil switcha
case 2:
case 3:
default: prepocet

Citovat příspěvek

 

Re: Sirka prvku

Autor: Jadro007

10:24:11 21.02.2010

Ajoo :) Mi nedošlo... :) zvládneš ten skript napsat, nebo s ním chceš pomoct? :)

Citovat příspěvek

 

Re: Sirka prvku

Autor: dysan1

9:05:35 21.02.2010

width: auto nestaci, roztiahne sa na sirku obrazovky.
Teda asi ostava len javascript..

Citovat příspěvek

 

Re: Sirka prvku

Autor: Jadro007

22:54:50 20.02.2010

A nebo mě napadá, jestli by nešlo tomu divu gallery nastavit width:auto

Citovat příspěvek

 

Re: Sirka prvku

Autor: Jadro007

22:33:17 20.02.2010

Jestli jsem to správně pochopil, stačí vzít obrázky v jednom řádku, zjistit jejich šířku + mezery a podle toho nastavit šířku toho divu. Tak by to bylo v Javascriptu. V CSS by se to všechno asi muselo dělat ručně, tj. spočítat si to a podle toho to nastavit. Podle mě bude lepší použít JS.

Citovat příspěvek

 

Sirka prvku

Autor: dysan1

18:29:33 20.02.2010

Zdravim,

Robim jednu galeriu, tu je nahlad:

http://galeria.sato.sk/

Galeria ma fungovat tak, ze pocet obrazkov ma byt variabilny podla rozlisenia, kolko sa zmesti.

Potreboval by som aby div "gallery" (cerveny) prisposoboval svoju sirku podla poctu zobrazenych obrazkov, teda vlastne tak ako prisposobuje svoju vysku.

Da sa to spravit v html/css?

Dakujem

Citovat příspěvek

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: