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

Меню - Влево!

ExVood
На сайте с 02.07.2013
Offline
39
ExVood
605

Добрый вечер!

Как вы уже могли догадаться из названия темы - нужно переместить меню с правой части шаблона, в левую:

Сам сайт - http://mytestinger.zz.mu/

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

K1
На сайте с 03.12.2010
Offline
122
Kenguru111
#1

bootstrap-responsive.css:

.row-fluid [class*="span"] {

display: block;

float: right;

width: 100%;

min-height: 30px;

margin-left: 2.564102564102564%;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

ExVood
На сайте с 02.07.2013
Offline
39
ExVood
#2
Kenguru111:
bootstrap-responsive.css:

.row-fluid [class*="span"] {
display: block;
float: right;
width: 100%;
min-height: 30px;
margin-left: 2.564102564102564%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

Я задал самому 1ому и ничего не изменилось.. Удалил все .row-fluid и тоже ничего не изменилось

eis
На сайте с 18.10.2008
Offline
473
eis
#3

ExVood, во-первых надо в шаблоне (.tpl) менять местами расположение блоков. Можно конечно и не менять, но правильнее будет поменять, т.к. с позиционированием будет не лучше. Сайдбар размещать выше чем основной контент. У блок с контентом убирать float: left;, отступы менять местами, margin-left от блока с контентом добавлять блоку с сайдбаром и т.д.

Тут одним изменением одного правила в css, не обойтись.

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
Поместить блок по центру Прошу помощи с Топ Проблемы с вёрсткой
ExVood
На сайте с 02.07.2013
Offline
39
ExVood
#4
Kenguru111:
bootstrap-responsive.css:

.row-fluid [class*="span"] {
display: block;
float: right;
width: 100%;
min-height: 30px;
margin-left: 2.564102564102564%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

Все, сделал, спасибо!)

L5
На сайте с 22.07.2010
Offline
25
leonov536
#5

Поменяйте местами блоки

Начало блока на 88 строке 

<div class="span8">			

   <div id="myCarousel" class="carousel slide white mr">... куча кода ..

</div>

Начало блока на 316 строке 

<div class="span4">

             <div class="block_subscribes_sidebar visible-desktop">

          ... куча кода

 </div>

Должно быть так: 

<div class="span4">

             <div class="block_subscribes_sidebar visible-desktop">

          ... куча кода

 </div>



<div class="span8">			

   <div id="myCarousel" class="carousel slide white mr">... куча кода ..

</div>


---------- Добавлено 13.07.2013 в 00:26 ----------

Зря вы в bootstrap-responsive.css лезете.
Отсрочка войны ведёт к выгоде твоего соперника
ExVood
На сайте с 02.07.2013
Offline
39
ExVood
#6
leonov536:
Поменяйте местами блоки

Начало блока на 88 строке

<div class="span8">			
   <div id="myCarousel" class="carousel slide white mr">... куча кода ..
</div>


Начало блока на 316 строке

<div class="span4">
             <div class="block_subscribes_sidebar visible-desktop">
          ... куча кода
 </div>



Должно быть так:


<div class="span4">
             <div class="block_subscribes_sidebar visible-desktop">
          ... куча кода
 </div>

<div class="span8">			
   <div id="myCarousel" class="carousel slide white mr">... куча кода ..
</div>


---------- Добавлено 13.07.2013 в 00:26 ----------

Зря вы в bootstrap-responsive.css лезете.

Попробовал, блок и правда встал слева, однако весь контент оказался под ним... результат виден на сайте

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