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. Автоматическая нумерация строк

    Как всем известно, для добавления номеров строк используются теги OL и LI. Придумал, как обойтись без этих тегов с помощью counter и content и сделал занятный пример. <!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"> div.example { counter-reset: item; /* Обнуляем счетчик списка */ background: #f0f0f0; /* Цвет фона */ border: 1px solid #333; /* Параметры рамки */ } div.example p { margin: 0; /* Обнуляем отступы */ } div.example p:before { conte…

    Asked by Vlad,

    0 votes
    7 answers

  2. не работает page-break-before

    в FF и Safari создал класс .p { page-break-before: always; } соттветственно прописал его на страницах, где надо разбивать страницы, почему так?

    Asked by sc@r@bey,

    0 votes
    11 answers

  3. Картинка по центру по верх всего остального

    Картинка по центру по верх всего остального. Как сделать. Пробовал позиционированием, но по центру не ровняется. Выравнивания float тоже не помогли. НАдо, чтобы картинка была независима от всего и отображалась поверх всего остального и была прижата к верху.

    Asked by Yury50,

    0 votes
    10 answers

  4. Не работает autoplay

    Здравствуйте , обясните пожалуйста почему не работает autoplay, видео само не воспроизводиться при загрузке страницы , вот код <!DOCTYPE html> <html> <head> <title>HTML5: добавление видео на страницу</title> </head> <body> <video src="C:\Users\Арсений\Desktop\Картинки и Видео\лес.mp4" poster="C:\Users\Арсений\Desktop\Картинки и Видео\лес.png" width="400" height="300" autoplay preload controls loop> <p>лес после дождя</p> </video> </body> </html> Пробовал писать autoplay="autoplay" все равно не работает

    Asked by Mextrive,

    0 votes
    1 answer

  5. Помогите плз. с менюшкой ...

    Помогите с менюшкой, работает в Мазиле, Опере, IE7 а в IE6 нехочет, в IE6 раскрывается только первый пункт, а всеостальные нет ... Вот: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <script type="text/javascript"> jsHover = function() { var hEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0, len=hEls.length; i<len; i++) { hEls[i].onmouseover=function() { this…

    Asked by Demis,

    0 votes
    15 answers

  6. Проблема: отображение шрифта в сафари

    Здравствуйте! Столкнулся с проблемой, Во всех браузерах смотрится подключенный шрифт нормально, а в сафари (мак) вот так Свойства :hover которые меняют шрифт нет. В чем может быть дело, поделитесь, пожалуйста. upd: шрифт подключен через гугл, обычный open sans...

    Asked by Нарек,

    0 votes
    17 answers

  7. про hover

    Слева то что должно быть, справа то что есть. Разница состоит в двух вещах. Первая: когда я навожу курсор на подпункт меню, исчезает стиль с того пункта откуда оно выпало, как сделать чтобы не исчезало??? (я использую тег hover) Второе: Как сделать borded на самом нижнем пункте меню. Если я пишу border-bottom: solid 1px #ccc то под каждым подпунктом появляется border, а мне он нужен только на последнем. p.s. использую CSS Для меню в Joomla. Пример CSS можно найти тут. http://de.siteof.de/extended-menu-templates.html (son-of-suckerfish) Если кто-то реально подскажет, что делать, буду очень признателен!

    Asked by GooDMeister,

    0 votes
    12 answers

  8. Ошибка 403 Access forbidden!

    Всем привет, буду краток делаю сайт на openserver. Нужно было в хедер вывести логотип сайта. Воспользовался <img> при загрузке сайта картинка не выводится, вместо нее только содержание alt, когда смотрю в код элемента, там где ошибки написано не удалось загрузить изображение (Ошибка 403 Access forbidden!) позже выяснилось что вообще любые картинки не показываются из за этой ошибки при переходе по ссылке на изображение: права на папки не менял, поскольку в windows не знаю как, да и нельзя вроде как Сайт на dle и в других шаблонах все картинки выводятся, но в моём нет. В чем может быть дело?

    Asked by Mewow,

    0 votes
    2 answers

  9. Как реализовать кнопку mute?

    Как реализовать кнопку mute? добавил фоновый звук на страницу <embed src="http://www.podst.r/user_files/2/3800/snow_wind_128.MP3" hidden="true"></embed>хочу сделать отдельную кнопку для включение выключение звука на странице.. для вместо <button> использую обычный рисунок (с hover в стиле), а вот как задать команду для остановки аудио не знаю.. Уважаемые форумчане, помогите нубу

    Asked by jjhollywood37,

    0 votes
    9 answers

  10. Белый экран вместо сайта. Локальный сервер opensrever

    Здравствуйте, помогите разобраться, пожалуйста. Есть сайт на wordpress. Тестировала на openserver все было хорошо, потом что-то произошло, сама не имею понятия что и теперь, когда открываю сайт в браузере вижу только полностью белый экран. Три дня не могу ничего сделать. Где может быть проблема? Прошу объяснять по слогам, простым языком))

    Asked by eleonore,

    0 votes
    14 answers

  11. Как вставить видео в html

    В общем есть видео есть сайт на html. Как можно вставить видео на сайт ?? В формате .avi Ютуб и т.д. не катят по своим причинам... Пробовал тегом <emded> отображается только в IE. А в других браузерах нужно установить какой то плагин. А какой - хз ...

    Asked by Frestayler,

    0 votes
    2 answers

  12. Вертикальное выравнивание декста в div

    Помогите новичку с вертикальным выравниванием .. Создаем div,задаем ему ширину и высоту, ставим фон, помещаем в этот див текст. Текст прилипает книзу и никакими valign или vertical-align центроваться не хочет. Например HTML <div id="catalog" > <div id="uslugi">Услуги</div> <div id="price"><Стоимость</div> <div id="contacts">Контакты</div> </div> CSS #catalog{ position:relative; left: 241px; color: #718447; top: 33px; font-size: 19px; font-weight: normal; text-align:center; } #uslugi{ width:221px; height:46px; background-image:url(header_front-1.jpg); float:left; } #p…

    Asked by veromi,

    0 votes
    9 answers

  13. hover моргает

    Коллеги, здравствуйте! Столкнулся с такой проблемой. Есть <input type="button">. У кнопки есть background и background:hover. При наведении background заменяется на background:hover, но так как изображения hover нет в кеше, в момент замены кнопку дёргает. Сразу оговорюсь, что применение спрайтов недопустимо. Если кто-нибудь знает решение, просьба поделиться. Заранее спасибо за помощь. Примечание: была идея прятать картинки, но в таком случае в кеш они не добавляются.

    Asked by Barsam,

    0 votes
    6 answers

  14. Не открывается модальное окно в IE

    html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; } .modalDialog > div { width: 700px; position: relative; margin:…

    Asked by xoff,

    0 votes
    14 answers

  15. Меню с прокруткой

    На главной странице этого сайта есть своего рода меню "Теги HTML", "Свойства CSS". Организованы в окнах с прокруткой. Как такие вещи делаются? Подскажите в каком направлении двигаться плиз...

    Asked by vak,

    0 votes
    11 answers

  16. Семантическая верстка хедера

    День добрый форумчане. Сейчас пытаюсь семантически грамотно сверстать хедер страницы, содержащий название фирмы и ее контакты. Что я подразумеваю по "семантически грамотно"? Разметка должна быть логичной, все элементы html должны использоваться по назначению, следственно не должно быть таблиц. Контакты оформлены микроформатом hCard. Но это пока что не обязательно. Название фирмы в тег h1. Логически правильно весь хедер оформить в тег div. А отдельные его части, если потребуется в span. Всё представление должно быть вынесено из html во внешний css файл. В html должна остаться только структура данных и сами данные. Итак, имеем мы следующее: html: <div id="header"> …

    Asked by happyproff,

    0 votes
    12 answers

  17. Вертикальное центрирование блочных эелементов

    приветствую собственно, столкнулся с проблемой вертикального центрирования картинок внутри блока, в случае вёрстки элементарной галереи. В общем, дабы не быть голословным, сразу покажу, что я именно имею ввиду: На этом изображении, на части Рис. 2 образно приведено то, что должно получиться в этоге, на Рис. 1 - то, что получается, когда я пытаюсь сверстать этот участок всеми мне известными способами) Здесь Подкладка - это блок, возможно с неким бэкграундом, Картинки - собственно картинки в неких других инлайн или блочных элементах. Рис. 2, показыват, как мне нужно сверстать эту часть - блоки подкладки одинаковой ширины и высоты с равными отступами расположены на части га…

    Asked by alexshvarts,

    0 votes
    14 answers

  18. Опера

    Помогите решить ошибку оперы!!!!Стиль сайта сделан на картинках в опере открываеться как попало как будто стоит фукция случайного вывода картинок!!!Что делать!!!!!Сайт написан с помощью языка PHP!!Заранее блогадарю Кирилл

    Asked by kiry,

    0 votes
    12 answers

  19. какой DOCTYPE нужен

    Все привет! вот для примера составил простой html - таблица и div под ней. хочу чтобы ширина таблицы и div были одинаковая. но ie 7.0 рисует таблицу шириной меньше, чем div. поизучал вопрос - это все зависит от doctype, но вот какой ставить нужно чтобы ширина обоих объектов была одинаковая ? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> </head> <body > <table style="width:100%;border:solid 1px red;"> <tr> <td>123</td> </tr> </table> <div style="width:100%;borde…

    Asked by monstrU,

    0 votes
    28 answers

  20. Верстаю бесплатно для портфолио

    Добрый день! Начинающий верстальщик выполнит верстку сайта низкой и средней сложности (фиксированный, резиновый и адаптивный дизайн) за отзыв и для портфолио. Валидность, кроссбраузерность IE9+ (если очень надо то IE8+); JavaScript, jQuery - начинающий, срок по договоренности. Примеры https://yadi.sk/d/UiqsrcUCa3JsB, https://yadi.sk/d/a2slFikwaSxLx Заранее большое спасибо!

    Asked by grafvonfabercastel,

    0 votes
    24 answers

  21. Зачем нужен position:relative ?

    Подскажите, зачем нужен position:relative? Мануал читал, но на практике зачем оно нужно так и не понял.

    Asked by Andrey44,

    0 votes
    7 answers

  22. настройка проекта Bootstrap + Sass + Koala

    До сих пор верстал только с чистым css. хочу начать изучение Sass + Bootstrap (который ранее тоже не использовал) Никак не могу найти описания как правильно настроить рабочую среду без использования Ruby/Gulp/Bower, а с понятным Koala GUI. Где какие файлы размещать и какие файлы можно править в исходниках Бутстрапа, или нельзя никакие и нужно создать свои файлы, которые будут переписывать переменные Бутстрапа?

    Asked by vip,

    0 votes
    8 answers

  23. Правильная верстка горизонтального меню

    Всем добрый вечер Верстая макет, я обнаружил неприятную вещь (очередной раз) - при масштабировании страницы (точнее - при максимальном уменьшении) горизонтальное меню "разваливается". Последние элементы списка как-бы не влезают в шапку, и переносятся на следующую строку. Менюшка самая обычная - есть фон, определенная высота меню (скажем, 30 пикселей). Я верстал как попало - марджины и паддинги в самих элементах списка, или в ссылках, короче говоря не задумываясь о целесообразности такой верстки, а лишь постоянно обновляя страницу и смотря внешний вид меню. Не буду голословным 1. Менюшка, которую я хочу сверстать 2. Она же при масштабировании 3. Моя верстка 4. Моя в…

    Asked by Devil_John,

    0 votes
    21 answers

  24. Резина не резинит

    Имеется левый, центровой, правый блок. Все эти 3 блока в одном большом блоке, В общем банальная картина. Центровому блоку поставлена резиновая ширина, но при уменьшении от максимума, переносится вниз правый блок, а центровый не резинится вообще. Какие есть варианты? css: Левый: width:200px; float:left; Центр: max-width: 564px; min-width:400px; float:left; Правый: width:200px; float:right; Большой max-width:1084px; min-width:984px; margin:0px auto;

    Asked by Ritter,

    0 votes
    30 answers

  25. Как вставить фрагмент чужого сайта на свой?

    Попытался сделать это с помощью iframe, но в этом случае не получается регулировать высоту подгружаемой страницы, т.е. она получается не динамическая, и не зависит от высоты подгружаемого фрагмента: <IFRAME SRC="http://www.ya.ru" frameborder="0" height="3000" width="100%" scrolling="no"><br> </IFRAME> Попытался вставлять через пхп типа: <? include("http://www.ya.ru"); ?> или <? $str = file_get_contents( 'http://www.ya.ru' ); echo $str; ?> Если делать через пхп - то пользователь при нажатии ссылки в подгружаемой странице переходит на нее и видит чужой урл. Задача стоит загружать сайт партнера, но не показывать его урл. Помогите пожалуйста раз…

    Asked by Semreg,

    0 votes
    1 answer
×
×
  • 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