Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

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

Link to post
Share on other sites

padding-left: 670px;

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

Link to post
Share on other sites
12 часов назад, mazein сказал:

padding-left: 670px;

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

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

Толку ноль

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

я хз

Link to post
Share on other sites

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

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

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

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

Link to post
Share on other sites
4 минуты назад, mazein сказал:

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

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

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

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

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

Link to post
Share on other sites

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

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

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

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

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

Попробую!

Link to post
Share on other sites

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

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

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

3333.thumb.jpg.2b1f522d1e97076cf2e223e709285115.jpg

 

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

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

Link to post
Share on other sites

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

что не так

Вот это вот:

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

и подобное.

 

Link to post
Share on other sites
5 минут назад, DispooL сказал:

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

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

Link to post
Share on other sites
9 часов назад, mazein сказал:

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

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

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

 

Link to post
Share on other sites

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

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

Разобрался)

Link to post
Share on other sites

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

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

Так надо?

Спойлер

mirolada.thumb.jpg.4fbf33f5ce3017a83656f8decb7596b1.jpg

 

Link to post
Share on other sites

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

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

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

Так надо?

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

mirolada.thumb.jpg.4fbf33f5ce3017a83656f8decb7596b1.jpg

 

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

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

Edited by DispooL
Link to post
Share on other sites

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

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

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

Так надо?

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

mirolada.thumb.jpg.4fbf33f5ce3017a83656f8decb7596b1.jpg

 

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

Link to post
Share on other sites

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

 

.catalog1 ul li a {

    background: none;

}

Link to post
Share on other sites

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

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

 

.catalog1 ul li a {

    background: none;

}

Оу, забыл)

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

Link to post
Share on other sites

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

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

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

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

и вы увидите,

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

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.

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

Edited by jaffagold
Link to post
Share on other sites

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.

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

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

Edited by DispooL
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.