DispooL

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

Рекомендуемые сообщения

DispooL    0

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
mazein    176
padding-left: 670px;

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DispooL    0
12 часов назад, mazein сказал:

padding-left: 670px;

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

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

Толку ноль

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

я хз

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
mazein    176

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

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

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DispooL    0
4 минуты назад, mazein сказал:

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

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

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DispooL    0
8 минут назад, mazein сказал:

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

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

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

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

Попробую!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DispooL    0
10 минут назад, mazein сказал:

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

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

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
mazein    176
6 минут назад, DispooL сказал:

что не так

Вот это вот:

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

и подобное.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
mazein    176
5 минут назад, DispooL сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DispooL    0
9 часов назад, mazein сказал:

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

помоги с кремами)

не как не хотят вставать)

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DispooL    0
9 часов назад, mazein сказал:

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

Разобрался)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
jaffagold    126

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

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

Так надо?

Спойлер

mirolada.thumb.jpg.4fbf33f5ce3017a83656f8decb7596b1.jpg

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DispooL    0
2 часа назад, jaffagold сказал:

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

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

Так надо?

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

mirolada.thumb.jpg.4fbf33f5ce3017a83656f8decb7596b1.jpg

 

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

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

Изменено пользователем DispooL

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DispooL    0
3 часа назад, jaffagold сказал:

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

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

Так надо?

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

mirolada.thumb.jpg.4fbf33f5ce3017a83656f8decb7596b1.jpg

 

я придумал, а как надо то?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
jaffagold    126

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

 

.catalog1 ul li a {

    background: none;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DispooL    0
22 минуты назад, jaffagold сказал:

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

 

.catalog1 ul li a {

    background: none;

}

Оу, забыл)

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
jaffagold    126

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

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

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

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

и вы увидите,

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
DispooL    0
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 пользователей онлайн

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