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. Центрирование блока меню

    Доброго времени суток! Подскажите, пожалуйста, как сделать данное меню по центру или растянуть по ширине ячейки. <link rel="stylesheet" type="text/css" href="../CSS/cssmenustyles.css"> <table width="850" border="0" align="center"> <tr align="center"> <td align="center"><ul id="cssmenu"> <li><a href="#">Текст1</a> </li> <li><a href="#">Текст2</a> </li> <li><a href="#">Текст3</a> </li> <li><a href="#">Текст4</a> <ul> <li><a href="#">Текст5</a>&…

    Asked by ykero,

    0 votes
    36 answers

  2. Непонятный отступ у элемента li

    Есть такая проблема - http://itmag.es/5PIM2 И есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/JYRhv/ Не могу понять, откуда взялся этот пустой отступ?

    Asked by aaron,

    0 votes
    15 answers

  3. Что такое <?a>

    Кто-нибудь знает?

    Asked by Колос,

    0 votes
    8 answers

  4. Слетает стиль текста на ipad.

    Всем привет! Помогите пожалуйста разобраться с проблемкой. сайт sledd.ru При отображении в браузерах (всех) на компьютерах всё отображается корректно, но при отображении сайта на ipad, слетает стиль для верхнего-правого блока в котором телефоны. Такое ощущение, что стиль действует только не первую цифру верхнего span и не даёт присвоить стиль для другого span. Ссылка на изображение: https://yadi.sk/i/jS1x3DVcYUCrW

    Asked by seregamurman,

    0 votes
    7 answers

  5. Ucoz

    Скажите пожалуйста, возможно ли практиковаться и оттачивать навыки CSS и HTML на Ucoz.ru?

    Asked by sv12,

    0 votes
    19 answers

  6. Проблемы с меню (шапкой) сайта

    Полностью отредактированная и рабочая страница с верхним выпадающим меню: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <LINK href="images/logo_mini.jpg" type=ico rel=icon> <style> body{ background-image: url('images/фон.jpg'); } .menu{ font-family:arial, sans-serif; position:center; font-size:14px; z-index:100; margin-top:-1px; } .menu ul li a, .menu ul li a:visited{ display:block; text-decoration:none; color:#000; text-align:center; …

    Asked by LazyBoy,

    0 votes
    24 answers

  7. Проблемы с шрифтами

    Добрый день. Дело в том, что не понимаю, что происходит. У меня на сайте используются нестандартные шрифты, которые закинул в папку fonts и подключил их через стили. В индексе прописал <link href="fonts.css" rel="stylesheet" type="text/css"> чтобы он подгружал их, сами шрифты в fonts.css выглядят так: @font-face { font-family: Roboto; src : url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.ttf'); } P { font-family: Roboto; } @font-face { font-family: Roboto-Condensed; src : url('fonts/Roboto-Condensed.eot'); src: url('fonts/Roboto-Condensed.ttf'); } P { font-family: Roboto-Condensed; } Проблема в том, что если просматривать сайт с компьютера, то все …

    Asked by Eridani,

    0 votes
    8 answers

  8. Способ измерения элементов страницы

    Скажите, плиз, есть ли какой нибудь способ измерения размеров готовых web-страниц и отдельных элементов? Что-то вроде линейки в пикселях, например, - приложил к экрану монитора и вот он, точный размер! Не все же страницы создаются в относительных размерах, у меня многие в 17 дюймов не влезают, а ведь у кого-то есть 14 дюймовые мониторы? И какой параметр берется за точку отсчета всех размеров при верстке? Спасибо!

    Asked by RR,

    0 votes
    10 answers

  9. Выпадающая строка поиска на бутстрапе 3

    Добрый день. Скажите можно ли и как можно сделать на бутстрапе 3 поле поиска, которое видно на больших экранах, а на маленьких представляет собой иконку с лупой, кликая по которой снизу раскрывается строка на всю ширину для ввода искомого текста? Функционал иллюстрируется главной страницей М-Видео - сначала поиск раскрыт на широком экране, а на узком представляет собой иконку, клик по которой раскрывает поле поиска

    Asked by borus,

    0 votes
    5 answers

  10. Позицирование в DIV

    есть такая конструкция <div class="qwerty">текст</div> и есть стиль .qwerty{ font-family: "Courier New", Courier, monospace; font-size: 14pt; font-weight: bold; color: #660000; margin: 0; padding-left: 90px; height: 80px; background-image: url(../images/fon_zag.png); background-repeat: no-repeat; background-position: left; } в общем есть картинка 80х80 которая является фоном и которая должна быть слева. А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу. Это реально?

    Asked by Gold Dragon,

    0 votes
    17 answers

  11. Увеличение картинки при наведении

    Делаю чтоб картинка увеличивалась при наведении. Делаю так: <style type="text/css"> body{padding:10px 100px;} .zoom{ position:relative; cursor:pointer; left:0; top:0; } </style> <? if (!empty($picture)) {?> <script type="text/javascript"> $(function(){ $('.zoom').hover(function(){ $(this).stop().animate({width:"250px",left:"-25px",top:"-25px"}, 400); $(this).attr("src","<?=$picture?>"); }, function(){ $(this).stop().animate({width:"100px",left:"0",top:"0"}, 400); $(this).attr("src","<?=$picture?>"); }); }); </script> <a href="#"><img border="0" width="100px" class="zoom" src="<?=$picture?>"…

    Asked by Tchorteg,

    0 votes
    10 answers

  12. Валидация w3c

    При валидации на w3c заметил ошибку: Line 9, Column 36: The align attribute on the div element is obsolete. Use CSS instead. <div id="page-wrap" align="center"> Когда align переношу в CSS выходит такое: #page-wrap Свойство align не существует : center center Как правильно сделать, что бы пройти валидацию? index.html <!DOCTYPE html> <html> <head> <title>Лестница</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="./css/style.css"> </head> <body> <div id="page-wrap"> <img src="./images/circle.png" alt="logo"> </di…

    Asked by klanessia,

    0 votes
    4 answers

  13. XML. Elelement.text почему то не работает в Firefox

    Оочень сильно удивился, когда firefox вместо содержимого элемента выдал undefined. Вроде бы и запрос то немудреный. Я бы даже сказал самый обычный. NodeList[0].childNodes[0].text либо же NodeList[0].childNodes.item(0).text одинаково реагирует undefined. IE и Opera отработали так как надо. Почему так? ЗЫ. При запросе атрибута элемента NodeList[0].attributes.getNamedItem('Name').value firefox отрабатывает.

    Asked by Eugen,

    0 votes
    12 answers

  14. Форма и 3 кнопки, Как реализовать переход?

    Есть форма - Однострочное текстовое поле. И есть три кнопки. Подскажите пожалуйста как реализовать, чтоб после ввода инфы в форму, при нажатии одной кнопки был переход по одному УРЛ'у, при нажатии другой - переход на другой УРЛ, и т.д для всех трех кнопок? И если можно, возможностями php. Php еще учу, но больше понимаю его, чем js. Спасибо

    Asked by htmluse,

    0 votes
    8 answers

  15. Кроссбраузерный SVG

    Как макисмально кроссбраузерно подключить svg? Хаки, js, чит-коды, принимаются все решения) Только, очень прошу, с описанием для чего будет использован каждый хак. Большое спасибо заранее всем. Да, ссылки, статьи кидайте, буду благодарен) UPD: Ай да википедия))) Пишет поддержка такова Internet Explorer с 9 Opera с 8.0; включая 9.5 Mozilla Firefox с 1.5, включая 3.0, 4.0, 5.0, 6.0, 7.0 и текущую 10.0 Netscape Navigator 9.0 Safari 4.0 Google Chrome 3.0 Правда? Тогда вопрос такой. Подключение через — embed в object`e? А ссылку ставить на оба тега? Никого не затруднит пример написать? И ещё один, более важный, безусловно. Что сдел…

    Asked by alexandr_v-vich,

    0 votes
    6 answers

  16. float и position при адаптивной верстке

    Привет всем. Не пойму почему при флоте http://prntscr.com/9frma7 список выпадает из блока . Объясните плиз. потом делал его через позиционирование дал ему абсолют. Но при уменьшении расширения экрана список улетает в сторону . Как решить тут проблему? http://prntscr.com/9frnow

    Asked by nooobito,

    0 votes
    6 answers

  17. Абсолютное позиционирование div в ячейке

    Добрый вечер! Подскажите пожалуйста как правильно позиционировать div относительно границ родительской ячейки!

    Asked by Prokopov Nikolai,

    0 votes
    11 answers

  18. Вертикальное меню с выпадающим списком

    Здравствуйте! Делаю вертикальное меню с выпадающим списком. HTML: <div class="menu"> <ul> <li><a href="#" class="active_page">Первый пункт</a></li> <li><a href="#">Второй пункт</a></li> <li><a href="#">Третий пункт</a></li> <li><a href="#">Четвертый пункт</a></li> </ul> </div> CSS: .menu ul { margin: 0; padding: 0; width:133px; list-style-type: none; } .menu ul li a { text-decoration: none; color: #A08A50; padding: 3px 5px; background-color: white; display:block; } .menu ul li a:visited { co…

    Asked by rusbear28,

    0 votes
    4 answers

  19. Правильная расстановка DIV-блоков

    Собственно вопрос от новичка. Проще нарисовать на картинке чем описывать ситуацию на словах. Пытаюсь правильно расставить DIV'ы. При этом чтобы последовательность кода не рвать. (маленькие дивы идут подряд, большой соответственно находится НЕ в середине) Скорее всего здесь придётся поколдовать с css-параметром "display", хотя не уверен. http://i.imgur.com/ViusSLH.png Не нашел как залить картинку на сервер, выкладываю ссылкой.

    Asked by Necrosss,

    0 votes
    1 answer

  20. background repeat не до конца прорисовывает

    Использую стиль для центрального блока: background: transparent url(/images/image03.jpg) repeat-y scroll 0 0; Получается, если страница вписывается в 100% высоту - всё ок, если есть прокрутка вниз, то после 100% высоты css-свойство перестает работать и отображается, как на картинке Подскажите, пожалуйста

    Asked by rolph,

    0 votes
    16 answers

  21. Выравнивание меню из списка. Как?

    Доброе время суток. Сделал горизонтальное меню из списка. Помогите разобраться с выравниванием. Ширина фоновой картинки 1000px, высота 30px. Надо текст выровнять по горизонтале по центру и по вертикале центру. Как? CSS .menu{ margin: 0; padding: 0; float: left; font: bold 15px Georgia; width: 100%; background-image:url(images/bg_navbar.gif); /* фоновая картинка 1000Х30px*/ } .menu li{ display: inline; } .menu li a{ float: left; color: #000; padding: 5px 15px; text-decoration: none; } .menu li a:visited{ color: #000; } .menu li a:hover, .menu li .current{ color: #FFC; } HTML <ul class="menu"> <li><a href="#" title="" class="current"&…

    Asked by Yura13,

    0 votes
    3 answers

  22. куда поставить ID?

    Добрый день! Проблема такая. Необходимо к маркированному списку добавить id="afi". Идентификатор задает шрифты и пр. именно для этого списка из 20 строчек. Вопрос: идентификатор надо добавить только к - вот так ?Или помимо этого его надо добавить еще к каждому [*] из этого списка? Спасибо!

    Asked by Vimaz,

    0 votes
    7 answers

  23. расстояние между строками

    формирую страницу во фронтпейдже. печатаю текст, а между строками слишком большой расстояние. изменил стиль body на line-height: 100%. теперь расстояние между строками в пределах абзаца нужное, а между разными абзацами - по-прежнему большое. что делать? сделал границы margin-top: 0% нулевыми в стиле body - ноль результата. вот если задать границы в каждом абзаце, то линии выравниваются. но этого много лишних буков.

    Asked by Rilo,

    0 votes
    7 answers

  24. Как повесить ссылку на элемент списка li ?

    Здравствуйте подскажите пожалуйста такую штуку: Есть список (тут показан только первый элемент списка) <div class="we_offer clearfix">Основные конкурентные преимущества работы с нами <ul> <li class="analyze fist_child"> <div class="thumbnail clearfix"><span><em> </em></span> </div> <h3>Тут текст</h3> <div class="block_content">Тут текст</div><a class="Readmore" href="/informatsiya-o-materiale"> Подробнее </a> </li></ul></div>В css прописана картинка, вот можно ли как-нибудь эту картинку сделать ссылкой?? .we_offer ul li.analyze span {background: url(a…

    Asked by quake3,

    0 votes
    3 answers

  25. скорость верстки

    Доброго времени суток !!! хотелось бы узнать какое время в среднем Вам требуется для верстки. Допустим одной главной странички без скриптов??? можете оставлять ссылки на примеры верстки.

    Asked by smog,

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