• Страница 1 из 1
  • 1
Переключатели в боксовой верстке
RevoRen
Дата: Вторник, 24.05.2011, 00:32 | Сообщение # 1
говорун
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
Вот возникла проблема: переключатели страниц в боксовой верстке в 2 колонки высвечиваются не сразу после окончания контента, а там, где они должны были быть, но только со смещением вниз, пока не кончиться 2ая колонка.
Пример.

Как бороться? Верстка Алековская.

Code
<body>
<div id="header">
$GLOBAL_AHEADER$
</div>
<div id="wrapper">
<div id="blocks">
$GLOBAL_CLEFTER$
</div>
<div id="container">
$BODY$
<?if($PAGE_SELECTOR$)?><div style="text-align:center;">$PAGE_SELECTOR$</div><?endif?>
</div>
<div id="clear"></div>
<div id="space"></div>
</div>
<div id="footer">
$GLOBAL_BFOOTER$
</div>
</body>


А вот стили.

Code
/* Главные */
body {background:#fff; color:#222; font-size:10pt; font-family:Tahoma, Arial; line-height:20px; margin:0px; padding:0px;}
img {border:none; outline:none;}  
img::-moz-focus-inner {border:none;}

#header {width:750px; margin:auto; height:43px; margin-top:15px; border:none;}
#logoImg::-moz-focus-inner {border:none;}
#logoImg {outline:none;}
#headerMenu {line-height:43px; float:right; font-size:12pt;}
.hLink:link {color:#aaa;}
.hLink:visited {color:#aaa;}
.hLink:hover {color:#ff3600;}

.hLinkA:link {color:#aaa; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.hLinkA:visited {color:#aaa; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.hLinkA:hover {color:#ff3600; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

#wrapper {width:750px; margin:auto; margin-top:30px;}
#container {text-align:justify; margin-right:230px;}

#blocks {float:right; width:200px;}
.block {margin-bottom:40px;}
.blockText {margin:5px 0px 5px 0px; padding:10px 5px 10px 5px; border-bottom:1px solid #dadada; border-top:1px solid #dadada; text-align:justify;}

#clear {clear:both;}

#footer {width:100%; margin-top:20px; border-top:1px solid #ccc; padding-top:20px; margin-bottom:20px;}
#textFooter {width:750px; margin:auto; color:#aaa;}
#rssAndPhone {float:right;}

a:link {text-decoration:none; color:#ff3600;}
a:visited {text-decoration:none; color:#ff3600;}
a:hover {text-decoration:none; color:#aaa;}

/* Записи */
.eTitle {font-size:13pt; color:#aaa; padding:0px; margin-top:50px; text-transform:uppercase; text-shadow:1px 1px 1px #d9d9d9;}
.eTitle:link {color:#ff3600;}
.eTitle:visited {color:#ff3600;}
.eTitle:hover {color:#aaa;}

.eCateg {font-size:13pt; color:#939393; padding:0px; margin-top:30px;}
.eCateg:link {text-decoration:none; color:#aaa;}
.eCateg:visited {text-decoration:none; color:#aaa;}
.eCateg:hover {text-decoration:underline; color:#939393;}

.eTitleNotLink {font-size:13pt; color:#aaa; padding:0px; margin-top:30px; text-transform:uppercase; text-shadow:1px 1px 1px #d9d9d9;}

.eMessage {text-align:justify; padding:10px; border-bottom:1px dashed #aaa;}
.eText {text-align:justify; padding:10px; border-bottom:1px dashed #aaa;}

.eDetails {background:#f6f6f6; padding:5px 10px; color:#555; font-style:italic; border-bottom:1px solid #aaa;}
.eLike {margin-top:10px; padding:10px 10px; box-shadow:0 0 3px #777; -moz-box-shadow:0 0 3px #777; -webkit-box-shadow:0 0 3px #777;}

.creativeArt {border:0px; padding:0px; margin:0px 0px 10px 0px; outline:none;}
.eInfo {background:#fff6f3; padding:10px; margin:0px 0px 5px 0px; border:1px solid #ff3600; box-shadow: 0 0 3px #ff3600; -moz-box-shadow: 0 0 3px #ff3600; -webkit-box-shadow: 0 0 3px #ff3600; text-align:justify;}

/* Переключатели */
.catPages1 {margin-top:21px!important; padding-bottom:1px!important;}

.swchItem:link {background:#fff; padding:3px 10px 1px 10px; color:#ff3600; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:21px;}
.swchItem:visited {background:#fff; padding:3px 10px 1px 10px; color:#ff3600; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.swchItem:hover {background:#ff3600; padding:3px 10px 1px 10px; color:#fff; border-bottom:2px solid #ff3600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.swchItemA {background:#aaa; padding:3px 10px 1px 10px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom:2px solid #ff3600;}


Code
<?if($PAGE_SELECTOR$)?><div style="text-align:center;">$PAGE_SELECTOR$</div><?endif?>


Этот код (последний, который я предоставил) должен, по логике, идти сразу после содержимого $BODY$, но не идет. Кто поможет? З.Ы. Undershot, я знаю, у тебя в блоге все это отлажено, значит ты знаешь, как с этим бороться!

Заранее спасибо.


Follow your Destiny

  
Aleko
Дата: Вторник, 24.05.2011, 01:49 | Сообщение # 2
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
у pagesBlock1 стоит clear:both; который нужно убрать.

Бесплатные обои.
  
Aleko
Дата: Вторник, 24.05.2011, 01:51 | Сообщение # 3
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
RevoRen, http://wd-world.ru/blog/series_2/2011-05-12-42 где взял фоты? Кинь ссылку на большие варианты.

Бесплатные обои.
  
RevoRen
Дата: Вторник, 24.05.2011, 19:24 | Сообщение # 4
говорун
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
Quote (Aleko)
у pagesBlock1 стоит clear:both; который нужно убрать.

Понял. Спасибо.
Quote (Aleko)
RevoRen, http://wd-world.ru/blog/series_2/2011-05-12-42 где взял фоты? Кинь ссылку на большие варианты.

Я не могу дать точную ссылку, но вот с этого сайта.
Там не большие изображения, не пойдет для обоев.


Follow your Destiny

  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.