15.10.2016, 23:08
Stron: 1 2
15.10.2016, 23:16
Usuń całkiem position: relative; i poczytaj o tym. To że to napisałem nie znaczy, że masz to wklejać do swojego kodu.
Poza tym usuń jeszczeleft: -5px i top: 0 . Czemu? Patrz wyżej.
Tak w skrócie:
Domyślnie relatywny jest obszar widoczny przez ciebie po załadowaniu strony, może ich być więcej w kodzie.
Jeśli do section dasz position absolute, a do container position relative, to section będzie położony względem div o klasie container
Ciężko mi to wytłumaczyć, w google jest o tym pełno informacji.
http://www.w3schools.com/css/css_positioning.asp
Poza tym usuń jeszcze
Tak w skrócie:
Domyślnie relatywny jest obszar widoczny przez ciebie po załadowaniu strony, może ich być więcej w kodzie.
Kod:
--div.container
--div.content
--section
--articleJeśli do section dasz position absolute, a do container position relative, to section będzie położony względem div o klasie container
Ciężko mi to wytłumaczyć, w google jest o tym pełno informacji.
http://www.w3schools.com/css/css_positioning.asp
16.10.2016, 11:00
Usunąłem position: relative; oraz top: 0; . Dzięki za informację. Jednak potrzebuję jeszcze pomocy. Otóż widać tylko kłódkę przy dziale. Oznacza dobrze, że dział jest zablokowany, jednak nie wiem czemu, np. nie ma żadnej ikony przy dziale, który nie zawiera nowych postów. Muszę coś ustawić z background-position ?
16.10.2016, 11:12
Eh. za jaką ikonkę odpowiada .forum_offlock ? Tak za zamknięte działy. Dodałeś klasy dla nowych postów i ich braku?
16.10.2016, 11:18
Wszystkie klasy są
Kod:
.forum_status {
height: 50px;
width: 50px;
font-size: 30px;
text-align: center;
font-family: FontAwesome;
}
.forum_status i {
display: inline-block;
line-height: 50px;
}
.forum_on:before {
color: #0094d1;
font-family: FontAwesome;
text-align: center;
}
.forum_off, .forum_offlock, .forum_offlink {
font-family: FontAwesome;
text-align: center;
color: #333;
}
.forum_off i {
opacity: .4;
}
.forum_off:before {
content: "\f023";
font-family: FontAwesome;
text-align: center;
}
.forum_offlock:before {
content: "\f023";
font-family: FontAwesome;
text-align: center;
}
.forum_offlink:before {
content: "\f0c1";
font-family: FontAwesome;
text-align: center;
}16.10.2016, 11:23
Żeby :before ci działało musisz dodać jeszcze content z kodem ikonki. W .forum_on:before tego nie dodałeś.
16.10.2016, 11:27
Ok, problem z klasami rozwiązany, teraz jak zmienić ikony dla poszczególnego stanu działu?
16.10.2016, 11:38
Zmień kod, dawałem już link wcześniej:
http://fontawesome.io/cheatsheet/
Musisz je dodawać w takiej postacji jakiej tutaj są zapisane:
http://astronautweb.co/snippet/font-awesome/ (tutaj nie masz wszystkich)
http://fontawesome.io/cheatsheet/
Musisz je dodawać w takiej postacji jakiej tutaj są zapisane:
http://astronautweb.co/snippet/font-awesome/ (tutaj nie masz wszystkich)
Stron: 1 2