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. Блочная вёрстка + wordpress

    Есть сайт http://uchkollektor26.ru/. Стандартный двухколоночный шаблон <div class="head"> Шапка </div> <div class="wrap"> <div class="sidebar" style="float:right;width:200px"> Содердимое боковой колонки </div> <div class="main" style="margin-right:220px"> Основное содержимое </div> </div> <div class="footer"> Туфли </div> вопрос - при каких условиях содержимое боковой панели может влиять на отображение основного сожержимого. Причина вопроса: На вышеуказанном сайте при добавлении товара в карзину, основное содержимое, начиная со второго товара, съезжает вниз. Валидцию проходит ругаясь…

    Asked by leonid26,

    0 votes
    5 answers

  2. проблемы с шапкой

    Первый логотип(logo) отображается, второй нет. Почему? #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } .logo{ margin-left:55px; } #logo1 { width: 200px; height: 52px; margin:-95px auto; background: url(slogan.png) no-repeat; } .call{ margin-right:35px; } </style> </head> <body> <div id="header"> <a class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" border="0" alt="logo"></a> <div id="logo1"></div> <a class="call" href = "index1.html"><img src = "call.jpg" width = "74" height…

    Asked by Rambo2045,

    0 votes
    5 answers

  3. Вставка видео (некорректное отображение)

    Добрый день, вопрос может быть и глупый, но разобраться сам не могу ;( Суть следующая: (возникавшие вопросы и методы их решения поэтапно) 1. На сайте необходимо разместить видео - решил использовать allvideos. 2. Размещаем видео на ютубе или яндексе - вставляем код и всё работает. 3. Доступ к ютубу и яндексу блокирован в тех местах где просматривают сайт - "жирный" хостинг и заливка видео непосредственно в "локальную" папку для сайта. 4. Снова размещение видео на сайте - код плагина allvideos и видео появляется, НО с явным косяком Проблема в том что видео находится в статье, причем в начале статьи, т.е. непосредственно под выпадающим меню. При отображении видео с того…

    Asked by PrizrakOnLine,

    0 votes
    3 answers

  4. Вставка pdf на сайт

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

    Asked by syn19,

    0 votes
    1 answer

  5. Наследование от родителя <li>

    День добрый! Есть сайт: http://zvezdnij.ru/test/personspb/index.php Если взгляните на шапку, то там есть меню - при наведении на Чемпионат СПб появляется 2 доп кнопки Как Вы видите они также выделяются и делают отступы, как и все остальные Хотелось бы убрать этот недостаток Заранее спасибо!

    Asked by Select,

    0 votes
    1 answer

  6. Назначение ещё одного класса не производит эффекта

    Структура: <label id="anystar" class="styled"><input type="radio" name="hotel_cat" value="any" /> </label> CSS: #anystar { background: url('images/anystar.png') no-repeat right 10px; display: inline-block; padding: 10px 15px 8px 0 ; } #anystar .chkd { background: url('images/anystar_chkd.png') no-repeat right 10px; } js: jQuery(document).ready(function(){ jQuery('label.styled').click(function(){ jQuery('label.styled.chkd').removeClass('chkd'); jQuery(this).addClass('chkd'); }); }); JS нормально отрабатывается, класс .chkd к элементу добавляется. Но бэкграунд при этом не меняется, хотя, по-моему, долже…

    Asked by adelante,

    0 votes
    2 answers

  7. Помогите разобраться с Валидацией

    Всем доброго времени суток, страничка www.all-read.ru (это не реклама, тем более рекламировать нечего еще). Поставил в конце (в низу) странички ссылку на прохождение валидации.. Выходит премерно 6 ошибок. Я не понимаю этих ошибок. Помогите разобраться пожалуйста.

    Asked by web_finans,

    0 votes
    4 answers

  8. :focus проблемы браузеров

    Проблема следующая. Нет фокусировки на объект в следующих случаях для Chrom Фокус не возможно установить мышкой. Только горячей клавишей в сл. случаях. button:focus и Input:focus В случае <input type="button"> в IE все нормально для IE вышеуказанные примеры работают, но нет фокуса в случае a:focus Вернее он есть но на долю секунды. Потом слетает. Вопрос: Можно ли заставить хром на кнопках фокусироваться или в IE продлить время фокусировки? Хочется сделать без скриптов. Замучилась уже. Пример <!DOCTYPE html > <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style> p { opacity…

    Asked by Vika,

    0 votes
    0 answers

  9. несколько версий сайта

    хочу сделать самостоятельные 3 версии сайта под разные разрешения (для телефонов, планшетов-ноутбуков, для "домашних кинотеатров"). как осуществить автоматическое переключение? есть какое нибудь наглядное руководство/код, может быть кто подкинет готовое решение или пример? (речь идет не о резине!-ничего никуда перегруппировывать и растягивать не нужно)

    Asked by deFISH,

    0 votes
    6 answers

  10. Вебкиты браузеры и позиционирование

    Вот есть такая формочка поиска На 1 картинке скрин как это отображается в IE, FF, Opera, на 2 соответственно Chrome и Safari. Вот HTML и CSS формы: <form id="search"> <input type="text" placeholder="Поиск" /> <input type="submit" value="" /> </form> #search { position: relative; left: 80px; margin-top: 7px; } #search input[type="text"] { padding: 6px 6px; width: 174px; border: 1px solid #DFDFDF; outline: none; background-color: #F8F8F8; } #search input[type="submit"] { position: absolute; top: 0; left: 186px; width: 33px; height: 30px; border: none; background: url(images/search_button.png); cursor: pointer…

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  11. Проблема верстки

    Здравствуйте. Подскажите дилетанту. На главной в мозиле товары выехали за блок вправо. В хроме в опере все гуд. Вот ссылка http://zakup96.ru

    Asked by eralef,

    0 votes
    2 answers

  12. Блок ведет себя не естественно

    Пытаюсь сделать блок но он ведет себя не естественно... В общем вот: http://jsfiddle.net/rzR8y/ margin почему то ведет себя как padding, тока он не только шурудит то что внутри, дак он еще и сдвигает как margin и расширяет, как сделать тогда так, что бы он не расширял то что внутри, а всего лишь двигал.

    Asked by BSandro,

    0 votes
    7 answers

  13. Проблема с версткой

    Удалено

    Asked by LooGram,

    0 votes
    4 answers

  14. кривое меню

    Парни,помогите выровнять меню,что б все было в одну строчку,и перенеслось.вот криво сайт http://chobd.esy.es/ Вот так должно быть http://hostingkartinok.com/show-image.php?id=bd6a438d718451850ec7008478f8a60d

    Asked by vitaxastifler,

    0 votes
    3 answers

  15. Как сверстать противоположенную стрелку на слайдере

    Подскажите пожалуйста как правильно сверстать стрелки переключатели на слайдере, с первой вроде получается да? а вторую не знаю как прилепить... вот моя попытка: http://jsbin.com/mupetamoca/edit?html,css,output

    Asked by Rimming,

    0 votes
    1 answer

  16. Прозрачные границы border:transparent

    Если сделать границы (border-left и border-right) не зелеными, а transparent, то виден фон. Почему виден фон? Background разве не закрашивает только область основного содержимого (до границ)? https://jsfiddle.net/kipes/nzy9mhnf/3/

    Asked by Delat,

    0 votes
    1 answer

  17. Вопрос об использовании и не использовании сеток в верстке сайтов

    Здравствуйте! У меня такой вопрос: всегда ли нужно использовать сетку для адаптивной верстки или нет? Или это зависит от дизайна? Насколько я понимаю, например, если psd макет выполнен с использованием сетки, то нужно использовать сетку и в верстке. А если дизайн выполнен без сетки, то и верстать нужно без сетки. Я правильно понимаю? Или может быть можно применять сетку всегда? Помогите пожалуйста.

    Asked by Oloref,

    0 votes
    0 answers

  18. Логотип и навигация

    Обернул я логотип в <nav> и возникла проблема когда применяю к ссылкам Ссылка1/Ссылка2 и т.д float:right они отображаются в обратном порядке <header> <nav> <a class="" href="#">LOGO</a> <a class="" href="#">Ссылка 1</a> <a class="" href="#">Ссылка 2</a> <a class="" href="#">Ссылка 3</a> <a class="" href="#">Ссылка 4</a> <a class="" href="#">Ссылка 5</a> </nav> </header>

    Asked by Неугомонный,

    0 votes
    3 answers

  19. Сайт по центру

    Вот решил обратиться с проблемой верстки сайта. Вроде как оптимизировал код страницы и CSS для всех браузеров, НО: в Опере все отображается как надо, а в IE не центрует! Хоть ты его убей! Пробовал !DOCTYPE добавлять - помогло с центровкой, но съезжают все блочные элементы с position:absolute. Координаты заданы параметрами left и top... И масштабирование происходит ужасно... Помогите, пожалуйста, выбрать !DOCTYPE и найти ошибку в CSS/страничке из-за которой происходит такая ерунда с блочными элементами и масштабированием... Сайт: http://www.golubev.biz, CSS, Код страницы

    Asked by DeviLev,

    0 votes
    1 answer

  20. Как подключить таблицу CSS в Опере

    Здравствуйте! У меня не работает в Опере подключенная таблица стилей (в других браузерах работает), при указании глобальных и внутренних стилей - все нормально? Код: <link rel="stylesheet" type="text/css" href="css/css_text.css">. В чем может быть причина?

    Asked by StInna,

    0 votes
    1 answer

  21. Как сделать просмотр видео, в flv формате, на сайте?

    Забавно, но не могу уже второй день решить такой казалось бы простой вопрос. Нужно разместить flv видео подобно тому как на youtube. Чтоб также как и там, у пользователя появлялся проигрыватель, и он мог прям на странице просмотреть видео (сейчас у меня просто ссылки на скачивание). Сайт находится внутри городской локальной сети доступ из которой к Интернету часто недоступен, и вариант с видеохостингами отпадает. И чтоб работала это во всех популярных браузерах (IE, Opera, FireFox, Chrom). С инета надергал и перепробывал с полтора десятка различных вариантов, но не один кроссбраузерно не работает Например используя тег embed вообще не в одном браузере не заработало. А…

    Asked by Maximalist,

    0 votes
    1 answer

  22. подскажите принцип верстки

    Макет взял с темы http://forum.htmlbook.ru/index.php?showtopic=14379&st=0 Подскажите ,как сделать поле поиска,а именно выпадающий список.Хочу чтобы при клике на Я выскакивал список картинок выбора поисковых систем. Единая идея которая приходить -делать через вертикальное меню. Кто верстал этот макет киньте ccылку, если не сложно. Всем пасиб

    Asked by dostel1,

    0 votes
    3 answers

  23. Заполнение input'ом свободного пространства

    Здравствуйте! Необходимо растянуть input#child на свободную ширину div#parent, причём учесть, что текст label'а может быть любой длины. Всю ночь работал, под утро уже голова не варит... Пример на JSFiddle.

    Asked by Crystall,

    0 votes
    2 answers

  24. 2 ссылки на одну картинку

    Здравствуйте! А можно ли не разрезая картинку сделать из нее две ссылки? Если можно, то каким способом?

    Asked by Imperil,

    0 votes
    1 answer

  25. Не откуда border у img

    Сайт: http://lejjknakurul-rf.1gb.ru/ В самом топе, где написано лейк накуру лодж из неоткуда появился бордер в 1 px, хотя для img я написал border: none; Помогите пожалуйста, а то не пойму откуда п.с. там возможно еще css не обновились на #branding , что бы убрать чёрный border вокруг img

    Asked by Wahlberg,

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