Jump to content

Прошу критики


odd-one
 Share

Recommended Posts

Здравствуйте, вот сверстал.

В хроме и IE все хорошо, а в мозилле псевдоклассы выпадают.

http://oddlook.esy.es/nerds/

сожмите окно по ширине и подвигайте нижник скролл, смотря на футер

Link to comment
Share on other sites

На айпаде ничего не работает: слайдер, радио кнопки, чекбоксы, выбор стоимости

Тут только html+css.

 

 

Здравствуйте, вот сверстал.

В хроме и IE все хорошо, а в мозилле псевдоклассы выпадают.

http://oddlook.esy.es/nerds/

сожмите окно по ширине и подвигайте нижник скролл, смотря на футер

 

Вы имеете в виду, что колонки гуляют, когда масштаб увеличиваю?

Link to comment
Share on other sites

На айпаде ничего не работает: слайдер, радио кнопки, чекбоксы, выбор стоимости

Тут только html+css.

 

Здравствуйте, вот сверстал.

В хроме и IE все хорошо, а в мозилле псевдоклассы выпадают.

http://oddlook.esy.es/nerds/

сожмите окно по ширине и подвигайте нижник скролл, смотря на футер

Вы имеете в виду, что колонки гуляют, когда масштаб увеличиваю?
Все можно сделать на css, даже слайдер
Link to comment
Share on other sites

1.  Вёрстка в Firefox ломается из-за схлопнутого блока .develop, пропишите ему хотя бы overflow:hidden и увидите как всё красиво встанет не место.

2.  Допишите доктайп.

3.  Что касается ползунка - такие вещи делаются с помощью JQuery UI.

4. Блок .net  нужно  сверстать радиокнопками, а  .features  - чекбоксами.

5.  Не мешало бы  для ссылок добавить hover’ов.

Link to comment
Share on other sites

 

 

На айпаде ничего не работает: слайдер, радио кнопки, чекбоксы, выбор стоимости

Тут только html+css.

 

 

Здравствуйте, вот сверстал.

В хроме и IE все хорошо, а в мозилле псевдоклассы выпадают.

http://oddlook.esy.es/nerds/

сожмите окно по ширине и подвигайте нижник скролл, смотря на футер
Вы имеете в виду, что колонки гуляют, когда масштаб увеличиваю?
Все можно сделать на css, даже слайдер

 

Нашел статью на хабре про слайдер. Но получается, что в этом нет смысла, потому как даже в IE 9 не поддерживаются необходимые свойства, без js заглушки.

Edited by odd-one
Link to comment
Share on other sites

1. Вёрстка в Firefox ломается из-за схлопнутого блока .develop, пропишите ему хотя бы overflow:hidden и увидите как всё красиво встанет не место.

Не помогло.

 

UPD. Помогло, в индексе неправильно class написал.

 

 

2. Допишите доктайп.

Не понял? Там все ок вроде.

 

 

4. Блок .net нужно сверстать радиокнопками, а .features - чекбоксами.

И как потом стилизировать? Не лучше все сделать ссылками с двумя состояниями: active и нормальном?

Edited by odd-one
Link to comment
Share on other sites

Там все ок вроде.

 

Да, уже ОК

 

И как потом стилизировать?

 

Забейте в гугле "стилизация чекбоксов", найдёте массу уроков и примеров.

 

Не лучше все сделать ссылками с двумя состояниями: active и нормальном?

 

Поскольку ТЗ нет, то однозначного ответа дать не могу. Как по мне, то это именно чекбоксы и радиокнопки.  

odd-one, вы же учитесь верстать, значит не надо искать лёгких путей - делайте чекбоксами и стилизируйте их :)

Link to comment
Share on other sites

Поскольку ТЗ нет, то однозначного ответа дать не могу. Как по мне, то это именно чекбоксы и радиокнопки. odd-one, вы же учитесь верстать, значит не надо искать лёгких путей - делайте чекбоксами и стилизируйте их :)

Я начал учиться по вебинарам HTML academy, там выступают против стилизации элементов форм. Мол, в JS потом все это намного проще сделать, да и в старых браузера будет отображаться как я хочу.

Link to comment
Share on other sites

 

Поскольку ТЗ нет, то однозначного ответа дать не могу. Как по мне, то это именно чекбоксы и радиокнопки. odd-one, вы же учитесь верстать, значит не надо искать лёгких путей - делайте чекбоксами и стилизируйте их :)

Я начал учиться по вебинарам HTML academy, там выступают против стилизации элементов форм. Мол, в JS потом все это намного проще сделать, да и в старых браузера будет отображаться как я хочу.

 

Старые это какие, посмотрите статистику по LiveInternet там доля 8 и 9 примерно по проценту, а десятка уже неплохая.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By meyson
      Добрый день!
      Хочу попрсить помощи у вас для вас будет легко, а так как я новичок мне нужна помошь.
      Смотрите начал верстать макет у меня сайт на один сайт бар, шапка сайта, контент, нижнья часть сайта.
      Вот почти все сверстал у меня не вийшло сделать сайт бар.
      как нужно правельно сайт бар сверстать?

      <div class="block1">
      <div style="padding-left: 10px;">
      sdfdfgfd
      dsfsdfsd
      sdf
      sdf
      sdf
      sd
      fs
      </div>
      </div>
      вот ксс
      .
      block1 {
      margin-top: 2px;
      width: 310px;
      height: 300px;
      padding-top: 75px;
      margin-right:160px;
      float: right;
      display: inline-block;
      background:url(/img/menu.png);
      background-repeat: no-repeat;
      }
      Вот скриншот что ввыходит

      Вот я порезал сам блок картинки


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy