Не полусается изменение в позиционировании

Версия MODX: Все

хочу сменить положение пунктов меню не могу сместить их не могу найти стиль где это находится позиционироване и ручную тоже не выходит(
вот код

Широкоформатная и интерьерная печать
Cвaдебныe aкcеccуapы
и элементы декopa
Фотообои
УФ-печать
Наружная peклама
Мoнтаж/демoнтaж

Теги:
позиционирование в меню

Александр
13.11.16 в 23:11

Комментарии (11)

Олег 14.11.2016 15:15 #

Перефразируйте вопрос, непонятно, что вы хотите.
Код оборачивайте в теги code (Ctrl+K)
Комментарий был изменён 14.11.2016 в 15:16
1. Александр 14.11.2016 16:40 #
  
  Вокруг картинки размещаются пункты меню нужно их сместить местами(поменять их местоположение). Вот сайт ms76.su/
  
  {{header}}
  
  <a position: relative;
  top: 0.3em; class=«la» href="[~14~]"> Широкоформатная и интерьерная печать
  Cвaдебныe aкcеccуapы<br /> и элементы декopa
  Фотообои
  УФ-печать
  Наружная peклама
  Мoнтаж/демoнтaж
  Пoлигpaфия
  Peклaмa на тpaнспopтe
  Антиграффити
  Картины на холсте
  Бегущие строки
Александр 14.11.2016 16:41 #

{{header}}

<a position: relative;
top: 0.3em; class=«la» href="[~14~]"> Широкоформатная и интерьерная печать
Cвaдебныe aкcеccуapы<br /> и элементы декopa
Фотообои
УФ-печать
Наружная peклама
Мoнтаж/демoнтaж
Пoлигpaфия
Peклaмa на тpaнспopтe
Антиграффити
Картины на холсте
Бегущие строки

Александр 14.11.2016 16:42 #

Вот сам код

<body>
        <div class="blackback"></div>
        <div class="bg_nav"></div>

        <div id="wrapper" class="site">
		 	{{header}}	
		    
            <div class="loupe">
                <div><img id="loupe_img" src="assets/site/images/stan_old.png" alt="" width="877" height="416"></div>
               <div class="usl">
				   
				   <a position: relative;
					   top: 0.3em; class="la" href="[~14~]">     Широкоформатная и интерьерная печать </a>   
				  
                    <a class="la" href="[~13~]">Cвaдебныe aкcеccуapы<br /> и элементы декopa</a>
					<a class="la" href="[~56~]"> Фотообои</a>
					
					<a class="la" href="[~998~]">УФ-печать</a>
			
                    <a class="la" href="[~26~]" target="_blank">Наружная peклама</a>
					
                    <a class="la" href="[~40~]">Мoнтаж/демoнтaж</a>
					
                    <a class="la" href="http://yarpk.ru" target="_blank">Пoлигpaфия</a>	                   
					<a class="la" href="[~46~]">Peклaмa на тpaнспopтe</a>
					<a class="la" href="[~55~]" >Антиграффити</a> 
					<a class="la" href="[~957~]" >Картины на холсте</a> 
					<a class="la" href="[~956~]" >Бегущие строки</a> 
					
					
                </div> 
            </div>

Олег 14.11.2016 16:48 #

В смысле у вас вручную выведены элементы?
Ну тогда у вас три варианта —
1. сделать вывод через сниппет (например, pdoMenu) и выстроить элементы с помощью параметра «Позиция в меню»
2. В коде поменять местами строчки

<a class="la">...</a>

3. в файле ms76.su/assets/site/css/style.css править координаты вот в этом месте:

.usl a.la:nth-child(1) {
    top: -310px;
    left: 700px;
}

.usl a.la:nth-child(2) {
    top: -40px;
    left: -230px;
    text-align: right;
}


.usl a.la:nth-child(3) {
    top: -320px;
    left: -150px;
    text-align: right;
}

.usl a.la:nth-child(4) {
    top: -370px;
    left: -160px;
    text-align: right;
}

.usl a.la:nth-child(5) {
    top: -410px;
    left: -5px;
    text-align: right;
}

.usl a.la:nth-child(6) {
    top: -410px;
    left: 550px;
}

.usl a.la:nth-child(7) {
    top: -155px;
    left: 830px;
}

.usl a.la:nth-child(8) {
    top: -214px;
    left: -250px;
    text-align: right;
}

.usl a.la:nth-child(9) {
    top: -50px;
    left: 830px;
}

.usl a.la:nth-child(10) {
    top: -10px;
    left: 200px;
}

.usl a.la:nth-child(11) {
    top: 10px;
    left: 600px;
}

Олег 14.11.2016 16:43 #

У каждого элемента есть параметр «Позиция в меню» (в закладках «Настройки») — по умолчанию элементы меню сортируются согласно этого параметра.
Александр 14.11.2016 22:11 #
кординаты в коде меняю ничего не происходит
```
 font-family: 'Marck Script', cursive;
}
.usl a.la:nth-child(1) {
    top: -310px;
    left: 800px;
}

.usl a.la:nth-child(2) {
    top: -140px;
    left: -1230px;
    text-align: right;
```
1. Олег 15.11.2016 06:35 #
  
  Как это «не происходит»?
  Cвaдебныe aкcеccуapы аж за видимую область улетели, после того, как им left: -1230px; задали.
Александр 15.11.2016 08:00 #

Ясно, спасибо большое 2 недели игрался очень выручили.
Не пойму в чем прикол в гугл хром так и осталась на моем компьтере позиционирование в другом браузере открываю и на другом компьютере все меняется согласно координат которые я вношу. Видимо что-то с браузером)
Повторюсь еще раз огромное спасибо, бывают добрые люди на этом свете)
1. Олег 15.11.2016 09:01 #
  
  Crtl+F5 нажмите в хроме, из кеша скорее всего забираются стили, поэтому не видно изменений
Александр 15.11.2016 18:48 #

спасибо) все получилось

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.