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. Выбор на основании конкретного значения + псевдоэлемент

    Как сделать, чтобы у внешней ссылки позади нее, размещенной в теле статьи, был значок в виде изображения (например, как на сайте htmlbook.ru) ? Я хотел было сделать так, но не работает. a[rel=nofollow]:after {content: ""; background-image: url(../images/template/blank.png);} Подскажите изящный вариант :-)

    Asked by Delat,

    0 votes
    3 answers

  2. bottom... с position absolut и relative

    Доброго времени госопда, открыл простой урок по bottom, все очень банально, есть 2 div'a, 1ый является контейнером с фиксированной высотой и шириной 200px, в нем находится еще один div, с позицией relative и bottom суть такова если задаю абсолютное позиционирование (absolute) то как и положенно вложенный div относительно окна браузера делает отступ, если использую relative как-то не правильно работает, не как в уроке написанно, подскажите в чем моя ошибка? HTML <div class="di_img"> <div class="di_img_cont"> </div> </div> CSS .di_img { margin:100px; width:200px; height:200px; background:#F00;} .di_img_cont { background:#0F0; width:50px;…

    Asked by Arhidiablo,

    0 votes
    6 answers

  3. Видео с youtube на статичной странице

    Есть такая проблема: на статичной html странице размещаю несколько видеороликов с youtube (около 10). Естественно, страница ооочень долго грузится. Как бы ускорить загрузку страницы? Может, вместо видеоплеера вставить скриншоты, а по клику на нем появляется всплывающее окно и в нем видео с youtube?

    Asked by dimox,

    0 votes
    7 answers

  4. html5 nav

    Здравствуйте, у меня вот какой вопрос можно ли в html5 тег <nav> писать перед тегом <header>? Примеру так : <!DOCTYPE html> <html> <head> <title></title> </head> <body> <nav></nav> <header></header> </body> </html>

    Asked by asso,

    0 votes
    6 answers

  5. 3 колонки в одном диве

    здравствуйте, часто встречается потребность реализовать три колонки с информацией в одном диве. Например, вывести в подвале последние заметки, контакты, карту и тд. Вопрос собственно в чем, конечно можно сделать все через таблицы. В футер див засунуть таблицу, в ячейки содержимое поставить и установить ширину. Это один вариант. Второй вариант, создать три разных дива с разными отступа и перечислить их в диве футере. Это второй метод Есть ли еще какой нибудь метод без использования бОльшего количества дивов реализовать три колонки в одном? спасибо!

    Asked by devid89,

    0 votes
    5 answers

  6. FancyBox переопределяет вертикальный скролл ?

    Есть такая проблема в последней версии всем известного плагина FancyBox когда модальное-iFrame окно всплывает то оно затрагивает вертикальный скролл страницы, на странице много контента и соответственно вертикальный скролл длинный, при всплытии плагин берет и убирает существующий скролл и заместо него просто резервирует скролл без ползунка, у меня на сайте некоторые блоки с position:fixed дергаются изза этого переопределения скролла. Вот привожу ссылку на страницу где можете сами лицезреть мною описанное(нажмите на iFrame). Перепробовал все что знаю в итоге не получается сделать так чтобы скролл страницы вообще не затрагивался и не переопределялся Есть старая версия плаги…

    Asked by ilyas,

    0 votes
    1 answer

  7. Помогите с <img>

    Здравствуйте. Добавляю в верству изображения <div class="buttom"> <img src="images/news-btn.jpg" alt="НОВОСТИ"> <img src="images/faq-btn.jpg" alt="FAQ"> <img src="images/forum-btn.jpg" alt="FAQ"> <img src="images/contacts-btn.jpg" alt="FAQ"> <img src="images/support-btn.jpg" alt="FAQ"> </div> при просмотре страницы между изображением есть пустые промежутки или отступы. Подскажите новичку как их убрать. padding или margin не помогают.

    Asked by vzdrizd,

    0 votes
    11 answers

  8. Полупрозрачный фон на весь экран, покрывающий скроллинг

    Всем привет! Как сделать поверх всего сайта div, который бы затемнял весь экран сайта и скроллинг тоже, чтобы он был неподвижен. Часто такие вещи используются для фотографий: допустим нажимаешь на фото, оно увеличивается, при этом затемняется весь остальной экран полупрозрачным фоном

    Asked by Nailya,

    0 votes
    3 answers

  9. Карты Google

    День добрый! Хотел установить карту гугл на сайт, она должна быть "чистая" без кнопок, только с одной меткой на карте. Но как выяснилось чтобы их удалить нужно с JS возится, я его еще не знаю. Если кому не сложно можете написать здесь пример кода? Спасибо!

    Asked by AndreyB,

    0 votes
    6 answers

  10. fancybox переход сразу к открытому модальному окну?!

    Ссылка на открытие модального окна имеет вид: <a class="fancybox fancybox.iframe buy" href="./buy/test.html">Заказать</a> В test.html форма, мне нужно что бы после заполнения и нажатии кнопки отправить, выполнялся скрипт а после выполнялся как бы переход на страницу где модальное окно уже открыто,ну проще сказать после того как нажали отправить выполнялся переход как будто перешли по такой ссылке: <a class="fancybox fancybox.iframe buy" href="./buy/done.html"></a> Код кнопки отправить имеет вид: <input class="buy" type="submit" value="Отправить"/>

    Asked by xoff,

    0 votes
    1 answer

  11. Помогите довести до ума

    Здравствуйте! Целый день бьюсь над несколькими проблемами, давно верстал, а вертку не доделал и забыл что да как. Вот имеется странички: http://banks.xpmaster.ru/gamer/index.html http://banks.xpmaster.ru/gamer/index2.html Так у них в между блоков есть пространство, как его убрать? А также нужно выровнять футер, нужно сделать так чтобы он был на весь экран растягивался. Как это сделать? Спасибо за внимание, надеюсь поможете.

    Asked by vaskamalka,

    0 votes
    4 answers

  12. Ссылки mailto :visited

    Добрый день. Подскажите пожалуйста, как ссылки mailto заставить реагировать на псевдокласс :visited? Т.е. если ссылка http - то при посещении, она окрашивается в определенный цвет, при посещении ссылки mailto - этого не происходит. Пытался прописать стиль в :visited - не реагирует. Помогите пожалуйста разобраться.

    Asked by nezhnayka,

    0 votes
    0 answers

  13. Не отображается виджет vk в табах ?

    Перепробовал кучу решений табой и ни в одном не отображается виджет сообщества VK, если его просто вставить на страницу без табов он отображается, код виджета лежит во втором табе нужно смотреть через firebug, вот ссылка <script type="text/javascript" src="//vk.com/js/api/openapi.js?98"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width: "190", height: "220", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 29627308); </script>

    Asked by ilyas,

    0 votes
    2 answers

  14. Yootheme Subway - сделать дату как в демо?!

    Добрый день. Пытаюсь сделать сайт для товарища на основе шаблона Yootheme Subway. Хочу сделать дату как в демо версии шаблона возле модулей (слева от модуля). Вот демо шаблона: http://www.yootheme.com/demo/joomla Подскажите пожалуйста как правильно сделать так красиво дату?! Может какой то плагин нужен или это просто писать нужно в html или css? Я начинающий относительно сайтов поэтому прошу объяснить как для "тупых"). Вот сам сайт который требует помощи: http://rococo.in.ua/ Заранее спасибо.

    Asked by gumuch,

    0 votes
    3 answers

  15. Подключение скрипта

    Доброго времени суток . подскажите пожалуйста как подключить скрипт textShadow? На этом ресурсе нашел сам скрипт и синтаксис к нему.http://potapov.com.ua/library/34/ Делаю все как сказано <!--[if lte IE 8]> <link rel="stylesheet" type="text/css" href="styles/ie8.css" /> <script type="text/javascript" src="js/jquery.dropshadow.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".spit").dropShadow({color:"#000",left:1,top:2}); }); </script> <![endif]--> где .spit -это ссылка к которой я пытаюсь применить свойство . При запуске страницы вылезает сообщение Line 118 jQuery определение отсутствуе…

    Asked by Borka,

    0 votes
    5 answers

  16. Расположить блоки по ширине родителя

    Добрый день! Есть следующий код html и css: <!DOCTYPE html> <html> <head> <title>test-page</title> <meta charset="utf-8" /> <style> body {margin: 0px;} header {width: 1000px; margin: 0px auto} #a {width: 300px; float: left; background: #27408B} #b {width: 200px; float: right; background: #008B00} #c {background: #CD2626; height: 150px} #a, #b {height: 100px;} </style> </head> <body> <header> <div id="a"></div> <div id="b"></div> <div id="c"></div> </header> </body> </html> Задача. Левый синий блок (div id="a") и правый зеленый (div id="b") имеют непо…

    Asked by zodcyi,

    0 votes
    1 answer

  17. Не открывается модальное окно в 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

  18. :hover и меню

    Собственно есть код выпадающего меню, показываю css ul.navi div.mega-content { position: absolute; left: 0; padding: 0; margin: 0; background: #04677F; display: block; float: left; padding: 0 9px 9px 0; } и html <li class="level1 last havechild default"> <a class="level1 last havechild" href="/index.php/inv"><span class="menu-title">Финансы</span></a> <!-- open mega-content div --> <div class="level2 mega-content"> <div class="mega-content-inner"> <div class="mega-col first one"> <ul class="subnavi level2"><li class="level2 first default"> <a class="level2 first" href="/index.php/in…

    Asked by Struggle,

    0 votes
    5 answers

  19. background(ie)

    Всем доброго дня. Интересует почему в браузерах ie 7-9 Не отображается фон дива ( <div class="logo"></div> ) Сайт _liolll.o0.pm

    Asked by T001,

    0 votes
    2 answers

  20. Двойной градиентный бордер в меню?

    Возможно ли сделать на css двойной градиентный бордер? или все таки придется класть картинкой?

    Asked by ilyas,

    0 votes
    3 answers

  21. скругление внутрь

    как сделать что-то подобное? (блок со скруглениям у вершин)

    Asked by pupil,

    0 votes
    3 answers

  22. Как подключить лист стилей?

    Доброго времени суток. Возможно ли подключить лист стилей к .php, если он встраивается в середину index.php с уже подключенным style.css? Оба .css содержат большой код, что очень мешает работе. Дело в том, что .php не содержит тега "head", а является частью подключаемого кода к index.php.

    Asked by Ang,

    0 votes
    2 answers

  23. Активный пункт меню при наведении курсора на выпадающую часть ?

    Пользователь водит курсором по выпавшему блоку ссылок и пункт меню должен оставаться вдавленным ну или нажатым, как это сделать на css? или такое только на js нужно делать? И еще как сделать стрелку к пункту меню на css ?

    Asked by ilyas,

    0 votes
    4 answers

  24. Ищу наставника

    Всем доброго времени суток!!! Люди добрые отзовитесь, мне нужен наставник! Я освоил азы HTML и CSS и теперь не знаю с какого конца начать, чтобы продолжить своё обучение! Мне нужна направляющая по которой я мог бы двигаться дальше. Желание огромное!!! Кто поможет буду оооооочень благодарен!!!

    Asked by Ayvaz,

    0 votes
    14 answers

  25. Выпадающие окна меню с помощью css

    Добрый день! Нужна помощь коллективного разума, так как сама не справляюсь. Нужно сделать выпадающие окна с помощью css. У меня получилось вот такое (см. код), но я уперлась в проблему: выпадающее меню не становится линейным, как список верхнего режима. Я в курсе, что это свойство задается float: left, однако куда именно его вписывать - не понимаю (метод тыка результатов не принес). Если сможете объяснить, в чем ошибка - буду крайне признательна. Код прилагается. Спасибо! <style type="text/css"> #navigation { list-style: none; float:left; color: white; font-family: Franklin Gothic Medium; font-size:14px; width: 100%; } #navigation li { float:left; position:relat…

    Asked by sverdlova,

    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