Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Drag and drop на чистом css

    Узнал про новое свойство -webkit-user-drag, то, что с помощью него можно перетаскивать элементы и решил попробовать, но почему не перетаскивается? https://jsfiddle.net/d4kgzac1/

    Asked by DivMan,

    0 votes
    1 answer

  2. адрес иконок

    Добрый день. Подскажите, как узнать где на сайте http://camafon.ru/ хранятся эти иконки https://yadi.sk/i/HZUAU0R73E7cp4 ?

    Asked by fowl,

    0 votes
    3 answers

  3. конвертер из html в pdf

    посоветуйте пожалуйста конвертер из html в pdf. бесплатные онлайн-сервисы очень плохо конвертируют. а платные оставляют водяные знаки

    Asked by cyklop77,

    0 votes
    0 answers

  4. Заднее изображение, hover и filter

    Всем доброго времени суток. Хотел бы узнать, как иконки, которые находятся на картинке, при наведение сделать оригинальными, без наложений других эффектов на них. Прилагаю код на первого блока. <div class="project-block project-block_1"><div class="project-block__img"> <div class="project-block__img_link"> <a href="#"></a> </div> <div class="project-block__img_lupa"> <a href="#"></a> </div> <img src="img/projects/photo1.jpg" alt=""> </div> <div class="project-block__descr_block"> <h1 class="project-block_title">Claritas Etiam Processus…

    Asked by deafnvoy,

    0 votes
    5 answers

  5. Верстка некорректно отображается в IE11

    Сверстал сайдбар с кастомным скроллом, подключил библиотеку для этих целей. Все работает нормально. Но когда проверяешь на browserStack на IE 11, то верстка ломается: Примечательно что когда отключаю эту библиотеку с кастомным скроллом, то на IE все становиться нормально, а когда она подключена вот такая вот ерунда получается. Да, библиотека оборачивает блоки своими блоками, я это учел и прописал свойства наподобие этих: .sidebar__wrapper .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { display: flex; flex-direction: column; min-height: 100vh; } И еще интересный момент: у меня на компьютере тоже есть IE11, но на моем IE11 все отображается нор…

    Asked by yaparoff,

    0 votes
    0 answers

  6. Каритнка вместо бордера

    Как реализовать?

    Asked by Zuma,

    0 votes
    3 answers

  7. как отменить выполнение листа стилей

    Здравствуйте ! Помогите решить следующую проблему: Сначала о том что имеется, затем чего именно хочу. Есть лист стилей в котором прописаны различные свойства, также для картинок прописал img { margin-right:10px; margin-bottom:5px;}. Есть меню ( навигация на js ) в котором есть картинки. Меню подключаю с помощью <?php include(".../... .php")?> Меню выглядит так после выполнения img { margin-right:10px; margin-bottom:5px;} выглядит так Теперь чего хочу: Непосредственно перед выводом картинок которые есть в меню, нужно отключить выполнение отступов которые прописаны в листе стилей. После того как меню будет выгружено, необходимо опять разрешить выполнение отступов …

    Asked by Sergey46000,

    0 votes
    1 answer

  8. сверстать вот такой оторванный край

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

    Asked by ssbby,

    0 votes
    3 answers

  9. Картинки с фоном на весь div

    На некоторых сайтах видел такую штуку! Есть див с контентом, в контенте текст и картинки. Та квот картинки размеров самых разных, но идут все столбиком. и чтобы было красиво у каждой есть рамки по бокам, при чем эти рамки идут ровно до краев div`а с контентом. Соответственно выглядят картинки при таком подходе аккуратнее. Вопрос как сделать такие рамки? Есть один очевидный способ. каждую картинку в див с width 100% и картинки в этих дивах выравнивать по центру. Но хотелось бы конкретно поработать со стилями самих картинок, так как они добавляются через админку. Спасибо!

    Asked by mokus,

    0 votes
    1 answer

  10. Резиновый сайт на div'ах

    У меня такой макет: Вот код, который я набрал: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>...</title> <style> body { margin: 0px; } #container { display: inline-block; } #wrap { display: inline-block; margin: 10px; padding: 5px; background: yellow; } #header { height: 50px; background: green; } #content { float: left; min-width: 200px; background: orange; } #right { float: left; background: #a5a530; } </style> </head> <body> <div id="container"> <div id="wrap"> <div id="header">Header</d…

    Asked by Webscripter,

    0 votes
    1 answer

  11. Кто-нибудь сталкивался?

    Скажите, пожалуйста, кто-нибудь встречал такое? В Mozille не работает задание ширины ячейки таблицы (т.е. тегу td). Ни через CSS, ни через HTML! Я просто не верю своим глазам. Не работает даже такое: <table> <tr> <td width="200">Отображает</td> <td width="250">по тексту</td> </tr> </table>

    Asked by v.asya,

    0 votes
    8 answers

  12. Помогите построить небольшой макет дивами

    Привет есть небольшой код <div id="body"> <div id="leftcol"> <div id="leftsidea"></div> <div id="leftsideb"></div> <div id="leftsidec"></div> </div> <div id="bodycenter"> text </div> <div id="rightside"></div> </div> и css #leftcol{ width:145px; float:left; height:100%; } #body{ text-align: center; width:1300px; float:left; } #leftsidea{ text-align: left; width:145px; background-image: url('../images/leftside.png'); background-repeat: repeat-y; float:left; } #leftsideb{ text-align: left; width:145px; height:34px; background-image: url('../images/le…

    Asked by freesoul,

    0 votes
    12 answers

  13. Нужен совет в позиционировани элементов

    Нуждаюсь в советах как правильно (неимение ошибочно ) выполнить следующую задачу. Нужно отпозиционировать изображения и flash-анимации, так как они расположены на прикрепленном изображении. Полосы прокрутки нежелательны, очень не желательны. Почти все элементы являются ссылками меню (примеры: книжная полка - библиотека; рамка с фотографией - фотогалерея), есть флеш анимации с скриптом (гитара - музыкальное сопровождение вкл/выкл.; часы - "рабочий" маятник, показывают реальное время). При наведении на элемент\ссылку должна выпрыгиватьназвание\подсказка меню. Очень нуждаюсь в вашей помощи.

    Asked by Slava,

    0 votes
    5 answers

  14. реализация полупрозрачной полосы на две-колонки

    Здравствуйте! нужно корректно сверстать полупрозрачную полосу, все хорошо можно было бы решить z-индексом, проблема в том что правая половина находится под этой полосой, левая с текстом над ней. решил разбить полосу на две части и попробовать используя {background: rgba( 184, 58, 237, 0.7);} справиться с этой задачей. но при разных размерах экрана полосы "плывут" относительно друг друга. абсолютное позиционирование превращает текст в левой части в кашу. Подскажите как справиться с этой задачей не разбивая эту полосу на две части?

    Asked by murik_aka_4up,

    0 votes
    18 answers

  15. Наследование div при верстке

    Здравствуйте. Раньше работала на таблицах, теперь вот делаю первый дизайн на div'ах. Умелец из меня выходит спорный, так что сразу прошу тапками не кидаться. Проблема такая: само содержимое сайта занимает не весь экран, а 95% ширины. На заднем плане - фон, он прописан для body. Само же содержимое - хэдер, две колонки и футер должно оказаться внутри некого контейнера с белым фоном. Хэдер послушно наследует все свойства родительского div'a. А вот все, что находится ниже - словно само по себе. Вот код: И CSS (где-то здесь, наверняка, проблема и скрывается): Уже перепробовала все, что нашла в интернете, экспериментировала всеми способами, результата нет. Очень надеюсь на в…

    Asked by Stihiya,

    0 votes
    7 answers

  16. Изменение размера логотипа в background: url()

    Доброго времени суток! Цель, вставить логотип следующим способом: <header><div id=logo></div></header> header #logo { background: url(../img/logo.gif) no-repeat; height: 150px; width: 150px; } Теперь о проблемке. Оригинальный размер изображения 300x300. Нужно вывести 150x150 (масштабирование). Подскажите, как это сделать, не редактируя само изображение?

    Asked by SimbaRu,

    0 votes
    4 answers

  17. Проблема с банером

    Добрый день. Проблема такая: я добавил рекламный блок на свой сайт, но он при изменении размера браузера он начинает наезжать на другие объекты. Банер заключён в тег <p> <p style="bottom: 100px; right: 1300px; top: 100px; left: 10px; position: absolute; padding: 10px; clear: both;"> Как исправить?

    Asked by simonit,

    0 votes
    3 answers

  18. Помогите с настройкой виджета на странице

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

    Asked by dmutro_962,

    0 votes
    0 answers

  19. Нужна совет, помощь по отладке скрипта

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

    Asked by lev99,

    0 votes
    9 answers

  20. Подключаемый шрифт IE

    Здравствуйте, не получается подключить шрифт для IE < 9, ссылка на страницу , ссылка на css Делал по примеру статьи на хтмлбуке , а именно: @font-face { font-family: Pompadur; /* Гарнитура шрифта */ src: url(fonts/pompadur.eot); /* Для IE5-8 */ src: local(pompadur), url(fonts/pompadur.ttf); /* Для остальных браузеров */ }Так же пробовал подключать таким форматом: src: url('myfont-webfont.eot?') format('eot')но не получилось. В чем может быть проблема?

    Asked by Temiks,

    0 votes
    1 answer

  21. Поля формы разъезжаются при изменении размера экрана

    Здравствуйте. Делал лендинг на bootsrap , вроде все нормально, но одна форма разъезжается при изменении размера окна браузера. Как сделать ,чтобы поле для телефона и кнопка заказать была всегда друг под другом? Речь идет о форме ,где написано: "Оставьте заявку на увеличение продаж. Наш менеджер свяжется с Вами уже через 6 минут." Сайт : http://kobra_watch.apishops.ru/

    Asked by ishurgaya,

    0 votes
    5 answers

  22. Проблема с z-index

    Подскажите пожалуйста, я поместил на сайт слайдер, но он получается при пролистывании страницы выше чем меню. Если в классе slider написать z-index: -1, то тогда все становится как надо, но только пункты для пролистывания в слайдере перестают работать. Можно ли как то исправить по другому? http://sms.velvetby.com/

    Asked by oleg126,

    0 votes
    1 answer

  23. HTML Validation и амперсандты в ссылках

    Делаю сайт на HTML 4.01 Transitional. В документе есть ссылки с амперсандами: <a href="/index.php?a=1&b=2"> Валидотор ругается на эти амперсанды. Как быть? Это не дело валидотора смотреть строку ссылок. Это совсема не HTML! Хочется чтобы сайт был по всем правилам, а эти ссылки все портят. Можно что-нибудь сделать?

    Asked by hoho,

    0 votes
    2 answers

  24. Версия для печати

    Подскажите, пожалуйста, люди добрые, никак не могу додумать, откуда берется эта абракадабра в ие 7, в остальных норм( Если смотреть страницу в предварительном просмотре: http://lcd-media.by/business-center/printme заранее спасибо!

    Asked by Rootical,

    0 votes
    1 answer

  25. Растягивающийся на всю высоту родителя. Реально ли?

    Привет Всем Вот, как обычно, сижу верстаю - и тут встречается такая проблемка: нужно, чтобы ДИВЫ занимали всю высоту их РОДИТЕЛЯ. Ну или схожая ситуация - чтобы ДИВЫ были равны по высоте самому высокому(длинному) ДИВУ в РОДИТЕЛЕ (В общем-то ситуация одна и та же). Перепробовал кучу приёмов - безрезультатно... Вот код: <!DOCTYPE html> <html> <head> <style> body{ background:#e4e4e4; } .wrapper{ width:700px; background:silver; border:4px dashed gray; margin:0 auto; overflow:hidden; } .left, .right{ float:left; width:40%; margin:10px; background:#eee; padding:10px; } .right{ width:200px; border:2px solid red; } …

    Asked by PanSoul,

    0 votes
    2 answers
×
×
  • 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

  I accept