Вопрос по шаблону WordPress

12
.A.R.T.
На сайте с 02.03.2011
Offline
63
1089

На сайте WordPress установлен шаблон, который состоит из 2 колонок. В левой колонке расположено меню с категориями, а в центральной основной контент. Хочу повесить тизеры справа от колонки основного контента, идентично расположения левой колонки с меню. Какой код необходимо прописать в стилях, чтобы тизеры закрепились в данном месте? Спасибо за помощь.

Coolmac
На сайте с 08.09.2011
Offline
60
#1

Вы бы ссылку на сайт дали, а то сегодня воскресение, у экстрасенсов выходной:)

Доступные vps/ds с грамотной тех. поддержкой (https://my.friendhosting.net/pl.php?11304)
.A.R.T.
На сайте с 02.03.2011
Offline
63
#2
Coolmac:
Вы бы ссылку на сайт дали, а то сегодня воскресение, у экстрасенсов выходной:)

Вот сайт. На данный момент только получилось прикрепить к правой части экрана.

S3
На сайте с 18.04.2011
Offline
109
#3

в style.css

#teasers {

margin-top: 115px;

position: absolute;

right: 10px; - это значение менять - например 150px поставить

width: 125px;

}

.A.R.T.
На сайте с 02.03.2011
Offline
63
#4
sok3535:
в style.css
#teasers {
margin-top: 115px;
position: absolute;
right: 10px; - это значение менять - например 150px поставить
width: 125px;
}

Да, но при разных разрешениях блок будет съезжать. При меньшем разрешении на контент, а при большем в сторону.

Может быть возможно как-то сделать отступ от центра страницы?

S3
На сайте с 18.04.2011
Offline
109
#5

можно - но надо будет править

#page {

margin: 20px auto;

min-width: 500px; - тут

padding: 0;

}

и

#content {

float: right; - тут писать middle

margin: 0 0 0;

overflow: hidden;

padding: 0 0 20px 10px;

}

и

#teasers {

и тут вставлять float: right;

margin-top: 115px;

position: absolute;

right: 15px;

width: 125px;

}

и еще что-нить вылезет

.A.R.T.
На сайте с 02.03.2011
Offline
63
#6

Че-то не получается таким макаром...

S3
На сайте с 18.04.2011
Offline
109
#7

попробуйте тизерку подключить после <div id="page">

---------- Добавлено 23.01.2012 в 03:24 ----------

#teasers {

display: inline;

float: right;

margin-top: 150px;

padding: 10px;

width: 125px;

}

#sidebar {

width: 200px;

}

#page {

margin: 20px auto;

min-width: 700px;

padding: 0;

}

style.css (строка 290)

#page {

text-align: left;

}

style.css (строка 78)

#page {

width: 800px;

}

.A.R.T.
На сайте с 02.03.2011
Offline
63
#8

Спасибо. Подключил после <div id="page"> и прописал margin-left: 725px;. Сейчас блок никуда не съезжает. Вроде нормально работает...

S3
На сайте с 18.04.2011
Offline
109
#9

выше постом вам код оставил есси че

.A.R.T.
На сайте с 02.03.2011
Offline
63
#10

Новая проблема. При отступе margin-left: 725px; становится не кликабельным все поле с лева от блока тизеров.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий