Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Переключатель страниц новостей

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


     09.08.2013    Общие вопросы, Стили (CSS), Ламерские вопросы    6469

вопрос
Здравствуйте, у меня такая проблема, Переключатели страниц "Назад" и "Вперед" находятся не на 1 строчке с нумерацией страниц (см. скриншот) Подскажите как это поправить? Уже все перепробывал.

Вот код из navigation.tpl
<div class="clear:left;overflow:hidden;height:0;"></div>

<div class="dpad ignore-select">
    <div class="basenavi">
        <center>
        
            <div class="navigation">
            
        <div class="nextprev">
            [prev-link]<span class="thide1">Назад</span>[/prev-link]
        </div>    
            {pages}
         <div class="nextprev">  
            [next-link]<span class="thide2">Вперед</span>[/next-link]
        </div>
            
            </div>
            
        </center>
    </div>
</div>


А вот используемые стили
.navigation {  
clear:left;  
}

.navigation a{
text-decoration:none;
color: #5b5b5b;      
background:#fff;
border:1px solid #a8a8a8;
font-size:14px;
padding:2px 6px;
clear:left;  
}
    
.navigation a:hover {
color: #513779;
background:#fff;                
border:1px solid #513779;              
            }
.navigation span {
  font-size:14px;
                  
            }  

.nextprev a{
text-decoration:none;    
background:#fff;
border:1px solid #a8a8a8;
font-size:14px;
padding:2px 6px;  
    
}
    
.nextprev a:hover {
background:#fff;                
border:1px solid #513779;              
        }
      
.thide1 {  
  font-size:14px;
   color: #5b5b5b;      
     }

.thide2 {  
  font-size:14px;
   color: #5b5b5b;
     }


Скриншот
Переключатель страниц новостей

Ответил: GrayZOR


.navigation div, .navigation .nextprev {float:left;}


Повезет, если поможет! Но может и не сработать, если стили для позиционирования наследуемые, заданы у родителей!
Или ещё можно попробовать display:inline; для .navigation div, если не поможет float.

Так же можно задать через атрибут style в div'ах, так будет значение сильнее и перережет наследуемые стили!

Ещё один способ, возможно сработает без затрагивания css



    
        
        
            
            
        
            [prev-link]Назад[/prev-link]
&nbsp;
            {pages}
&nbsp;
            [next-link]Вперед[/next-link]
        
            
            
            
        
    


Или так же можно удалить ещё один div: ......., что бы все содержимое было в

PS - Если была бы ссылка на сайт, можно было бы легче и быстрее разобраться в этом! Успехов!

3 комментария

pavel31
Юзер

pavel31 - 9 августа 2013 22:19 -

В списке классов нет классов dpad ignore-select и basenavi

TheImDim
Юзер

TheImDim - 9 августа 2013 22:40 -


.navigation div, .navigation .nextprev {float:left}

Sander
PHP-developer

Sander - 10 августа 2013 13:41 -

Думаю автору стоит для начала подучить html и css...

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх