Jump to content

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


black40
 Share

Recommended Posts

Ссылки почему блочные? там должны быть поинтером только сами ссылки, новости текстом? они должны быть ссылками, картинки которые относяться к дизайну принято внедрять через css, а не картинками прямыми, кнопка read more скачет, а именно текст в ней, задай line-height или padding, под подвалом не понятый отступ, плюсом он не тянется вниз, а здесь он типа должен тянуться, юзай шаблонизаторы чтобы понять как он устроен, логотип не кликабельный, поправь — а его делаем картинкой и ссылкой, так принято типа, ну тебе хватит пока

Edited by Struggle
Link to comment
Share on other sites

Ссылки почему блочные?

В меню? Не блочные, а табличные, чтобы выравнивание сделать.

 

 

там должны быть поинтером только сами ссылки, новости текстом?

Поддерживаю, у вас кругом не расставлены ссылки, видимо особо не заморачивались, undeline всегда легче поставить)

 

 

картинки которые относяться к дизайну принято внедрять через css

Кто такое принял? И что вы в данном макете считаете дизайном? Росток из земли? А если пользователь захочет вместо этого ростка поставить большое дерево?

 

 

кнопка read more

+ это и не кнопка вовсе.

 

 

а его делаем картинкой и ссылкой, так принято типа

м? сейчас все нормально, только обернуть надо в ссылку.

 

 

плюсом он не тянется вниз, а здесь он типа должен тянуться

кому должен?) да и шаблонизаторы тут не причем. Есть много способов. Например.

 

А так нормально. Не знаю только, правильно вы ли html5 теги наставили. Но наверно да. Вот, недавно статья по этому поводу была.

Edited by npofopr
Link to comment
Share on other sites

 

Ссылки почему блочные?

В меню? Не блочные, а табличные, чтобы выравнивание сделать.

 

 

там должны быть поинтером только сами ссылки, новости текстом?

Поддерживаю, у вас кругом не расставлены ссылки, видимо особо не заморачивались, undeline всегда легче поставить)

 

 

картинки которые относяться к дизайну принято внедрять через css

Кто такое принял? И что вы в данном макете считаете дизайном? Росток из земли? А если пользователь захочет вместо этого ростка поставить большое дерево?

 

 

кнопка read more

+ это и не кнопка вовсе.

 

 

а его делаем картинкой и ссылкой, так принято типа

м? сейчас все нормально, только обернуть надо в ссылку.

 

 

плюсом он не тянется вниз, а здесь он типа должен тянуться

кому должен?) да и шаблонизаторы тут не причем. Есть много способов. Например.

 

А так нормально. Не знаю только, правильно вы ли html5 теги наставили. Но наверно да. Вот, недавно статья по этому поводу была.

 

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

Link to comment
Share on other sites

парень не силён в верстке
почему вы так считаете? А кто силен?) Он даже вполне адекватные имена классам дает, а не как бывает: class="block1" и т.п.

 

что выделяются они как блочные, пустое то место не должно кликаться
Как раз таки в большинстве своем ошибочное суждение. Не надо заставлять пользователя целиться в пиксель пиксель.

 

Link to comment
Share on other sites

 

парень не силён в верстке
почему вы так считаете? А кто силен?) Он даже вполне адекватные имена классам дает, а не как бывает: class="block1" и т.п.

 

 

 

что выделяются они как блочные, пустое то место не должно кликаться
Как раз таки в большинстве своем ошибочное суждение. Не надо заставлять пользователя целиться в пиксель пиксель.

 

 

Моё мнение не может быть ошибочным, там пункт никак не обозначен дизайном, это значит там выделяться должна  только сама ссылка,так нарисовал дизайнер потому что, если бы был какой про hover эффект типа изменение цвета li, то надо верстать как щас есть, а так - просто изменение цвета + underline

Слов о  пиксельной верстки вообще не было

 

upd: каждая новость - новая ссылка, а не одной строкой

Edited by Struggle
Link to comment
Share on other sites

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

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

Edited by CroaToa
Link to comment
Share on other sites

Сейчас это дело выглядит вот так : http://sample.besaba.com/

Не всё , конечно, исправил. Ссылки оставил как есть, добавил только background при hover (ТЗ нету к макету, кто ж его знает. что там дизайнер задумал)

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

 

 

upd: каждая новость - новая ссылка, а не одной строкой

- так там один текст, как его отдельными ссылками проставлять?

20px ниже footera ставил для того чтоб видеть где макет заканчивается, забыл убрать(это "минус" конечно), исправил.

 

 

Поддерживаю, у вас кругом не расставлены ссылки, видимо особо не заморачивались, undeline всегда легче поставить)

А вот этого я так и не понял, что Вы имели ввиду((

Логотип(рисунок) сделал ссылкой. но текст. мне кажется всё-таки лучше оставить текстом, зачем его картинкой делать? Вдруг поменять придётся...

кажись всё... А, да

 

парень не силён в верстке

ребята, я в вёрстке пока вообще никакой :)Учусь.

Авось что то да получится... Вы как считаете? 

Edited by black40
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 Mix9
      есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1 
      .content{ width: 90%; background-color: #333; } .video{ margin: 0px 4px 0px 4px; width: 310; display: flex; flex-direction:column; } .video_button_text{ margin-top: 10px; display: flex; flex-direction: row; font-size: 20px; color: white; } .video_text_div{ display: inline-block; width: 250px; } .video_text{ text-align: justify-all; margin: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .slidan_videos{ margin: 0px 10px 0px 20px; overflow: auto; width: auto; margin-bottom: 50px; display: flex; flex-direction: row; justify-content: space-around; } <div class="content"> <div class = slidan_videos> <div class = video> <div> <a href = 'ссылка'><img class="img" src=""картинка"></a> </div> <div class = video_button_text> <div class = avatarka_div> <a href="ссылка" target="_blank"><img class = avatarka src="картинка"></a> </div> <div class = video_text_div> <p class = video_text><a href="ссылка">текст</a></p> </div> </div> </div>
    • By DrRobotGranata
      Всем привет! Задача стоит следующая. Есть 8 элементов (IMG). Т.е. одна целая картинка разрезана на 8 частей(рамка)
      Нужно сверстать гибкой версткой макет, где эти 8 кусочков будут одним целым( рамкой) а внутри можно будет размещать любой текс, рамка по высоте подстраивается под текс, по ширине на всю ширину окна.
      Кручу верчу, все никак не получается. Подскажите в какую сторону думать. Каждый Img в отдельный div и все дивы в общий контейнер? и дальше как
    • By Young
      Столкнулся с проблемой , когда вставил картинку , весь текст съехал в лево , а сама картинка , должна находиться с низу сайта
      И еще вопрос , как сделать так , чтобы когда я уменьшал размер сайта , облаки оставались на своих местах ?
      HTML
      CSS
       

      решено 
    • By vladdvin
      Верстаю макет с Фигмы - https://www.figma.com/file/2rdy1qjBTl7D6BAC8S4qlf/Webovio?node-id=0%3A1. Наверстал
      CSS
      В результате отображается следующая картинка

      в режиме инструментов разработчика. А вне режима вообще отображает

      Подскажите как добиться отображения текста как на макете.
    • By Hinn
      Всем приветик, начинающий фрилансер. Ищу первые заказы в данной сфере. Занимаюсь:
      • На малом уровне версткой;
      • Хорошо разбираюсь в таких CMS: как Wordpress и Tilta - легко и быстро разработаю одно страничные, многостраничные сайты, интернет-магазины (могу как дорабатывать, так и создания с нуля, так же занимаюсь переносом одного сервера на другой);
      • Увлекаюсь разработкой логотипов (логотипы с нуля, доработка логотипа, рисование логотипа по эскизу).
      Готов заниматься работой за любую плату. Так же присутствует портфолио, но за частую людям интересно когда о тебе есть отзывы. Поэтому пришел сюда за практическим опытом, и поиском постоянной работы.
      Использую:
      - Верстка: (HTML5/CSS3), верстаю из Figma, Photoshop, illustrator.
      - Разработка сайта: (CMS WordPress, Tilta).
      - Разработка логотипа: (Photoshop, illustrator)
      Если не знаю чего-то необходимого для Вашего проекта\работы -- обязательно разберусь (все-таки начинающий фрилансер).

      Если вы разработчик и вам некому спихнуть рутинную работу - я с радостью возьму её на себя;

      телеграмм: HinnWork;
      почта: balistic.baty@gmail.com

      Открыт для любых предложений. 
×
×
  • 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