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. Проверка верстки в различных браузерах

    У мя такой вопрос: "Какие браузеры стоит установить для проверки кросс-браузерности верстки. Может есть какие-либо секреты облегчающие эту проверку?" И еще. Поделитесь опытом. Кто как достигает эту самую кросс-браузерность? У мя всё

    Asked by Chebas,

    0 votes
    4 answers

  2. Рамка с заголовком на рамке

    Как сделать вот такой DIV с заголовком, перекрывающим участок границы?

    Asked by vlav,

    0 votes
    2 answers

  3. не отображается xml с РУССКИМ контентом

    здрастье каша проста: есть xml: <?xml version="1.0" encoding="WINDOWS-1251"?> <text> <head>TITLE</head> <article> А ВОТ ТУТ НАПИСАНО на РУССКОМ. </article> </text> есть php: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4.01/loose.dtd"> ... <?php $dir = 'data/001/testArticle.xml'; $xmlDoc = simplexml_load_file($dir); echo $xmlDoc->article; ?> ... Английское "TITLE" выводит прекрасно. "А ВОТ ТУТ НАПИСАНО на РУССКОМ" - тут лажа. АБРА-КОДАБРА. :/ -- ?

    Asked by Bolmazov,

    0 votes
    13 answers

  4. Селекторы детей

    Возникла необходимость использовать селекторы детей, т.е div.content > div.left , но настараживает что на одном из сайтов указано что нет поддержки данного типа селектора в осле и нейскапе. В 8 осле проверил, все работает как надо, собственно вопрос, до каких версий этих браузеров данный тип селектора не поддерживается, иначе, стоит ли использовать данный селектор или стоит придумать уникальное имя?

    Asked by gesandte,

    0 votes
    15 answers

  5. Друзья, помогите с доктайпами!

    Всем привет! Друзья, помогите разобраться с доктайпами! Чем отличаются HTML от XHTML? Можно подробней, пожалуйста! Что лучше использовать и что используете Вы как мастера, что Вас больше устраивает и почему? Чем отличается в HTML и XHTML: Строгий синтаксис HTML/X и Переходный синтаксис HTML/X? Что в новом стандарте HTML 5? Стоит ли использовать его? Как с ним будут работать старые браузеры? Будет ли он лучше HTML 4.01? На этом замечательном сайте пишется что для XHTML не требуется закрывающий тег, это как? Для всех тегов? Заранее благодарен за помощь начинающему P.S. Выучил HTML по курсам Е.Попова, там только для нубов азы! С чего продолжить? Посоветуйте пожалуйста, а то…

    Asked by Барсик,

    0 votes
    18 answers

  6. Немогу((((((

    У меня опять где-то ошибка, помогите найти, плз! <?php function validate($allSubmitted) { $message = ""; $passwords = $allSubmitted["pword"]; $firstPass = $passwords[0]; $secondPass = $passwords[1]; $username = $allSubmitted["name"]; if ($firstPass != $secondPass) {$message = $message."Пароль подтвержд?н не верно. ";} if (strlen($username) <5 || strlen($username) >20) {$message = $message."Имя пользователя должно быть не меньше 5 и не больше 20 знаков. ";} if ($message == "") {$message = "OK";} return $message; } function db_connect($user='Elendor', $password='758575', $db='site') {mysql_connect('localhost', $user, $password) or die('Поп…

    Asked by Elendor,

    0 votes
    13 answers

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

    Полностью отредактированная и рабочая страница с верхним выпадающим меню: <!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

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

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

    Asked by nooobito,

    0 votes
    6 answers

  9. Padding смещает вс? что ниже

    Есть таблица, в нижней ячейке я спускаю текст с помощью padding-top #top-center td.menu{background: url(../images/topmain/topmain_05.jpg) no-repeat top left; vertical-align:top; padding-top: 28px; padding-left: 80px; width:999px; height:99px;} Но вместе с этим смещается совсем другая таблица, расположенная ниже этой. Почему так происходит? Т.е. между этими таблицами появляется пустое место...

    Asked by allmoney.ws,

    0 votes
    7 answers

  10. Проблема центрирования блоков при резиновой ширины

    Как центрировать 4 блока при резиновой ширины #wrapper ? <style> /*Blocks*/ html, body{margin:0; padding:0;} #wrapper{width:100%; text-align:center;} #wrapper div{float:left;} #wrapper .b1,.b2,.b3,.b4{border:1px solid red; min-width:200px;} .clear{clear:both;} </style> <div id="wrapper"> <div class="b1">Block-1</div> <div class="b2">Block-2</div> <div class="b3">Block-3</div> <div class="b4">Block-4</div> <div class="clear"></div> </div> Вид на броузере : Клик сюда >>>

    Asked by ziyodjon,

    0 votes
    14 answers

  11. Вёрстка: Зависимый выпадающий список

    Здравствуйте. В макете попалась форма поиска в виде зависимого выпадающего списка, где сначала нужно выбрать "Brend" и в зависимости от выбранного бренда, выбрать "Product" , потом уже нажимать Submit. Вопрос заключается в том, как правильно верстать такие формы поиска, чтобы можно было дальше передать программистам ?

    Asked by Александр.Т.,

    0 votes
    5 answers

  12. Помогите с музыкой на страничке разобратся

    Всем привет. Разобрался с тегом для звучания музыки при загрузке странички. <bgsound src="meta/55.mid"> Но насколько я правильно понял музыка звучит в формате наподобии .mid А как сделать чтоб сразу после загрузки странички зазвучала песня в формате .mp3? Помогите пожалуста.!!!

    Asked by Drejven,

    0 votes
    19 answers

  13. проблема с Оперой!

    есть div {overflow:hidden;} в нём - длинная таблица table ... tr td - a href="#img1" /a - /td td - img id="img2" / - /td td - a href="#img3" /a - /td /tr ... /table и содержимое tr-/tr полностью занимает окно div'а, позволяя переключаться между картинками с помощью ссылок и якорей (такая вот галерея на одном сухом html). проблема: в Opera переключения, при overflow:hidden, не работают, а тут, как Вы понимаете, прокрутка категорически не нужна... что делать? код валидный, xhtml 1.0 strict и css 2.1, но не работает эта пижня только в Opera %( хотя, IE7 и 8 не проверял, но если в 6 работает, то и там должно, я думаю

    Asked by brainless,

    0 votes
    12 answers

  14. Кнопки-ссылки

    Подскажите, пожалуйста, как сделать ссылки виде кнопок?

    Asked by anna-2010,

    0 votes
    9 answers

  15. Обратная связь

    всем доброе время суток! Что нужно в этом коде сделать, чтоб работала обратная связь? <div class="reply-form"> <h2>Обратная связь:</h2> <form action="#"> <fieldset> <legend>Форма Обратной Связи</legend> <div class="form-row"> <label for="form-item-1">*Контактное лицо:</label> <div class="contact-input"><input type="text" id="form-item-1" /></div> </div> <div class="form-row"> <label for="form-item-2">*Телефон:</label> <div class="contact-input"><input type="text" id="form-item-2" /></div> </div> <div class="form-row"> <label for="form-ite…

    Asked by Bismuth,

    0 votes
    7 answers

  16. Помогите исправить несколько багов

    Меняю дизайн сайта www.torgall.ru u и возник ряд вопросов: 2) В IE при первом заходе на главную страницу наблюдается сдвиг таблицы последних товаров вниз экрана, но после обновления страницы все становится на свои места. 4) Снова IE. В Опере и Мозилле используется эфект "наползания" блока с меню на желтый блок информера - как и было задумано. В IE6,7 вокруг блока меню отображется белая прямоугольная граница фона. Можно ли добиться эффекта прозрачности фона? Сообщайте если заметите другие недочеты, высказывайте свои замечания. Заранее спасибо за помощь. 1) исправлено. Спасибо demous и homm 3) ..... решено

    Asked by ViktorP,

    0 votes
    12 answers

  17. Как найти работу верстальщику с небольшим опытом

    Добрый День. Версткой сайтов занимаюсь около года. За это время приобрел базовые навыки по HTML 5, CSS 3 , Scss, bootstrap 3,основы Java Script, jQuery, gulp, git, основы PHP, cms Wordpress Примеры проектов: https://evgenal.github.io/Iglesia/homepage https://evgenal.github.io/Akad/homepage https://evgenal.github.io/Mairala/ Несколько месяцев тому начал искать работу, но столкнулся с ситуацией, что без опыта работы резюме не рассматривают, а на фрилансе без рейтинга заказ не взять. Как найти свою первую работу, может кто чего подскажет?

    Asked by Spinto,

    0 votes
    2 answers

  18. проблемы в фф

    данные стили идентично отображаются во всех браузерах #wrapper .sidebar_right .search{position:relative;} #wrapper .sidebar_right .search form fieldset input.search{position:absolute; top:0; left:16px;} #wrapper .sidebar_right .search form fieldset input.button{position:absolute; top:0; left:166px;}

    Asked by html,

    0 votes
    18 answers

  19. Текст разного размера по одной линии

    Имеем: <ul style="margin: 0; padding: 0; list-style: none;"> <li style="font-size: 11px; float: left;">текст</li> <li style="font-size: 12px; float: left;">текст</li> <li style="font-size: 13px; float: left;">текст</li> <li style="font-size: 14px; float: left;">текст</li> <li style="font-size: 15px; float: left;">текст</li> </ul> Вопрос: Можно ли сделать кроссбраузерно чтобы текст был на одной линии?

    Asked by VJiK,

    0 votes
    6 answers

  20. Как сделать ссылку-URL на главную страницу сайта

    Добрый вечер! Мне стало интересно как сделать так, чтобы ссылкой на сайт (то есть на index.html) могли пользоваться все и сайт был не просто страницей, запускающийся только на моем компьютере, но и у других.

    Asked by Марко,

    0 votes
    2 answers

  21. Рамка из картинок вокруг контента на слоях

    Всем доброго дня! Переделываю верстку одного сайта с таблиц на слои. В общем-то, все уже есть, кроме главного. Весь основной контент помещался в рамочку из 8 картинок. Угловые просто картинки, а горизонтальные и вертикальные тянущимся фоном. Вот на слоях пока не получается это сделать. Пример того, что есть сейчас (только рамка) вот тут: http://www.elfworld.ru/eryn/design/hibernia/content.htm Стили прямо там что бы проще и нагляднее. Верхняя и нижняя линия вроде бы везде хорошо. А вот с центром (3 слоя в общем слое content_main) проблема. Высоты контента я не знаю. Центр в красной рамке. Нужно что бы фон в слое слева и справа от слоя контента тянулся, его же вообще нет. К…

    Asked by DelpH,

    0 votes
    9 answers

  22. Не могу разобраться...

    Вот стили: #niceloginform div.loginformtop { width:100%; background:url(../images/pasportbgzag.gif) #5D5B5E repeat-x bottom left; margin:0; padding:0; } #niceloginform div.loginformtop div.loginformleft { float:left; font:11px Verdana; color:#FFFFFF; padding:6px; } #niceloginform div.loginformtop div.loginformright { float:right; padding:6px; } #niceloginform { position: absolute; width: 332px; left: 50%; margin-left:-170px; top: 50%; margin-top:-150px; text-align:left; background:url(../images/login.jpg) right center no-repeat #FFFFFF; display: none; z-index: 99; } #screen { position: absolute; top: 0; left: 0; right: 0; width: 100%; hei…

    Asked by Mr.Smith,

    0 votes
    15 answers

  23. Устранение ошибок верстки

    Добрый день, помогите, пожалуйста, устранить такую ошибку. В <head></head> есть такие теги, которые используется для назначения модератора для плагина комментариев фейсбук: <meta prefix="fb: http://ogp.me/ns/fb#" property="fb:admins" content="100009994319742" /><meta prefix="fb: http://ogp.me/ns/fb#" property="fb:app_id" content="100009994319742" />которые выдают вот такую ошибку: <meta prefix="fb: http://ogp.me/ns/fb#" property="fb:admins" content="100003294…✉You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use…

    Asked by Chapman,

    0 votes
    10 answers

  24. hover в div'e действует на вложенные блоки

    Подскажите как решить следующую проблему, есть li в нём div, при наведении мыши к диву должен применится hover, но он применяется только к вложенным блокам а не к родительскому диву! то есть бэкграунд меняется например у 'news_title_header' когда мышка находится на нем, а у всего 'news_parent' не меняется. такая конструкция <li> <div class="news_parent"> <div class="news_title_header"> <a data-post="5" href="news/novost-3">Новость 3</a> <i class="c_time">01.11.2014</i> </div> <div class="news_short"><p>краткое описание</p></div></div></li>стиль: #news li {margin-botto…

    Asked by snake2,

    0 votes
    4 answers

  25. Google Chrome

    Имеется letter-spacing:-0.03em; Во всех браузерах отображается как надо. В гугле с погрешностью до 0.01, то есть он показывает значение -0.02em. Есть ли вариант замены, или как прописать css для chrome отдельно.

    Asked by Ritter,

    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