HTML Coding

29,542 questions in this forum

1. Как лучше реализовать вот такую задумку?

   Вот как лучше реализовать вот такую вот задумку дизайнера Макет: http://prntscr.com/62xzzj Надо сделать так, что бы при нажатии на Ежика, открывалось окошко поверх картинки Ежика вот так http://prntscr.com/62y0my

   Asked by Anna Zharova, February 9, 2015

   0 votes
   3 answers
2. Как лучше реализовать декоративную рамку?

   Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!

   Asked by EugeneKiyash, February 11, 2017

   • svg
   • css
   • html
   0 votes
   10 answers
3. Как лучше реализовать?

   У меня идёт панелька с категориями, в ней содержатся ссылка на категорию, картинка-разделитель и так должно повторятся несколько раз и после этого форма поиска. Должно получиться примерно так Как можно это реализовать? Обязательно нужно что бы текст не прилегал к низу, а "висел в воздухе", пока в голову пришло только, что нужно каждую ссылку закинуть в отдельный див, и для каждого дива в классе прописать размеры блока, отступы от низа и float: left. Но что-то мне подсказывает,что это бред P.S. текст на фотке пляшет, но не было времени выравнивать

   Asked by Cooooop, October 3, 2012

   0 votes
   3 answers
4. Как лучше реализовать?

   Всем доброго дня. Проблема такова: на сайте, в статьях, я использовал конструкции такого типа: <div style="padding-top:10px;padding-bottom:5px;"></div>— ну это же бред, понятно. Конечно, я должен был прописать это стилях, но увы, мне в одном случае нужен отступ в 5 пикселей, а в другом — в 10, 15. Как лучше реализовать это? Чтобы код не выглядел так убого. Спасибо.

   Asked by Багдыч, February 16, 2014

   0 votes
   21 answers
5. Как лучше реализовать?

   Я надеюсь тут можно задавать вопросы по php, т.к на php-ных форумах все до жути злые. В общем суть, есть модальное окно и в нем надо сделать кнопки при клике на которые информация об этом вносится в БД, суть проблемы в том что я нашел лишь способ который выводит фиксированное количество кнопок из БД. а требуется вывод разного количества кнопок, т.к у меня там страницы, допустим надо чтобы на 1 стр было 4 кнопки, а на второй 2, а у меня получилось сделать лишь чтобы на всех страницах было одинаковое кол-во кнопок. Я прошу от вас лишь совета того что гуглить, желательно именно методы реализации, функцию определенную и тп.

   Asked by purple/ocean, March 11, 2018

   0 votes
   8 answers
6. Как лучше с верстать ?

   Скажите пожалуйста как лучше сверстать ? http://itmages.ru/image/view/1690784/f7f0f63c Таблицей или дивами ?

   Asked by Shenia132, May 28, 2014

   • верстка
   0 votes
   3 answers
7. как лучше сверстать

   Здравствуйте, подскажите, как лучше сверстать такой макет. Главные проблемы: 1. плавный переход в фон на краях 2. анимированый фон (блестят логотип и завитушки).

   Asked by oke11o, August 22, 2011

   0 votes
   6 answers
8. Как лучше сверстать

   Подскажите как лучше сверстать Соц.иконки что внизу Абсолютным позиционированием или как?

   Asked by NeoMurderer, October 1, 2011

   0 votes
   6 answers
9. Как лучше сверстать блоки разной высоты на Bootstrap?

   Прошу прощения за мой дилетантский вопрос: Есть макет сайта вот такого плана (картинка во вложении). Все блоки на сайте размещены сеткой, у каждого блока высота равна или x, или 2x, или 3x, ширина тоже - y, или 2y. Пробую сделать на Bootstrap, но, из-за высоты, бутстрап размещает 4-й блок не под 2-м, а под первым, с новой строки. Пример: https://www.codeply.com/go/dwyEv5gprw Подскажите, как решить данный вопрос? Заранее спасибо!

   Asked by VeraVostro, April 27, 2018

   • css
   • bootstrap
   0 votes
   3 answers
10. Как лучше сверстать такой макет?

    Вот макет http://prntscr.com/3llg43 верстка под современные браузеры включая ИЕ 8 - 11

    Asked by Anna Zharova, May 22, 2014

    0 votes
    16 answers
11. Как лучше сверстать?

    Подскажите пожалуйста новичку, как лучше реализовать даную схему сайта? Где использовать таблицы, а где блоки? Потому что не знаю с чего начать. На таблицах как-то не круто, а на блоках непонятно как сделать. Спасибо.

    Asked by Maximilian, February 8, 2011

    0 votes
    30 answers
12. Как лучше сверстать?

    https://lh3.googleusercontent.com/-fH4VyvsPX2Y/UJElP7YKl4I/AAAAAAAAFA4/iS6z77A6ZQM/w634-h669-p-k/666.png требуется сделать подобный макет. важно, чтоб меню было на всю ширину экрана и футер тоже. а середина фикс - 4 колонки. не могу понять ,как сделать так, чтоб логотип и текстовое начало меню были на том же месте, что и начало первой колонки. блоками верстать не особо умею, в идеале таблицами, тк информации будет очень много в середине, боюсь расползется все. как это лучше реализовать? пока у меня идеи сделат ьменю отдельной таблицей, но как тогда, чтоб текст. начало было вровень с первой колонкой? ну и с лого так же только в середине не три, а 4 колонки!!

    Asked by Ledok, October 31, 2012

    0 votes
    2 answers
13. Как лучше сверстать?

    Есть такое задание 3 блока фиксированной ширины, первый и третий плотно прижимаются к бокам родительского блока. У всех троих ширина одинаковая. Внутри этих блоков будет располагаться контент нескольких форм, как нарисовано, только вот их очередность хаотичная как и нарисовано. Вот теперь сижу думаю, делать все таки 3 колонки, или не стоит? Потом не трудно будет добавить контент в разные блоки через cms? На данный момент дал первому float:left; второму float:right; а тот что посередине задал margin по бокам, родителю добавил clearfix, колонки стоят. Какие еще варианты есть для оформления данного типа страниц?

    Asked by CroaToa, June 10, 2014

    0 votes
    5 answers
14. Как лучше сверстать?

    Всем привет! Давно сам не просил помощи и сам не советовал. Но вот настал момент, когда я застрял на простой задаче. Есть стандартная сетка бутстрап. Верстка примерно такая https://codepen.io/Schamil74/pen/QqYEGY Есть блок .text1(выделен цветом и подписан), который нужно растянуть за контейнер. Как лучше сверстать ? Сейчас куском за контейнером блок - .row_green

    Asked by Schamil74, October 19, 2017

    • bootstrap
    • css
    • html
    0 votes
    0 answers
15. Как лучше сверстать?

    Как лучше всего сверстать данную секцию? Чтобы и адаптивить было не сложно.

    Asked by Okieazy, February 2, 2019

    • html
    • css
    0 votes
    2 answers
16. Как лучше сделать

    Здравствуйте. Подскажите, как лучше сверстать: Данный блок нужно встроить на страницу. Но когда я делаю вот так: <div style="width:1000px; overflow:hidden;"> <div style="float:left; position:relative; width:490px;"> <div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div> </div> <div style="float:right; position:relative; width:490px;"> <div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div> </div> </div> у меня у главного блока не устанавливается высота в зависимости от содержимого бло…

    Asked by qwertytol, November 7, 2011

    0 votes
    3 answers
17. Как лучше сделать лого и название сайта?

    Всем здравствуйте. Хочу задать тупой вопрос из серии "О чем вы боялись спросить" (у меня наверное все вопросы из этой серии будут ). Допустим, мы имеем название сайта с логотипом, причем в названии не используются декоративные шрифты. Возьмем к примеру логотип и название сайта _htmlbook.ru, которые сделаны изображением .png. Так вот, вопрос: а не лучше ли название сайта делать заголовком h1? ИМХО это должно быть логичней, семантичней и т.д. и т.п. (это не критика в адрес сайта ). Интересно мне это семантическое задротство. Из возможных вариантов как лучше сделать - <img src="logo.png">, <h1>Заголовок сайта</h1>+background или логотип - <img>, а …

    Asked by web-monster, May 12, 2011

    0 votes
    13 answers
18. Как лучше сделать такой див ?

    Есть div .ja-front_page_menu_tab{ float:left; margin-right:13px; margin-bottom: 20px; position:relative;} .active-cat{ height:139px; position:absolute; top:0; width:155px; z-index:99999;} .active-cat a{ height:139px; display:block; width:155px; } .active-cat:hover, .active-cat:active, .active-cat:focus{ background: url(../images/active-cat.png) bottom right no-repeat;} .cat-hd a:hover,.cat-hd a:active,.cat-hd a:focus { color: #FFFFFF; background: #9c95df; text-decoration: none; padding: 3px;} .cat-hd{ text-align: center; font-size:10px; letter-spacing:0.8px; margin-top: 5px; } Что делает сейчас: 1) При наведение на текст, текст меняет стиль 2) При наведении на картинк…

    Asked by topos, October 31, 2010

    0 votes
    9 answers
19. Как лучше сделать фон или блок в целом

    Верстаю этот шаблон, подскажите как лучше сверстать блок, там где комп в хедере, пугает что там есть блик над текстом и что фон на два цвета заполняется, может сделать два блока? .jpg макета .psd можно скачать там со страницы шаблона на сайте Ну как-то так.. надеюсь вы меня поняли Вот я кое что нарисовал как примерно размечать, только как блик туда запихнуть? а кто-нибудь может сверстать эту часть если не сложно, а я посмотрю, ну а если нет то хоть дайте совет как лучше сделать здесь разметку и css

    Asked by Bava, February 24, 2016

    0 votes
    13 answers
20. как лучше создать таблицу и связать строки с дивом

    У меня получается очень широкая таблица. Более 20 столбцов. Пришла идея в голову такая.. А что если сделать основные данные таблицей, а статистику (цифры), можно будет переключать табами. Таким образом на экране будет отображаться "Фиксированые данные с таблицы" + "информация с конкретного таба". Прикол заключается в том, что при выборе чекбокса - должны вся строка выделяться. Подскажите может знаете как сделать, или альтернативный вариант посоветуйте. Ниже визуальный вариант:

    Asked by myav4ik, February 11, 2016

    • верстка
    • таблица
    • табы
    0 votes
    3 answers
21. Как лучше сохранить веб-страницу на локальном диске?

    Народ появилась такая задача, сохранить веб страницу на локалке. НО мне нужно сохранить это не в html формате а лучше как то либо pdf либо картинкой либо еще как, вот пока склоняюсь к pdf ибо если сайт вертикально высокий то не склеивать же каждый скриншот в фотошопе - муторная работа, то есть мне нужно сохранить страницу без возможности ее в дальнейшем редактировать (поэтому варианты типа сохранить в формате Word просьба не предлагать), например для сохранения туторов. Нужен какой то автоматизированный способ, как вы это делаете?

    Asked by TonKhaO, December 4, 2009

    0 votes
    10 answers
22. Как лучше сравнить сверстанную страницу с макетом?

    Друзья, как проще всего сравнить сверстанную страницу и исходный psd ? Искал инфу, но все, что нашел это внедрение скриншота страницы верхним слоем в макет. Как-то муторно имхо. Проще способов нет? Читал также про прозрачные окна на Ubuntu и Win7. У меня Win 10? а там вроде бы прозрачность окон отменили.

    Asked by NubyNub, January 22, 2016

    • psd
    • макет
    • контроль
    0 votes
    2 answers
23. Как лучше такое сделать ?

    Как лучше такое сделать ? http://pixs.ru/showimage/zonyahomej_9383218_16512686.jpg

    Asked by Shenia132, March 17, 2015

    • верстка
    0 votes
    4 answers
24. Как масштабировать изображение при изменении окна браузера

    При верстке адаптивного шаблона возник вопрос, как масштабировать изображение при изменении окна браузера? Сколько не пробовала - никак не получается. Вот код: <ul> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.jpg[/url]" alt="" height="[url=""]111[/url]" width="[url=""]111[/url]"> </a> </li> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.…

    Asked by Mila, February 21, 2013

    0 votes
    8 answers
25. Как масштабировать сайт, если масштабирование в ОС отключено?

    Один товарищ нашел 5k монитор. Разрешение на коем огого, при этом масштабирование интерфейса в Windows отключено. Как принудительно масштабировать сайт, если масштабирование интерфейса в ОС отключено?

    Asked by VasyOK{!}, September 24, 2017

    0 votes
    10 answers