Avatar
Libor Šimo (libcosenior):

Mám kód:

article {
  background: url('obrazky/pozadie.png') #c436d1;
  padding: 30px, 0px;
}

article header {
  width: 250px;
  height: 600px;
  float: left;
}

article section {
  width: 700px;
  float: left;
  background: url('obrazky/section.png') #f2c6ef;
  border: 5px groove #ef97f7;
  border-radius: 15px;
  box-shadow: 2px 2px 7px #ac45b5;
  padding: 20px;
}

V priloženom obrázku je vidno, že article je horizontálne z 3 častí, ale definované mám iba dve.
Ako nadefinovať tretiu (pravú) časť, chcel by som v nej urobiť nejakú animáciu.

Odpovědět 26. dubna 12:32
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Paranormal
Redaktor
Avatar
Odpovídá na Libor Šimo (libcosenior)
Paranormal:

Rád bych ti poradil, ale pro mě je to jako slovní úloha o X neznámých :D Fakt netuším co potřebuješ. Můžeš to víc popsat?

Nahoru Odpovědět 26. dubna 12:36
„Když toho moc neumíme tak jsme na nejlepší pozici se něčemu naučit.“
Avatar
Odpovídá na Paranormal
Libor Šimo (libcosenior):

Na obrázku je v strednej časti element atricle.
Na ľavej strane je article header, v strede je article section a pravá strana nie je definovaná. Pravá strana je tam preto, lebo šírka obrazovky je väčšia ako súšet šírok heade a section.
Potrebujem nadefinovať pravú stranu.

Nahoru Odpovědět 26. dubna 12:42
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Paranormal
Redaktor
Avatar
Odpovídá na Libor Šimo (libcosenior)
Paranormal:

Ty 3 části si vlož do jednoho celýho a tomu definuj fixní šířku a pak to jenom rozděl. Nebo jestli chceš přes dynamické hodnoty tak bych si nastavil levý a pravý ke stranám a střední bych nějak zarovnal do středu a nebo přes absolutní hodnoty. A přes Media-query si udělej resnposive design.

Nahoru Odpovědět 26. dubna 12:48
„Když toho moc neumíme tak jsme na nejlepší pozici se něčemu naučit.“
Avatar
Odpovídá na Paranormal
Libor Šimo (libcosenior):

Zatiaľ neriešim resnposive design.
Teraz len potrebujem tú pravú stranu označiť nejakým ID, aby som tú plochu mohol použiť na animáciu, napr. padanie lístia.
To ID potrebujem na to, aby animácia nebola po celej stránke, ale len na tej ploche.

Nahoru Odpovědět 26. dubna 12:55
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Paranormal
Redaktor
Avatar
Paranormal:
id="pravaStrana"

?? :D

Nahoru Odpovědět 26. dubna 13:05
„Když toho moc neumíme tak jsme na nejlepší pozici se něčemu naučit.“
Avatar
Odpovídá na Paranormal
Libor Šimo (libcosenior):

Už to mám. Vytvoril som section1, nevedel som, že je to možné.

Nahoru Odpovědět  +1 26. dubna 13:21
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Odpovídá na Paranormal
Libor Šimo (libcosenior):

Nakoniec som to ani nepotreboval. Pozíciu obrázkov som nastavil cez left a top a použil som jquery animáciu.

Nahoru Odpovědět 26. dubna 15:43
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
Maxy_obr
Člen
Avatar
Odpovídá na Libor Šimo (libcosenior)
Maxy_obr:

To co hledáš asi nenajdeš v CSS, strukturu budeš definovat vždy pomocí HTML a ty části potom rozlišovat pomocí class nebo id.

 
Nahoru Odpovědět  +1 26. dubna 16:03
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.