1. Главная
  2. Блоги
  3. Блог afishi

Как изменить ширину СТОЛБА (блока)?

Главные вкладки

Аватар пользователя afishi afishi 3 ноября 2008 в 18:23

Я хочу уменьшить ширину столбика. Где это делается?

от сайт состоит из 3 строк. 2 маленькие и центральная...

(надо уменьшить левый)

Комментарии

Аватар пользователя afishi afishi 3 ноября 2008 в 18:56

да точно. у меня 3 столба колонки...
2 небольшие по краям и центральная... так вот.. левую хочу уменьшить...

П.С. Я создавал 1 раз, а 2 вылез из-за ошибки какой-то! Sad

Аватар пользователя dkslalkasdlsa dkslalkasdlsa 3 ноября 2008 в 20:43

смотрите айди левой колонки, через просмотр блока..
Что-то вроде:

#block-block-2 { /*цифра 2 айди нужного блока
width:20%;       /* ширина

}

Если нужно изменить весю левую колонку то меняйте ширину масива. Метод тот же
открыть style.css  далее найти нужный див, к примеру:

#sidebar-left {  /*левый массив
  width:39%;     /*ширина масива
  float:left;
}

Аватар пользователя afishi afishi 4 ноября 2008 в 1:17

вот только что я нашел

#sidebar-left .block {
padding: 0 15px 0 0px;
}

#sidebar-right .block {
padding: 0 0px 0 15px;
}

.block .content {
margin: 0.5em 0;
}

#sidebar-left .block-region {
margin: 0 15px 0 0px;
}

#sidebar-right .block-region {
margin: 0 0px 0 15px;
}

.....................

и что с ним делать?

Аватар пользователя worona worona 5 ноября 2008 в 7:29

#wrapper #container .sidebar {
margin: 60px 0 5em;
width: 210px; <--------------------здесь строка 423
float: left;
z-index: 2;
position: relative;

и поставьте себе Notepad++

Аватар пользователя afishi afishi 8 ноября 2008 в 4:00

спасибо поставил...
НО, урезаешь левую, а он еще и правую уменьшает Sad

/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
margin-left: -300px;
}
body.sidebar-right #center {
margin-right: -300px;
}
body.sidebars #center {
margin: 0 -300px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
margin-left: 300px;
}
body.sidebar-right #squeeze {
margin-right: 300px;
}
body.sidebars #squeeze {
margin: 0 300px;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
margin: 60px 0 5em;
width: 300px;
float: left;
z-index: 2;
position: relative;
}

#wrapper #container .sidebar .block {
margin: 0 0 1.5em 0;
}

#sidebar-left .block {
padding: 0 15px 0 0px;
}

#sidebar-right .block {
padding: 0 0px 0 15px;