0

Код: http://jsfiddle.net/Zajkm/

Хотелось бы сделать .slider И весь контент (ul) в середине, не могу понять, всё перепробовал.

3
  • margin: 0 auto; ??
    – user8674
    7 мая 2013 в 14:59
  • не помогает к сож(
    – ferrari
    7 мая 2013 в 15:39
  • вы правы, сделайте ответом я приму как правильный. спаисбо.
    – ferrari
    7 мая 2013 в 21:08

3 ответа 3

1

Зачем вы верстаете списком страницу? Не лучше ли сделать это по-человечески div'ами? Не очень понятно что вы хотите выровнять по середине, но вот слайдер и страница выровненные по середине : http://jsfiddle.net/JjLsd/

Вот пример вёрстки блоками(не идеал конечно, но и делал на скорую руку): http://jsfiddle.net/TMfJj/

Несколько советов(ИМХО):

  • margin и padding равные 0лю задавайте через *{} сразу для всех элементов, а не отдельно прописывайте для каждого.
  • картинки я бы брал в .jpg формате адаптированном под Web, но в вашем случае это конечно не критично...
  • не используйте в вёрстке атрибуты у тегов, для этого у вас есть css (я про width и height в вашем коде)
1
  • спасибо милый человек!
    – ferrari
    8 мая 2013 в 20:30
1
<center>
<div class="slider">
<div class="mslide">
<img src="art/slide1.png" width="650" height="240">
</div>
<div class="mbut">
<img src="art/but1.png" width="250" height="80">
<img src="art/but2.png" width="250" height="80">
<img src="art/but3.png" width="250" height="80">
</div>
</div>

</li>
<li>main text</li>
<li>footer</li>
</ul>
    </center>
Попробавал - работает!
3
  • да это работает, но w3 валидатор не пускает тег center
    – ferrari
    7 мая 2013 в 20:20
  • 1
    Ну и забей на него! Зачем тебе этот консорциум? Прверь гугл или хешкод через валидатор все одно будут ошибки!) 7 мая 2013 в 20:24
  • Ошибки: Яндекс 184 Google 24 hashcode 5 validome.org/get/http://google.ru 7 мая 2013 в 20:28
0

Почему же? margin:0 auto; работает всегда, но только для элементов с фиксированной шириной

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.