Skocz do zawartości

Ustawienie ręczne szerokości sidebar


tomierc

Rekomendowane odpowiedzi

Witam, mam taki problem che ustawić ręcznie szerokości bocznych paneli.

Tak aby lewy miał 180 pix szerokości

Oraz prawy aby miał szerokość 260 pix

Jest koś w stanie pomóc?

Kod z CSS:

body.sidebar-left  #footer {
margin-left: -210px;
}
/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
margin-left: -210px;
}
/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
margin-left: 210px;
}
body.sidebar-right #center {
margin-right: -210px;
}
body.sidebar-right #footer {
margin-right: -210px;
}
body.sidebar-right #squeeze {
margin-right: 210px;
}
body.sidebars #center {
margin: 0 -210px;
}
body.sidebars #footer {
margin: 0 -210px;
}
body.sidebars #squeeze {
margin: 0 210px;
}

#wrapper #container .sidebar {
float: left;
margin: 60px 0 5em;
width: 208px;
z-index: 2;
}
body > #wrapper #container .sidebar {
position: relative;
}
#sidebar-left li {
margin-right: 10px;
text-align: left;
}
#sidebar-right ul {
margin-left: 20px;
text-align: left;
}
#sidebar-right li ul {
margin-left: 0;
}
.sidebar ul {
margin-left: 0;
padding: 0;
text-align: left;
}

Serwis internetowy ToTemat działa od 2020 roku. Publikujemy artykuły na różne tematy techniczne.

Odnośnik do komentarza
Udostępnij na innych stronach

  • 3 tygodnie później...

width: 180px;

width: 260px;

Nie wiem które <div> jest który więc ci nie powiem gdzie powinieneś umieścić te szerowkosci

Podeślij linka z wyjaśnieniem o które chodzi kolumny to ci powiem

 InternetSpeedTest.pl - speed test ookla, orange, upc, t-mobile, vectra | directX.pl - directx 9, 10, 11, 12 | kodex.pl

Odnośnik do komentarza
Udostępnij na innych stronach

Polecam zapoznać się z narzędziami typu Firebug, czy prawy klik w Firefox/Chrome i "Zbadaj Element". Klikasz na obiekcie (w twoim przypadku panel boczny) dajesz zbadaj element i pojawia ci się kod strony w HTML i arkusz stylów CSS, gdzie możesz "w locie" modyfikować kod i bezpiecznie podglądać zmiany w wyglądzie strony.

Przede wszystkim poda ci dokładny namiar na element, w którym masz dokonać zmiany.

...

Odnośnik do komentarza
Udostępnij na innych stronach

  • 8 miesięcy temu...

Może ktoś pomoże w podobnym problemie. Mam skórkę yoko. W niej są dwa sidebary z lewej strony. Chciałabym zmniejszyć ten wąski, który jest bliżej środka, a ten zewnętrzny - poszerzyć. Klikając "Zbadaj element" pokazuje mi tu w css:

#tertiary {

width: 24.775%;

float: right;

overflow: hidden;

}

Po różnych kombinacjach udało mi się zwęzić ten bliżej środka, ale ten zewnętrzny nie mogę ruszyć. Gdy zwiększę procentowo to wrzuca mi cały sidebar na dół strony.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności