Webboard

Pełna wersja: Rozciągnięty Profil
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Siemano. Problem widać cały na SS:

[Obrazek: rozjechan_apaxpxs.png]

Paski się za bardzo rozciągneły..
Mam nadzieje, że każdy wie o co mi chdzi ;p
Dodaj w szablonie postbit_www klasę przycisk_button, a następnie zmień ustal jej width w global.css, np.
Kod:
.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).
(12.08.2016, 18:34)Divir napisał(a): [ -> ]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).

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.
Kod:
<div>1</div><div>2</div>
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
Kod:
<style>
div { display: inline-block; }
</style>
<div>1</div><div>2</div>
wyjdzie ci
12

Nie umiem zbytnio tłumaczyć. Poczytaj poradniki do CSS dla początkujących, załapiesz szybko.