Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Горизонтальный список, в котором маркеры все в одном месте!


Recommended Posts

Привет!
Сделал простенький список, заказчик просил как внизу ну я так и сделал вот только мои маркеры все слева!
Что делать?
Нужно чтобы маркеры были как снизу рядом со списками)
ловите скрин!
сайт mirolada.ru

Безымянный.png

Надіслати
Поділитися на інших сайтах


12 часов назад, mazein сказал:

padding-left: 670px;

какая жесть. Перевёрстывать всё.

Как мне перевестать чтобы сразу мои маркеры были со списками, задаю float: left;

Толку ноль

у половины шампуней появляются маркеры у половины нет)

я хз

Надіслати
Поділитися на інших сайтах


Маркеры есть везде, просто они все слева, и накладываются друг на друга.

Можно вот так сделать:

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

Но это бред, нужно всё переделывать.

Надіслати
Поділитися на інших сайтах

4 минуты назад, mazein сказал:

Маркеры есть везде, просто они все слева, и накладываются друг на друга.

Можно вот так сделать:

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

Но это бред, нужно всё переделывать.

А зачем, что не так , обьясни что сделать нужно , по другому то как было из расположить?

Надіслати
Поділитися на інших сайтах


8 минут назад, mazein сказал:

Маркеры есть везде, просто они все слева, и накладываются друг на друга.

Можно вот так сделать:

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

Но это бред, нужно всё переделывать.

Попробую!

Надіслати
Поділитися на інших сайтах


10 минут назад, mazein сказал:

Маркеры есть везде, просто они все слева, и накладываются друг на друга.

Можно вот так сделать:

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

Но это бред, нужно всё переделывать.

А ты можешь обьяснить как ты это делаешь?

Надіслати
Поділитися на інших сайтах


6 минут назад, DispooL сказал:

что не так

Вот это вот:

top: -531px;
padding-left: 670px;

и подобное.

 

Надіслати
Поділитися на інших сайтах

5 минут назад, DispooL сказал:

А ты можешь обьяснить как ты это делаешь?

Что конкретно? На скрине всё видно.

Надіслати
Поділитися на інших сайтах

2 часа назад, jaffagold сказал:

Кто вообще придумал так верстать?

Это просто адский ад.

Так надо?

  Скрыть контент

mirolada.thumb.jpg.4fbf33f5ce3017a83656f8decb7596b1.jpg

 

да так надо, только эти блямбы убрать в заголовках (шампуни кремы и тд)

ну обьясните самоучке как же верстат!

Змінено користувачем DispooL
Надіслати
Поділитися на інших сайтах


22 минуты назад, jaffagold сказал:

Сразу бы так и сказали: "убрать блямбы!.

 

.catalog1 ul li a {

    background: none;

}

Оу, забыл)

обьясните как нужно было делать верстку!

Надіслати
Поділитися на інших сайтах


В двух словах не объяснить.

Там у вас одно за другое цепляется и тащит сайт в пропасть.

В инспекторе кода

уберите выделенное( просто отключите стиль, чтобы убедиться)

и вы увидите,

что половина контента от посетителя спрятана.

http://mirolada.ru/index.php?route=product/product&path=62_110&product_id=151

 

#content {

min-height: 430px;

margin-bottom: 25px;

font-size: 14px;

background-color: #FFF;

padding: 15px 25px;

margin-top: 10px;

text-align: justify;

/* overflow: hidden; */

}

stylesheet.css:1983

.catalog {

/* height: 400px; */

}

.product_info > .left {

/* float: left; */

margin-right: 15px;

/* width: 670px; */

}

Но просто отключить , например, последний стиль не получится, он довольно глобальный.

Там перепахивать надо все.

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

P.S.

А что у вас символизирует желтая полоска меню с рваными концами? Секущиеся волосы? Или лыко для лаптей?

Змінено користувачем jaffagold
Надіслати
Поділитися на інших сайтах


8 часов назад, jaffagold сказал:

В двух словах не объяснить.

Там у вас одно за другое цепляется и тащит сайт в пропасть.

В инспекторе кода

уберите выделенное( просто отключите стиль, чтобы убедиться)

и вы увидите,

что половина контента от посетителя спрятана.

http://mirolada.ru/index.php?route=product/product&path=62_110&product_id=151

 

#content {

min-height: 430px;

margin-bottom: 25px;

font-size: 14px;

background-color: #FFF;

padding: 15px 25px;

margin-top: 10px;

text-align: justify;

/* overflow: hidden; */

}

stylesheet.css:1983

.catalog {

/* height: 400px; */

}

.product_info > .left {

/* float: left; */

margin-right: 15px;

/* width: 670px; */

}

Но просто отключить , например, последний стиль не получится, он довольно глобальный.

Там перепахивать надо все.

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

P.S.

А что у вас символизирует желтая полоска меню с рваными концами? Секущиеся волосы? Или лыко для лаптей?

Ахахахах, нее это не я делал сайт, я его переделываю)

Змінено користувачем DispooL
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.