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. Кнопки меню под логотипом картинками

    Всем привет. Требуется сделать кнопки меню под логотипом в виде картинок, под кнопками фоном должна проходить некая полоса (не однотонная, градиент) на всю ширину экрана, примерно так: Подскажите, как примерно это можно реализовать?

    Asked by vkapas,

    0 votes
    7 answers

  2. Помогите найти ошибку в горизонтальном меню

    Здравствуйте! Помогите пожалуйста найти ошибку. Я первый раз пробую блочную вёрстку (учусь) и столкнулась с такой вот неприятностью. Меню не располагается по всей ширине блока, а уезжает куда-то вправо и упорно все манипуляции происходят там, т.е. когда меняю отступы и прочее, влево вообще не двигается. Вот часть html: <div id="header"> <div id="logo"><a href="/"><img src="img/logo.png" class="iePNG" alt="Зелёный сайт" width="248" height="235"/></a></div> <div id="logo2"><img src="img/logo.png" class="iePNG" alt="Зелёный сайт" width="248" height="235"/></div> <div id="gor-menu"> <ul> <li><a href="…

    Asked by Aurika,

    0 votes
    11 answers

  3. Меню для адаптивной верстки

    Добрый вечер, Разрабатываю сайт, одним из основных требований к которому есть адаптивная верстка. Все довольно просто, но есть проблема - на определенной ширине дисплея нужно превращать меню в кастомизированый dropdown. Напрашивается подключение плагина и мониторинг текущей ширины дисплея через js, но кажется, что это решение "с душком". Подскажите, возможно ли реализовать это более "чисто", и если да, то как? Вот меню, над которым оперирую. С уважением, Михась

    Asked by Akademik,

    0 votes
    1 answer

  4. Проверка данных HTML5 формы без JS

    Интересует такой вопрос. Про параметр required в HTML 5 думаю знают многие <input required>. Если не прописать значение, то браузер при попытке отправки формы предложит-таки его заполнить. Но вот возможно ли прописать в HTML5 в форме таким образом, чтобы в группе чекбоксов, требовалось бы выбрать хотя бы один? Или без JS такое невозможно? Если прописать атрибут required в каждом чекбоксе, то браузер не успокоится пока не будут проставлены галочки на всех этих чекбоксах, то есть для меня это не катит Есть ли такая возможность или в HTML5 этого сделать невозможно?

    Asked by Аль-мухандис,

    0 votes
    1 answer

  5. Не работает Transition

    Не работает плавный переход, в чем проблема? .works { display: flex; flex-wrap: wrap; } .works__item { width: 25%; height: 350px; position: relative; overflow: hidden; } .works__item:hover .works__content { opacity: 1; } .works__photo { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate3d(-50%, -50%, 0); } .works__content { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; background-color: rgba(232, 69, 69, .9); opacity: 0; text-align: center; po…

    Asked by sanya003190,

    0 votes
    1 answer

  6. Помогите понять, откуда отступ под IMG?

    Всем доброго времени суток. Имею такой html код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Откуда ноги ратсут?</title> <style type="text/css"> .image_div { padding:0; margin:0; background-color: #AAA; float:left; } img { margin:0; padding:0; } </style> </head> <body> <div class="image_div"> <img src="image1_0.jpg"/> </div> </body> </html> B что в Опере, что в IE под картинкой появляется полоса цвета #AAA высотой около 4 пикселей. Что э…

    Asked by WhiteWind,

    0 votes
    6 answers

  7. Чередование цвета

    Как сделать чередование цветов в таблице? Если можно подробней?

    Asked by angelShlesser,

    0 votes
    1 answer

  8. прошу помощи в оформлении

    парни, . в IE нормально 500px, а в firefox вылезает. шо делать? html://face00.narod.ru я имею в виду меню face000.narod.ru

    Asked by face2005,

    0 votes
    2 answers

  9. Позиционирование в контейнере

    Приветствую, уважаемые! Есть несколько вложенных дивов, схематично выглядит так: <body> ... <div class="content"> <div class="sub_xontent"> <div style="float:right; width: 200px;">; ... </div> <div style="margin-right: 200px;"> ... </div> </div> </div> </body> у контейнеров оверфлоу:хидден и есть свои маргины и паддинги... проблема в следующем, блок, который флоэт райт выходит за границу своего контейнера и правый край получается слегка обрезанным... из-за чего такое может происходить?

    Asked by AKyHuH,

    0 votes
    4 answers

  10. Разное отображение margin-left в разных браузерах.

    Есть сайт: http://titanic-in-color.com/english/decks_one/boat.php Там на чертеже есть зеленые точки (не те, от которых идет "свет"), margin'ы которых заданы. Однако они по разному отображаются в браузерах. В IE8 и Opera - одинакого (правильно) а в Chrome и Fire Fox - не правильно. Как это предотвратить? Перепробывал уже все абсолютные и не абсолютные величины.

    Asked by Валериан,

    0 votes
    1 answer

  11. Как правильно делать вложение тега form?

    Нужно вложить одну форму в другую. Не получается, если вкладываю, то внешний не работает. Как правильно это делать? <form> <input> <form> <input> <input> </form> <input> </form>

    Asked by red-nicolas,

    0 votes
    3 answers

  12. Отступ в таблице

    Не получается никак сделать такой же самый отступ от надписи <style type="text/css"> .foto_otstyp{margin:30px;} .verx_otstyp20{margin-top:20px;} .zagolovok_ul2{font-size:26px; font-weight:bold; margin-left:60px; color:#CC0000;} </style> <div class="zagolovok_ul2">Что блог может дать именно Вам?</div> <table> <tr> <td><img class="foto_otstyp" src="../img/3_6.3.jpg" /></td> <td width="100%"> <strong>Если Вы владелец бизнеса,</strong> блог будет для Вас отличной <br /> Интернет-площадкой, которая даст Вам следующие <br /> преимущества: <div class="verx_otstyp20"></div&g…

    Asked by people2010,

    0 votes
    5 answers

  13. Что понимает IE ?

    Есть всплывающее окно на сайте инет магазина,там Java Script , это окошко должно идти по верх всего написаного, НО в IE и толко в нём не работает ((( для Оперы и Хрома я прописал в CSS z-index: 10000; position: relative; и всё нормально) а как в IE прописать?

    Asked by stardel,

    0 votes
    6 answers

  14. Полоса прокрутки

    Здравствуйте. Подскажите, пожалуйста, как убрать полосу прокрутки, чтобы ее вообще не было видно? Попробовал с помощью урока -- не получилось. Вот в Опере есть галочка "Показывать полосы прокрутки", ее можно убрать, и полоса не будет отображаться (скриншот) -- как реализовать это на своем сайте с помощью CSS и/или HTML? Заранее благодарен! —- Задача решена! Всем спасибо!

    Asked by Alter_Ego,

    0 votes
    15 answers

  15. Проблема с выравниванием по центру в InternetExplorer

    Добрый день! Не подскажите в чём причина проблемы и как её решить? В следующем примере страницы контент выравнивается посередине. Но вот почему-то в Internet Explorer контент не выравнивается по центру, а во всех других браузерах всё работает нормально. Выравнивание производится стилем #wrap { .. margin:0 auto; .. } Код: HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link type="text/css" href="css/Blocs.css" rel="Stylesheet" /> </head> <body> <div id="wrap"> <!-- Header --> <div id="header"…

    Asked by pavel_martin,

    0 votes
    4 answers

  16. Проблемы с IE

    Здравствуйте, сверстал дизайн(сразу оговорюсь - я в этом деле не профи) , в адекватных браузерах все нормально отображается, но вот в ie правый блок разваливается на части( подскажите где что можно поправить что бы решить эту проблему. урл сайта - http://test11.16mb.com/

    Asked by greeb,

    0 votes
    7 answers

  17. <form action="..."> или <input formaction="...">

    Здравствуйте. Гугл в очередной раз меня забанил, так что вся надежда на мудрых форумчан(-ов). Смотрю на описания атрибута action тега <form> и атрибута formaction тега <input>. И чувствую, что все ясно, но ничего не понятно. В каких случаях разумно использовать один вариант, а в каких - другой? И почему в HTML 5 <form action="..."> (атрибут) уже не обязателен? А как тогда показать связь формы с обработчиком? С одной стороны, как бы и не сложно даже для одного поля "text" и кнопки "submit" написать тег <form> с action. C другой - оба этих элемента требуют <input type="...">, в который можно там же (для кнопки) сразу вписать и formaction. Но та…

    Asked by Kray Storm,

    0 votes
    5 answers

  18. Вложенность и height

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

    Asked by chubrik,

    0 votes
    4 answers

  19. Как сделать такое?

    Как сверстать такую штуку как на картинке? https://2.downloader.disk.yandex.ru/preview/bb355da3b29f1b14faf0a5b771c05c0f/mpfs/GQ_v0KAbgGFSicJ5IvYx1SuMQJ98KJdfNviSWtAErdtct6q1Q7ycULrlHkrmLsgSlnc0k0gAbTCC3DnDIPb3sA%3D%3D?uid=45017258&filename=2123jpg&disposition=inline&hash=&limit=0&content_type=image%2Fjpeg&size=1003x795 если код приведете будет хорошо, если нет, то хотя бы на словах сказать как можно реализовать

    Asked by kolhoz,

    0 votes
    11 answers

  20. HTML/CSS редактор online

    Добрый день! Вопрос такой. Я делаю первые шаги в HTML/CSS , но я работаю в Chrome OS, а значит для меня недоступны такие вещи как, к примеру, Notepad++ и т.д. Не могли бы Вы порекомендовать редактор HTML/CSS который может работать в облачном режиме или как расширение для браузера GoogleChrome ? Кроме того, мне нужна возможность делать отдельный файл CSS. И как в этом случае можно смотреть, что получилось ? Я так понимаю, что у меня будет возможность проверять результаты только в браузер GoogleChrome, но пока ОК. Я просто хочу научиться работать с кодом разметки и стилей. Спасибо большое за помощь!

    Asked by Shank,

    0 votes
    4 answers

  21. Проблема с firefox с www и без разные стили

    Нормально как и должно быть - http://www.stockvest.ru/ а без www весь контент, дивы, баннеры все в уменьшенном виде - http://stockvest.ru/ Проблема только в firefox(обновлял не помогло), в опере, хром и ei все нормально. Не пойму что за бред. Может это у меня firefox тупит.

    Asked by antosha,

    0 votes
    3 answers

  22. ИЕ кусок екскремента...

    Бобрый день, помогите пожалуйста советом или наглядным примером изза чего может возникать такая вот фигня. суть проблемы: сайт: tm.ua проблема: под топ менюшкой есть тд с текстом "РЕГИСТРАЦИЯ ТОРГОВОЙ МАРКИ (ТОВА..." в Опере и других браузерах отображается корректно, но в ИЕ там появляется белый кусочек и что самое интересное поклацайте пункты меню там в зависимости от станички это растояние еще и менятся... код хтмл: <tr> <td width="40" height="37"> <img src="images/R.gif" width="40" height="37" title="Патентный поверенный - регистрация торговой марки (товарного знака) в Украине"/> </td> <td class="light-gray-header"> <h1>РЕГИСТРАЦ…

    Asked by vivi.ubunifu,

    0 votes
    5 answers

  23. Главенство одного стиля над другим

    Пожалуйста помогите. имею такой код a { тут стиль} a:hover {тут стиль} block a {тут стиль} block a:hover {тут стиль} Так вот, в <div class=block> выводится ссылка. по цвету и шрифту она совпадает со стилями описаными block a и block a:hover. НО text-decoration этой уловке не поддается. т.е text-decoration заимствуется от основных стилей а не от тех что я описал для класса block. что делать. помогите

    Asked by KoDDy,

    0 votes
    7 answers

  24. отцентрировать сайт

    Верстаю свой первый сайт и возникла проблема, сайт загружается не по центру. Ширина сайта - width: 1680px, загружается область левого верхнего угла. зы. margin: 0 auto; куда только не лепил, не помогло))) Помогите разобраться плз.

    Asked by mishutko,

    0 votes
    8 answers

  25. Хранение контента.

    Здравствуйте! Так как я новичок в создании сайта интересует следующее. Допустим создал я сайт наполнил его контентом. Вопрос - где его лучше хранить? Ведь если хранить все файлы на своем компьютере и вдруг что-нибудь произойдет к примеру вирус или сдох носитель информации то соответственно возникнут проблемы. Существует ли какой-нибудь ресурс "подстраховки" где можно хранить всё что связанно с сайтом?

    Asked by Didorri,

    0 votes
    8 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