Форум Сайтостроение Веб-строительство

Опустить элемнт в CSS

[Удален]
589

Здравствуйте

Есть небольшая проблема

Переключатель страниц заходит на краткие новости

Как его опустить?

Код:

.navigation {
color: #000000;
font-family: tahoma;
font-size: 10px;
border: 0px;
background-color: transparent;
text-decoration: none;
margin: 0px auto;
width: 370px;
text-align: center;
}
.navigation a:link,
.navigation a:visited,
.navigation a:active {
color: #ffffff;
text-decoration: none;
padding: 6px 0px;
background-image: url(../images/dlet_navs.png);
background-position: 0px 0px;
margin: 0px 1px;
width: 24px;
float: left;
}
.navigation a:hover {
color: #ffffff;
background-image: url(../images/dlet_navs.png);
background-position: -44px 0px;
}
.navigation span {
padding: 6px 0px;
color: #000000;
background-image: url(../images/dlet_navs.png);
background-position: -88px 0px;
margin: 0px 1px;
width: 24px;
float: left;
}
.navigation span.nav_ext {
padding: 6px 0px;
color: #000000;
background: none;
width: 13px;
float: left;
}



---------- Добавлено 16.07.2012 в 18:43 ----------

Опустил с помощью добавления margin-top, но возникла другая проблема:

Если нечетное число статей, то вот как выглядит переключатель:

Можно ли его как то зафиксировать что бы выглядел, как на 1-м скрине?!

WebJunior
На сайте с 11.06.2010
Offline
155
WebJunior
#1

Перед пагинацией вставьте

<div style="clear:both;"></div>
Мой сайт на этом хостинге - https://tuthost.ua/?from=2558 / Верстаю шаблоны (темы с отзывами: https://searchengines.guru/ru/forum/763758, https://searchengines.guru/ru/forum/600404 ).
G
На сайте с 16.07.2012
Offline
2
Godrik
#2

попробуй добавить свойство в класс .navigation 

display: block;

это если я правильно понял у тебя верхние новости сделаны по типу 

display: inline-block;

что бы при изменении размеров браузера у тебя автоматом двигались

skoch
На сайте с 04.08.2008
Offline
152
skoch
#3
WebJunior:
Перед пагинацией вставьте

Будет достаточно

WordPress Changelog (https://wordpress.org/plugins/wp-changelog/) - Или когда с вашим сайтом что-то пошло не так
WooCommerce Product Request (https://wordpress.org/plugins/woo-product-request/) - Покупка в один клик
[Удален]
#4
Godrik:
попробуй добавить свойство в класс .navigation 
display: block;

это если я правильно понял у тебя верхние новости сделаны по типу 
display: inline-block;

что бы при изменении размеров браузера у тебя автоматом двигались

Сделал

<div style="clear:both;"></div>

Всем спасибо!

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