Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 01.02.2015, 14:47   #1
okamigo
Новичок
Джуниор
 
Регистрация: 01.02.2015
Сообщений: 3
По умолчанию Проблема с постраничной навигацией сайта

Уважаемые вебмастера в верстке шаблона новичок, учусь как гоорится. вообщем с навигацией есть две проблемы, в скринах все видно
1. блок для текста "Страницы" и с номерами страниц по высоте не совпадают, 1 почему то выше
2. в последней странице почему то навигация поднимается вверх

Работаю на движке dle, пожалуйста помогите решить проблему

соотвественно html и css

Код HTML:
<div class="basenavi">
		<div class="bnnavi">
            <div class="bek">Страницы:</div><div class="pg_nav">{pages}</div>
		</div>
	</div>
	<div class="clr"></div>
Код HTML:
.pg_nav {
        
                float:left;
                padding-left:5px;
}

        
.pg_nav a {
background: #3399ff;
color: #fff;
padding: 5px 10px;
font-size: 14px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
vertical-align: middle;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
}

.pg_nav a:hover {
background: #ff0033;
color: #fff;
padding: 5px 10px;
font-size: 14px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
vertical-align: middle;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.pg_nav b {
font-weight: 500;
background: #ff0033;
color: #fff;
padding: 5px 10px;
font-size: 14px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
vertical-align: middle;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
}

.pg_nav span {
background: #ff0033;
color: #fff;
padding: 5px 10px;
font-size: 14px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
vertical-align: middle;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
}
    
.bek {
background: #ff0033;
color: #fff;
padding: 5px 10px;
font-size: 14px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
vertical-align: middle;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
#line-height: 30px;
float:left;
background-position: 0px -500px;
    }

.basenavi {
float:left;
}
.bnnavi{
float:left;
display:inline;
}
.basecont{
float:left;
}

.clr {
clear:both;
}
Изображения
Тип файла: jpg example1.jpg (11.7 Кб, 146 просмотров)
Тип файла: jpg example2.jpg (20.3 Кб, 146 просмотров)
okamigo вне форума Ответить с цитированием
Старый 01.02.2015, 16:53   #2
lomastr_
Форумчанин
 
Регистрация: 16.01.2015
Сообщений: 672
По умолчанию

все float:left; потому и поднимает.
lomastr_ вне форума Ответить с цитированием
Старый 01.02.2015, 18:27   #3
okamigo
Новичок
Джуниор
 
Регистрация: 01.02.2015
Сообщений: 3
По умолчанию

с 2 пунктом разобрался а вот с 1 вообще не получается
okamigo вне форума Ответить с цитированием
Старый 01.02.2015, 23:47   #4
okamigo
Новичок
Джуниор
 
Регистрация: 01.02.2015
Сообщений: 3
По умолчанию

Цитата:
Сообщение от lomastr_ Посмотреть сообщение
все float:left; потому и поднимает.
так проблема в том если я для shortstory убераю float:left; то если к примеру все одна новость то она оказывается в центре, нельзя ли сделать так чтобы и новости и навигация были прижаты к левому краю
okamigo вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ошибка в постраничной новостей на РНР koctik1 PHP 1 10.09.2013 09:49
Смена вида постраничной навигации в Joomla 1.5 cyclobe WordPress и другие CMS 0 21.02.2012 00:37
Создание странички с навигацией Foxx HTML и CSS 6 22.10.2010 10:35
регулярные выражения для постраничной навигации ilma55 PHP 4 16.03.2010 11:26
Проблема со стилем постраничной навигации greenzlat HTML и CSS 2 27.01.2010 14:32