Siemano. Problem widać cały na SS:
![[Obrazek: rozjechan_apaxpxs.png]](http://s2.ifotos.pl/img/rozjechan_apaxpxs.png)
Paski się za bardzo rozciągneły..
Mam nadzieje, że każdy wie o co mi chdzi ;p
Rozciągnięty Profil
Dodaj w szablonie postbit_www klasę przycisk_button , a następnie zmień ustal jej width w global.css, np.
.przycisk_button {
width: 100px;
}
Lepszym rozwiązaniem będzie nadanie dla każdego a znajdującego się w klasie post_controls display: inline-block; .
Obecnie nadajesz im wyświetlanie blokowe, a blok znajduje się pod blokiem (tak jest domyślnie, bez żadnego float).
Obecnie nadajesz im wyświetlanie blokowe, a blok znajduje się pod blokiem (tak jest domyślnie, bez żadnego float).
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
(12.08.2016, 18:34)Divir napisał(a): Lepszym rozwiązaniem będzie nadanie dla każdegoa znajdującego się w klasie post_controlsdisplay: inline-block; .
Obecnie nadajesz im wyświetlanie blokowe, a blok znajduje się pod blokiem (tak jest domyślnie, bez żadnego float).
Mógłbym prosić o jaśniejsze wyjaśnienie?
Dodaj display: inline-block; do a , które jest w .post_controls . Po zbadaj element się pewnie połapiesz.
Domyślnie jest tak, że jak dodasz elementy blokowe (display block, czyli div naturalnie) w kodzie, to bez ostylowania wyświetlą się one jeden pod drugim.
Np.
da ci takie coś:
1
2
Natomiast jak zamienisz im sposób wyświetlania na blokowy, aczkolwiek dodatkowo liniowy (inline-block) to divy będą się układać jeden obok drugiego. Czyli zamiast zajmować 100% szerokości zajmą tylko szerokość ich wnętrza. A więc z kodu
wyjdzie ci
12
Nie umiem zbytnio tłumaczyć. Poczytaj poradniki do CSS dla początkujących, załapiesz szybko.
Domyślnie jest tak, że jak dodasz elementy blokowe (display block, czyli div naturalnie) w kodzie, to bez ostylowania wyświetlą się one jeden pod drugim.
Np.
<div>1</div><div>2</div>1
2
Natomiast jak zamienisz im sposób wyświetlania na blokowy, aczkolwiek dodatkowo liniowy (inline-block) to divy będą się układać jeden obok drugiego. Czyli zamiast zajmować 100% szerokości zajmą tylko szerokość ich wnętrza. A więc z kodu
<style>
div { display: inline-block; }
</style>
<div>1</div><div>2</div>12
Nie umiem zbytnio tłumaczyć. Poczytaj poradniki do CSS dla początkujących, załapiesz szybko.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.