+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Ustawienie drugiej kolumny w wordpress (/thread-ustawienie-drugiej-kolumny-w-wordpress)
Ustawienie drugiej kolumny w wordpress - Filuper112 - 21-11-2011
Witam. Moj problem wyglada nastepujaco:
Nie moge ustawic drugiej kolumny (sidebar.php) na stale na gorze po prawej stronie.
Kod CSS do div="sidebar">
Kod:
#sidebar{
width:270px;
border-left: 1px dashed;
padding:10px;
float:right;
}Szukajka ktora ma byc obok wpisow znajduje sie na samym dole.
Prosze o pomoc. Jak ustawic ta szukajke po prawej stronie na gorze obok wpisow. I zeby nie schodzila ona na dol po dodaniu kolejnych postow.
RE: Ustawienie drugiej kolumny w wordpress - Kartofelek - 21-11-2011
#page - (cała strona) ma 960
#wpisy - prawa strona - 1000
960 - 1000 = .... dla sidebaru
czyli bez sensu.Ustaw wpisom mniejszą szerokość, a to obramowanie z białym tłem daj dla #page a nie wpisów
I jeszcze jedno. UŻYWAJ FIREBUGA i badaj elementy na stronie. Sam byś sobie odpowiedział.
RE: Ustawienie drugiej kolumny w wordpress - Filuper112 - 26-11-2011
Dobra juz ustawione. Tylko teraz jak objąć to wszystko w ramke? taka jak byla na poczatku... Jak ktos nie pamieta taje foto.
Kartofelek a firebug nie jest tylko do mozilli?
RE: Ustawienie drugiej kolumny w wordpress - Raalsky - 26-11-2011
Firebug jest według mnie najlepszy. A to webmaster nie powinien mieć przynajmniej czołowych przeglądarek? Sam mam aktualnie IE9, FF, Opere, Safari i Chrome + IETester. W Operze masz też dobrego Dragonfly, a Chrome też ma bardzo dobry debbuger, który o ile pamiętam jest aktualnie rozwijany z jednego z twórców FireBuga.
Co to ramki to opakuj divy: "logo" oraz "page" kolejnym divem i użyj border-radius wraz z borderem zwykłym. Oczywiście jest to okropna praktyka, ale po prostu jak widzę taki syf przeglądając źródło to daję po prostu działające rozwiązanie, ale zdecydowanie tylko polecane początkującym.
Gdybyś nie ogarniał tego CSS:
Kod:
div#wrapper {
border: 1px solid #000;
border-radius: 10px;
}