Jump to content

Оцените верстку


Recommended Posts

body > div > div.header > div.header_wrap > div > div.header_right > span.tel

Зачем использовать span.tel и давать ему display:block? Не проще ли было взять div?

При ширине 1024 ,

@media screen and (max-width: 1080px)

style.css:838

.header_wrap {

height: 600px;

}

Ограничение высоты блока приведет к тому, что блок не растянется при добавлении текста. и текст уедет за пределы фона.

  • Like 1
Link to comment
Share on other sites

11 минуту назад, andrew312 сказал:

body > div > div.header > div.header_wrap > div > div.header_right > span.tel

Зачем использовать span.tel и давать ему display:block? Не проще ли было взять div?

При ширине 1024 ,

@media screen and (max-width: 1080px)

style.css:838

.header_wrap {

height: 600px;

}

Ограничение высоты блока приведет к тому, что блок не растянется при добавлении текста. и текст уедет за пределы фона.

как думаешь, можно этот сайт показывать в портфолио?
 

Link to comment
Share on other sites

7 минут назад, AlexZaw сказал:

В мобильном варианте ваше гамбургер меню плохо видно на светлом фоне. И что за красная линия у логотипа?

 

Screenshot_2.png

это фишка такая, в psd макете тоже красная линия

Link to comment
Share on other sites

Я конечно не дизайнер, но красная линия как то выпадает из общего стиля, и, как мне кажется, если вы выложите такую работу в портфолио то многие сочтут ее за вашу ошибку, а не ошибку дизайнера или макета. Был бы это реальный проект я бы уточнил этот момент у дизайнера. На учебном макете либо убрал бы линию совсем, либо изменил бы цвет

  • Like 1
Link to comment
Share on other sites

спасибо, ваш отзыв помог мне!!!

7 минут назад, AlexZaw сказал:

Я конечно не дизайнер, но красная линия как то выпадает из общего стиля, и, как мне кажется, если вы выложите такую работу в портфолио то многие сочтут ее за вашу ошибку, а не ошибку дизайнера или макета. Был бы это реальный проект я бы уточнил этот момент у дизайнера. На учебном макете либо убрал бы линию совсем, либо изменил бы цвет

спасибо

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 Seendorei
      Здравствуйте уважаемые форумчане, подскажите пожалуйста, не получается сделать блок адаптивным(я в этом не очень разбираюсь =)) ). Уже голова кипит, все попереисправлял, переделал, удалял и добавлял, что просто запутался, очень прошу вас распутать и подсказать как правильно, чтобы я точно знал :). Спасибо заранее.
      В чем собственно проблема: А в том, что этот блок не уменьшается пропорционально ширине экрана.
      На 1 скриншоте он вообще выпадает из общего контента. А на 2 скриншоте появляется горизонтальная прокрутка.
      Пересмотрел много роликов и статей, но чет так сильно запутался во всем этом :((.

      CSS code блока и т.д: 
       
      @media (max-width: 320px) {   .wat{     left: 260px;   } } .wat{   margin:0;   margin-left: 5.5em;   left: auto;   top: 260px;   border: 3px red solid;   border-radius: 3px;   width: 150px; height: 50px;   position: relative;   padding-left: 4px;   padding-top: 0px;   display: block; } #btn3{   position: absolute;   margin-left: 8px;   top: 13px;   border: 3px red solid;   border-radius: 3px;   width: 150px; height: 50px; } span{   font-size: 16pt;   margin-left: 50px;   position: absolute;   top: 14px;   left: -1px;   font-size: 16pt;   color: white; } .opa{   display: block;   border-radius: 3px;   border: 3px red solid;   width: 150px; height: 50px;   position: relative;   z-index: 100000;   margin-top: -12.8em;   margin-left: 18.5em; } @media (max-width: 320px){   .opa{     width: 25%;     height: auto;   } } Вот HTML Код:
      <ul id="slides"> <li class="slide showing">Slide 1 <!--<div class='wat'><img id='btn3' src='app2.png'></img></div>--> </li> <li class="slide">Slide 2</li> <li class="slide">Slide 3</li> </ul> <div class='opa'> <img src='app.svg'></img> <span>App Store</span> </div>  
       
              
    • By Takono
      Здравствуйте. Создан слайдер из трёх слайдов. На слое над слайдером с помощью :before создан контент (один блок, содержащий текст, меню со ссылками и форму). Однако при адаптации под разные разрешения всё очень сильно съезжает и искажается. Есть ли какой-то более рациональный способ разместить слой с контентом над слайдером, чтобы слайды переключались под недвижимым контентом? Подскажите пожалуйста.
      id="main" это блок, который находится в слое над id="slider"
       
      index.html
      style.css
    • By Михаил HTML
      Всем доброго дня.
      Ищу помощника или наставник в создании небольшого сайта.
      С данного момента погружаюсь в тему изучения верстки.
      Мой максимум это HTML i CSS.
      Сайт будет представлять из себя небольшую записную книжку( не часто используемую). Пока без картинок, просто текст.

      Естественно буду пытаться сделать его, чтобы он нормально читался и на компьютере и на мобиле (адаптивным). На рисунках, что приложу, я набросал своё представление о том как он будет выглядеть. В сети нашёл небольшой визуальный пример, что мне понравился( нравится).

      //Движки и блоги использовать не хочу, это сложно для меня. Написал текст, вставил его в стандартную страницу htmlя и написал ссылку на главной станице сайта, вот все что мне нужно.


    • By Tardpipl
      Вечер добрый. Не могу решить проблему с блоками. Бывает то что div блок залезает на другой при сжатие страницы. Как избавится от смещения блоков при сжатие? Как не дать блоку div залезть на другой блок?
    • By tefery
      Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px.
      Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И  не факт, что абсолютом заведётся.
      То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при этом бэкграунд на всю ширину. 
      Писать свой слайдер как-то не комильфо. Может у кого-то есть идеи или кто-то знает наверняка как это сделать?

×
×
  • 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