Autor | Zpráva | ||
---|---|---|---|
JimmyCz Profil |
#1 · Zasláno: 7. 11. 2015, 17:07:23
Zdravím, chtěl bych se zeptat zda-li byste mi mohli poradit s menším problémek :)
Tady je obrázek: Jedna se o to,že barva těch pravých sloupců nepokračuje se stránkou když v ní není žádný obsah. Zde je CSS kod sloupců: aside { background: #080808; background: -moz-linear-gradient(top, #080808 0%, #2c2c2c 44%, #080808 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#080808), color-stop(44%,#2c2c2c), color-stop(100%,#080808)); background: -webkit-linear-gradient(top, #080808 0%,#2c2c2c 44%,#080808 100%); background: -o-linear-gradient(top, #080808 0%,#2c2c2c 44%,#080808 100%); background: -ms-linear-gradient(top, #080808 0%,#2c2c2c 44%,#080808 100%); background: linear-gradient(to bottom, #080808 0%,#2c2c2c 44%,#080808 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#080808', endColorstr='#080808',GradientType=0 ); color: #FFF; float: right; width: 336px; height: auto; margin: 0px auto; } aside .large { width: 336px; font-family: Comic Sans MS ; } aside .large > h3 { background: url(../images/scap-title.png) no-repeat; width: 336px; height: 36px; color: #F2F2F2; font-size: 14px; padding: 8px 0px 0px 10px; font-family: Corbel ; } aside .small_border { width: 336px; clear: both; font-family: Corbel ; height: auto; } aside .small_left { float: left; width: 168px; font-family: Corbel ; } aside .small_left > h3 { background: url(../images/scap-title-left.png) no-repeat; width: 168px; height: 36px; color: #F2F2F2; font-size: 14px; font-family: Corbel ; padding: 8px 0px 0px 10px; } aside .small_right { float: right; width: 168px; font-family: Corbel ; } aside .small_right > h3 { background: url(../images/scap-title-right.png) no-repeat; width: 168px; height: 36px; color: #F2F2F2; font-size: 14px; padding: 8px 0px 0px 10px; font-family: Corbel ; } Děkuju Vám předem za pomoc. |
||
Tomáš123 Profil |
#2 · Zasláno: 7. 11. 2015, 18:11:02
JimmyCz:
Do prvého bloku pridaj overflow: auto alebo za blokom aside vyclearuj pomocou CSS vlastnosti clear . Pozri si tiež článok o obtekaní.
|
||
JimmyCz Profil |
#3 · Zasláno: 7. 11. 2015, 18:30:33
Zkusil jsem obojí a nefunguje to..
|
||
Tomáš123 Profil |
#4 · Zasláno: 7. 11. 2015, 21:49:02
JimmyCz:
„nefunguje to“ Zišiel by sa konkrétnejší popis. Ideálne živá ukážka. |
||
Časová prodleva: 3 dny
|
|||
anonymníí Profil * |
#5 · Zasláno: 10. 11. 2015, 14:47:05
Tomáš123:
To samozřejmě nepomůže, že... JimmyCz: Nedodal jsi kód (CSS je v tomto případě k ničemu), takže si tipnu. Aside je jen ten černý sloupec (nebo oba, to je teď jedno). Podstata celého triku spočívá v tom, že nepotřebuješ stejně dlouhé sloupce, ale jen aby stejně dlouhé vypadaly. Vše spočívá v nastavení pozadí rodiči (většinou obrázkem) a pak přidání overflow/clearu. Ve skutečnosti jsou sloupce různě dlouhé, dle obsahu, ale vizuálně se natáhnou na délku delšího. Zkus hledat magické KW "stejné dlouhé sloupce". |
||
Tomáš123 Profil |
#6 · Zasláno: 10. 11. 2015, 21:13:50
anonymníí:
Nepomôže, máš pravdu. |
||
Časová prodleva: 8 let
|
0