| 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: 10 let
|
|||
0