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

29,542 questions in this forum

  1. box-shadow и border-radius

    Почему сервис проверки CSS от W3C выдает ошибки по css 3: box-shadow: 0 0 5px black; box-shadow: 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; Возможно потому что не поддерживается IE?

    Asked by Chernivtsi,

    0 votes
    8 answers

  2. Смещение таблицы в центр

    <table align="center" border="1" cellspacing="0" width="900" height="60"> <tr> <td> </td> </tr> </table> <div style="clear: both;"></div> <table style=" float: left;" align="center" border="1" cellspacing="0" width="200" height="200"> <tr> <td> Меню<br> Меню2<br> Меню 3 </td> </tr> </table> <table style="display: inline-table;" align="center" border="1" cellspacing="0" width="500" height="800"> <tr> <td> </td> </tr> </table> Как сместить 2 нижние таблицы по центру

    Asked by skoch244,

    0 votes
    4 answers

  3. Проблема @font-face

    Подключаю два шрифта к своему сайту с помощью: @font-face { font-family: 'a_bodoninovabrkbold'; src: url('../fonts/a_bodoninovabrk_bold-webfont.eot'); src: url('../fonts/a_bodoninovabrk_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/a_bodoninovabrk_bold-webfont.woff') format('woff'), url('../fonts/a_bodoninovabrk_bold-webfont.ttf') format('truetype'), url('../fonts/a_bodoninovabrk_bold-webfont.svg#a_bodoninovabrkbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'a_machinaortoshtregular'; src: url('../fonts/a_machinaortosht_regular-webfont.eot'); src: url('../fonts/a_…

    Asked by terminotor,

    0 votes
    1 answer

  4. IE и абсолютное позиционирование по нижнему краю

    нужно выровнять элемент относительно нижнего края блока с нефиксированной высотой с FF проблем нет, а IE не выравнивает пока высота явна не задана. пример http://demo.oceanit.ru/karfm/index123.html У слоя 1 высота задана 60px, а у 2 и 3 определяется содержимым. Соответственно элемент "100" в IE выравнивается правильно, а "200" и "300" нет. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css" media="screen"><!-- #main {width:200px; background-color:#e0e0e0; padding:50px;} #box {height:200px; border: 1px solid white;} #box div {position:relative; border: 1p…

    Asked by smoke1,

    0 votes
    1 answer

  5. В IE6 в стилях не работает тег BODY

    Приветствую. Ситуация следующая: Создаю встроеную таблицу стилей, например: <html> <head> <style type="text/css"> <!-- BODY { background-color: #99653e; color: #f0f; } --> </style> </head> <body> текст </body> </html> Вс? прекрасно работает в IE 6, однако стоит вынести таблицу стилей в отдельный файл как тег BODY в IE 6 переста?т работать (все остальные теги работают нормально а вот BODY не работает) в Opera все теги работают нормально. Подскажите, так ли это или я в ч?м то не прав, В ч?м ошибка и как исправить? Вот листинг раздельных html и css: <html> <head> <link rel="stylesheet" type="text/css" hre…

    Asked by Stran,

    0 votes
    4 answers

  6. height для встроенных - IE против Firefox

    Наверняка тема уже поднималась, но я нигде не нашел, как решить. К своему удивлению столкнулся с неожиданной проблемой. Оказывается Лиса и Опера не понимают высоту для встроенных элементов. <a href="#" style="background-color: #3399cc;height:40px;">test</a> ИЕ делает ссылку 40px, Лиса и Опера - игнорируют height. В конечном счете я хотел запихнуть в эту ссылку картинку фоном, но она обрезается. Почему и можно ли это как-то исправить (display:block; помогает, но не подходит)?

    Asked by Cron,

    0 votes
    4 answers

  7. css/html

    Верстаю макетик div'ami, возник вопрос как лучше сделать чёрную вставку? P.s. как её растянуть? см. http://schoolpushkino.msk.ru/1/1.jpg ссылка на сайт http://schoolpushkino.msk.ru/

    Asked by SimpsoneJkee,

    0 votes
    5 answers

  8. блоки в строчку

    Вот собственно код меню CSS: #menu p{margin:0; display:inline;} a.menu{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat;} a.menu:hover{background-position:0 -40px; position: relative; top: 3px;} a.menu_on{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat; background-position:0 -40px;} a.menu_on:hover{position: relative; top: 3px;} a.main{background-image: url(diz/main.jpg);} a.uslugi{background-image: url(diz/uslugi.jpg);} a.zapchasti{background-image: url(diz/zapchasti.jpg);} a.foto{background-image: url(diz/foto.jpg);} a.kontaktu{background-image: url(diz/kontaktu.jpg);} xhtml: <div id=…

    Asked by Kos87,

    0 votes
    8 answers

  9. Scroll только с одной строны.

    Не получается сделать полосу прокрутки с одной строны. Помогите, пожалуйста. Хочу убрать горизонтальную полосу прокрутки. Причем, желательно, что бы она была не "неактивна", а ее вообще не было. Например, такой код: <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru" > <head> <title> НАЗВАНИЕ СТРАНИЦЫ </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv=…

    Asked by SCHNITZER,

    0 votes
    8 answers

  10. Header

    Доброй ночи! Спасибо за удобный, понятный для начинающих мастеров сайт! Удачи Вам и процветания! Обращаюсь к Вам за помощью.))) Пытаюсь сверстать шапку сайта, которая состоит из трех картинок. Сделал все вроде так, но не так.)))) Две картинки стали нормально (слева и по центру), а третья стала справа, но сместилась вниз ровно на ту высоту которая задана в шапке. Код прилагаю. Если можете, помогите разобраться, поделитесь опытом.)))) Заранее спасибо. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta …

    Asked by mazhar,

    0 votes
    8 answers

  11. Форма обратной связи на лэндинг

    Всем привет) Я купил в интернете макет лэндинга, реализованного на html. Т.к я не знаток html, то какие-то основные моменты я подстроил под себя, но остался вопрос, каким образом настроить форму обратной связи на свой e-mail. Привожу код данной формы: <form class="form-inline"><input type="tel" id="tel" name="tel" placeholder="Ваш телефон (мы перезвоним)" class="input-lg"><button type="submit" class="btn btn-primary">Оставить заявку</button></form>Пробовал искать ответ, экспериментировал с mailto, но не получилось добиться работоспособности формы. Помогите пожалуйста: как должен выглядеть код формы, чтобы при нажатии на кнопку, мне на поч…

    Asked by delui,

    0 votes
    8 answers

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

    Сделал валидацию для кнопки через jquery-vaildate. По макету - нужно сделать так, чтобы после нажатии на кнопку, которая отправляет эту форму - закрывался этот popup и открывался следующий с уведомлением о том, что форма отправлена. Подскажите, как это сделать? Все скрины прикрепил ниже. HTML формы: ``` <div id="modal__wrapper"> <div class="modal__overlay" id="modal__overlay"></div> <div class="modal__window"> <a href="#" class="modal__close" id="modal__close"></a> <div class="mo…

    Asked by Dikkey,

    0 votes
    1 answer

  13. Разное отображение стилей в IE 7.0 и FF 3.0.7

    Уважаемые Гуру. Нужен Ваш совет. И так. Есть код CSS body {margin: 0px;} img {border: 0px;} BODY { FONT-SIZE: 11px; COLOR: #075273; FONT-FAMILY: Tahoma, Arial, Helvetica } TD { FONT-SIZE: 11px; FONT-FAMILY: Tahoma, 'Arial Cyr', 'MS Sans Serif' } A { FONT-SIZE: 11px; COLOR: #d7e5ec; TEXT-DECORATION: none} A:active {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:visited {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:hover {FONT-SIZE: 11px; COLOR: #3a92b3; FONT-WEIGHT: normal; TEXT-DECORATION: underline} /* Поле меню */ .menu { padding: 0; margin: 0; font: 8pt/11pt Tahoma, sans-serif; width: 180px;…

    Asked by BadBoy,

    0 votes
    7 answers

  14. Печать html-страницы

    при пред просмотре на печать html-страницы, пропадет фон и цвета, все выставляется в настройках браузера, а есть ли возможность по умолчанию это делать, что бы при печати и фон и цвета было видно?

    Asked by Rukkos,

    0 votes
    5 answers

  15. Как создать форму для Отправления сообщения администрации сайта ?

    Как создать форму для Отправления сообщения администрации сайта ?

    Asked by Alexey197825,

    0 votes
    6 answers

  16. Не выходит подключить скрипт jQuery Scroll To

    Почему то не хочет анимироваться скролл страници, вот коды: <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery.scrollTo-min.js"></script> <script type="text/javascript">*** $('#eek a').click(function(){*** var str=$(this).attr('href');*** $.scrollTo(str,500);*** return false;*** });*** </script> вот ссылка где прикреплён якорь: <h2 id="eek"><p>8.10 Запрещено использование игроков не заявленных на турнир за команду</p></a></h2> вот сайт, клацните на "(Важно! Смотрите пункт 8.10 в правилах)", там должно анимировано перенести на 8.10 пункт, н…

    Asked by eek,

    0 votes
    5 answers

  17. Как сделать часы

    как сделать такие часы? Здесь файлы но часы работают только после обновления страницы: https://yadi.sk/d/EsSIIvpGiYfmn Пытался воссоздать http://jsfiddle.net/enwmps9o/79/

    Asked by lev99,

    0 votes
    10 answers

  18. Фон не размножается до конца, загадка какая то.

    Здесь header это черная и синяя полоска, это как выглядит при разрешение 1000px и более. Все норм. Проблема в том что при сжатии браузера меньше 1000px фон на header перестает размножаться когда появляется колесо прокрутки. Покажу на screen суть проблемы. По логике он должен размножаться до конца, но почему то на скока я понимаю принимает ширину div id=header который находиться внутри header. По логике так быть не должно, да и структура не рушиться проблема только в в фоне. Загадка прям какая то. Кто то сталкивался с такой проблемой? Думаю причина какая то простая, просто опыта не хватает догнать.

    Asked by serg_life,

    0 votes
    15 answers

  19. помогите разобраться с php !!!

    Статический сайт поставили на "движок"php. Делали удал?нно и сейчас, похоже, недоступны. Остались вопросы по управлению - не знаю где посмотреть информацию. Если со статикой вс? элементарно решалось заменой html-кода в определ?нных файлах на ftp-сервере, то здесь хз где что менять.... Сайт работает, панель управления тоже, но нужно кое-что поправить в в?рстке, а куда лезть (где тот самый код) - не понятно. Фрилансер сказал, что вс? просто и похоже со статикой, после чего пропал Подскажите, плиз, как разобраться в ситуации, либо где черпнуть информацию (типа подучиться).

    Asked by NAS 750,

    0 votes
    6 answers

  20. Вертикальное выравнивание рисунка в блоке

    Всем привет! сразу к делу. есть блок, внутри него надо отцентрировать рисунок по вертикали. вроде бы есть решение height:... line-height:... Но не работает в IE 6. Для IE6 нашел нашел на этом форуме решение с пустым <span>, но оказалось что не работает в Google Chrome (а, следовательно в Sofari). Вот кстати рисунок. Итак мне просто нужно чтобы значок RSS был на одной линии с текстом. Никаких таблиц. необходима валидность, совместимость: IE6 и выше, Opera 9 и выше, FF 2 и выше, Google Chrome. Вроде бы на превый взгляд задача оч. проста, но бъюсь уже целый день Доп инфо - высота блока и размеры рисунка известны. Особое требование - при изменении масштаба на один …

    Asked by Punsh,

    0 votes
    2 answers

  21. проблема с 3-мя колонками

    Вроде элементарный код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> html, body { height: 100%; width: 100%; padding:0; margin:0; overflow: hidden; } .left { background: #88f; float:left; width:100px; height:100px; } .center { background: #f88; height:100px; margin: 0 100px; } .right { background: #8f8; float:right; width:100px; height:100px; } </style> </head> <body> <div class="left"></div><div class="center"></div><div class="right"></div> </body> </html>…

    Asked by Searcher,

    0 votes
    3 answers

  22. Всплывающее меню

    У меня вопрос про меню. Помогите, люди добрые. Как это горизонтальное всплывающее меню сделать шестиуровневым? Друг попросил, а я не умею. <HTML> <head> <title>hover</title> <style type="text/css"> UL {width:800px; list-style:none; margin:0; padding:0; font-family:Arial,sans-serif; font-size:10pt;} UL li {position:relative;display:inline-block;} li UL {position:absolute; display:none; top:20; left:0px; z-index:1;} li A {display:block; width:100%; padding:5px; text-decoration:none; color:#666; border:1px solid #ccc; background-color:#f0f0f0; border-bottom: none;} li A:hover {color:#ffe; background-color:#5488a…

    Asked by slava03,

    0 votes
    17 answers

  23. Не работает svg в маке

    хотел написать не работает svg в маке в чем может быть причина? версия safari 7.1.5

    Asked by raptor-dm,

    0 votes
    7 answers

  24. Верстка блока статистики

    Как сверстать эту секцию? Возможно, вы знаете подходящую js библиотеку? Спасибо!

    Asked by Hasiev,

    0 votes
    6 answers

  25. Как бы вы сверстали каркас?

    сайдбары фиксированные. левый сайдбар и контент-блок завёрнуты в один блок. структура колонок <div id="content"> <div id="in"> </div> <div id="sidebar-left"> </div> </div> <div id="sidebar-right"> </div>

    Asked by MehOlOLBuC,

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