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. Лучшие книги по CSS

    Чтобы там не говорили любители халявы, а реальтная книга в руках, это намного приятнее и удобнее чем текст на экране монитора... С книгой можно повалятся на диване, книгу можно взять с собой куда угодно и читать по дороге, да в конце концов книга это солидно А если эта книга ещё и является уникальным источником информации по CSS, так это вообще замечательно )) Предлагаю в этой теме обсудить самые лучшие книги по CSS. Думаю эта информация будет полезна как новичкам незнающим с чего начать, так и опытным верстальщикам. CSS-каскадные таблицы стилей. Подробное руководство - (O'Reilly) http://www.books.ru/shop/books/557232 - Несомненно бестселлер по CSS!!! Общепризнанно лучш…

    Asked by droncl,

    0 votes
    2 answers

  2. Правильные модальные окна (arcticmodal) проблема установки

    Почему в IE не работает когда я сам делаю а скаченный пример - спокойно работает в IE, что делаю не так? Вот полностью html: <html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>ГК "Спектр-СБ" :: Системы безопасности, видеонаблюдения и контроля доступа в Самаре - Главная</title> <!-- jQuery --> <script src="//yandex.st/jquery/1.9.1/jquery.min.js"></script> <!-- arcticModal --> <script src="./jquery.arcticmodal-0.3.min.js"></script> <link rel="stylesheet" href="./jquery.arcticmodal-0.3.css"> <!-- arcticModal theme --> <link rel="stylesheet" href=".…

    Asked by xoff,

    0 votes
    1 answer

  3. BUTTON - вопросы по value

    <form action="#"> <button type='submit' name='d' value='14'>text</button> <form> При нажатии получаю на выходе 'text', а мне нужно '14' - как добыть?

    Asked by Арина,

    0 votes
    14 answers

  4. HTML,CSS?: фиксированные тени сбоку от содержания стр.

    Здравствуйте всем! Есть сложная задача - собрать html-страничку так, чтобы внутренняя часть двигалась, сбоку были как бы тени - зафиксированные картинки (position:fixed) по бокам от основного контента и основной градиентный фон (направление сверху вниз, position - тоже fixed). Итого 3 части: 1. Контент (двигается). 2. Сбоку от контента - узкие изображения "теней контента" (не перемещаются с ползунком). 3. фон (градиент: сверху - вниз), тоже фиксированный. Что не получается: прикрепить к контенту(центральной части) зафиксированные изображения теней контента слева и справа. Помогите кто может!!! Образец: http://www.djtafa.com/images/образец.jpg

    Asked by e-partner,

    0 votes
    13 answers

  5. Не работает white-space: nowrap

    Здравствуйте, помогите пожалуйста. В общем, есть вот такой кусок кода: <table> <tr> <td class="lefter">Теги</td> <td class="sports"> <div class="word"> <div class="floatL"><input type="checkbox" id="chk1" /></div> <div class="floatL"><label for="chk1">Слово тег</label></div> </div> <div class="word"> <div class="floatL"><input type="checkbox" id="chk2" /></div> <div class="floatL"><label for="chk2">Слово тег</label></div> </div> </td> </tr> </table> вот кусок css: ta…

    Asked by milax,

    0 votes
    5 answers

  6. Хром и Опера не понимает Якорь

    Имеем ссылку Моя ссылка В эксплорере при переходе по якорям никаких проблем нет В Хроме и Опере не работает.. Пробовал перед # ставить /.. не помогает.. Я прям в ступоре.

    Asked by veromi,

    0 votes
    5 answers

  7. Лучшая сетка или фреймворк для адаптивного дизайна

    Готовлюсь верстать первый адаптивный корпоративный сайт. Знаю о Бутстрап (он не во всем гибкий) и о других сетках. Но хотелось бы получить совет от верстальщика, у которого есть большой опыт в верстке именно адаптивных сайтов, какую сетку или фреймворк лучше выбрать (гибкий в применении и легкий в кастомизации) и как правильно начать работу в построении такого сайта (рассчитать количество колонок, расстояний между ними и пр.). Спасибо за любой совет!

    Asked by troll31,

    0 votes
    33 answers

  8. Резиновая Верстка шапки

    Шапка состоит из 2 строк так сказать...В первой отображаются кнопки (картинки а не фон) во второй: меню слева, правее от него банер и еще правее-еще картинка (все одной высоты, ширина баннера -резиновая, а меню и самой правой картинки-фиксированная)...на рисунке общий шаблоник...

    Asked by Vlad111,

    0 votes
    18 answers

  9. звуки на сайте

    Как добавить звук на сайт?

    Asked by CRANK,

    0 votes
    20 answers

  10. Несколько классов у одного тега, и его индивидуальность.

    В шаблоне есть меню созданное на основе тегов ul li, которое растянуто горизонтально с помощью float:left. По желанию заказчика каждая кнопка должна обрамлятся скругленными углами. Соответственно в данном случае нельзя сделать "резиновость" этих кнопок, и остается только вручную каждой кнопке задать индивидуальный фон. И у меня это прекрасно получилось. Jommla по умолчанию присваивает каждому пункту меню уникальный идентификатор, этим я и воспользовался что бы создать это обрамление. Сложность состоит в том, что заказчик хочет что бы активный пункт меню выделялся другим фоном (по умолчанию кнопка черная, при активности становится оранжевой), и джумла умеет в коде отделя…

    Asked by TheKIP,

    0 votes
    9 answers

  11. разный размер шрифта в разных браузерах

    Привет, указываю конкретный размер шрифта, чтобы в браузерах всех отображался при печати одинаковым размером, ставлю в пикселах, в итоге - в ИЕ одно, в ФФ - другое, в Опере - третье. В чем соль? Каким значением нужно описать шрифт, чтобы он везде одинаковый был? в px, pt, em ??????

    Asked by fireXXX,

    0 votes
    11 answers

  12. Отступ красной строки

    Всем привет еще раз! Не дам Вам отдохнуть. Еще раз всех с Новым Годом и грядущим Рождеством Христовым!!! Могу ли я добавить скрипт (если я правильно понимаю) в файл типа default.css для тега <br> что бы после него была красная строка, т.е. отступ типа text-indent: ???? Прошу дать внятный ответ, т.к. я в этом деле еще даже не дуб, а желудь! Спасибо!

    Asked by Vicoff,

    0 votes
    6 answers

  13. Динамическая подстановка class

    <ul> <li id="test" class="active"><a href="xXXXXXXXXXXX" accesskey="1" title="Главная" onclick="loadmenu">Главная</a></li> <li id="test1"><a href="XXXXXXXXXXXXXX" accesskey="2" title="Заказать">Заказать</a></li> </ul> Вопрос, как сделать чтобы при нажатии заказать, class="active" присваивался к этому li, а с первого убирался, дуамю примерно должно выглядеть так <script type="text/javascript"> function loadmenu() { var menuName = ....................... document.getElementById("test").class = .....; } </script> хотя помоему это не то

    Asked by slavok47,

    0 votes
    48 answers

  14. Background

    Привет всем участникам форума! Помогите мне, пожалуйста, разобраться с одной дилеммой. При создании сайта я наложила дизайн (background) не слоями (как обычно это делают), а одним рисунком, затем отдельно контент и еще доп. рисунки. Получилось в общем-то неплохо только если просматривать его с разрешением 1280x1024, а если 800x600 то получается полное гавно (извините, но правда). Вопрос: Возможно ли этот рисунок, который background сделать по ширине экрана любого компьютера, с любым разрешением? Просьба: привести примеры с htmlкодом

    Asked by Zarina,

    0 votes
    7 answers

  15. 2 Diva с шириной по 50% и float: left и их отображение в ie6 и ie7

    Народ еще нашел странную особенность http://shinoda.ru/bug_fix/block_test.htm Баг в том что в шестой и седьмой версии ИЕ при ширине в 50% и с флоатом лефт (вроде бы поровну и в сумме 100%) не помещаются на одной линии. И даже вроде знаю из чего, вот решил покопать по-подробнее, итак по порядку Я брал и скриншотил экран и замерял правильно ли браузер расчитывает ширину и вот что получилось (разрешение у меня 1280): IE6: Ширина окна браузера (без учета скролла и всего отсального) - 1253 px Ширина одного блока при разрешении 1253px была равна 627px, умножаем это на 2 и получаем 1254!!! и тут уже понятно почему блоки не стоят на одной линии, итог - ИЕ неправильно посчитал по…

    Asked by TonKhaO,

    0 votes
    26 answers

  16. Контур вокруг map

    При повторном нажатии на область ограниченную area (map) в Мозиле вокруг нее появляется мелькающая линия(контур). Как избавиться от этого? Можно ли вообще?

    Asked by jump,

    0 votes
    20 answers

  17. Сохранение пропорций Div при масштабировании

    Здравствуйте. Подскажите пожалуйста как решить такую задачу. Есть несколько div блоков (один под другим). Верхний Div блок содержит картинку, ширина - 100%, высота 600px. Необходимо, чтобы при изменении масштаба (например, при нажатии на CTRL + "+" или CTRL + "-") размер верхнего div блока, где картинка, сохранялся. Прикрепил картинку, чтобы было более понятно. Красным отмечена область, размер которой должен сохраняться при любом изменении масштаба. Спасибо! З.Ы. У меня получалось решить данную проблему, но возникала другая. При изменении масштаба, остальные div блоки налаживались на верхний и получалась каша.

    Asked by volchek,

    0 votes
    5 answers

  18. Плавное появление выпадающего списка

    Привет! Есть меню которое при наведении показывает выпадающий список, хочу сделать так, чтобы выпадающий список выпадал плавно, нежно:) Знаю только html+css, желательно решение на этих языках нужно. Я новичок, подскажите пожалуйста нужный код, и куда нужно его вписать. Вот коротко код одного раздела меню: HTML: <nav id="menuVertical"> <ul> <li>Раздел меню<span id="kolichestvo">( 22 )</span> <ul> <li class="test_2">Выпадашка</li> <li class="test_2">Выпадашка</li> <li …

    Asked by Анатолий1944,

    0 votes
    1 answer

  19. Верстка DIVами

    Вот, думал будет легко сверстать на дивах, ан нет, в разных браузерах все по разному. В основном футер едет вниз (его контент тянет по высоте), а левый и правый блоки не тянутся вместе с контентом. Если контент определенной высоты, то проблем вроде как и нет, но стоит его объем увеличить, (тоесть он тянется по высоте) - то сразу лезут косяки. HTML: <body> <div id="top_bg"> <div id="shapka_left"><img src="shapka_left.jpg" usemap="#Map" alt=""></div> <div id="shapka_right"><img src="shapka_right.jpg"></div> </div> <div id="top_nav"></div> <div id="speiser"><img src="speiser.gif" height="5px" width="…

    Asked by rus,

    0 votes
    12 answers

  20. Полезные темы раздела

    * Как вставить флэш-ролик в виде фона веб-страницы * Вставка формул в HTML-документ * Автоматически редирект на другую страницу * Кодировка - общие вопросы * max-width, максимальная ширина страницы * target="_blank" или чем его заменить? Дублирование вышеназванных тем не приветствуется.

    Asked by Vlad,

    0 votes
    0 answers

  21. Как включить подсветку текущей страницы в пагинации? bootstrap

    Здравствуйте. Делаю вёрстку через бустрап. Отображаются номера страничек как нужно, но вот подсветка номера страницы в пагинации не работает. Тут сказано http://twitter.githu...html#pagination, что для активной ссылки номера страницы нужно в тэг <li> вписать класс -<li class="active">. Но этот класс никак автоматически не переписывается на другие ссылки номеров страниц. Наверно надо что-то из JS подключить. Вот только что и как? подскажите, кто знает. Пример то простой...

    Asked by viz9,

    0 votes
    12 answers

  22. Пустой вывод. Smarty. Помогите.

    Помогите пожалуйста, у меня есть два шаблона, один был до меня еще и уже "откомпилирован", второй был создан мной. Я меняю обращение к новому тимплейту и в выводе получаю пустоту. В ФАКЕ по Смарти написано что он сам перекомпилирует новые шаблоны, но он этого почему то не делает. Вопрос, как сделать так что бы всетаки на вывод приходил мой шаблон?

    Asked by ide32,

    0 votes
    3 answers

  23. Горизонтальное меню в IE6

    Что-то я запутался. По совету друзей (с) сначала решил забить на IE6, но что-то совесть не позволила. Теперь у меня вопросы по верстке. CSS: #mm_container { background:url(/images/mm_a.png) repeat-x; height:74px; } #mm_container ul{ display:table; margin: 0 auto; } #mm_container li{ display:table-cell; } #mm_container a { display: block; float:left; height:74px; padding:0 20px; font-family:"Hortensia"; color:#fff; text-decoration:none; font-size:1.7em; line-height:74px; } #mm_container li { background:url(/images/mm_a_separator.png) left no-repeat; } #mm_container a:hover { background:url(/images/mm_a_hover.png) repeat-x; } #mm_container li.current a…

    Asked by d0ublezer0,

    0 votes
    23 answers

  24. Главная страница в домене

    Привет! Не знаю, в той ли разделе тему создал, но уж где есть(чесслово, с разделом долго определялся ). В общем, вопрос таков - как в домене определить стартовую страницу? Знаю, что просто-напросто index.html создаешь и она по умолчанию как стартовая работает, но а можно-ли назначить стартовой другую страницу(с другим менем, например, page1.html). Если можно, то как это прописать в домене?

    Asked by romero,

    0 votes
    3 answers

  25. css3pie (PIE.htc) работает с задержкой при условии hover?

    Скругляю уголки у li в IE при помощи css3pie (http://css3pie.com). У li при selected и hover также есть бекграунд из градиентного рисунка (repeat-x). При наведении мыши на li css3pie работает с задержкой, то есть скругление происходит не сразу, а спустя заметные для глаза доли секунды, а сначала виден нескругленный угол. Так и должно быть? Может, css3pie нельзя применять для hover? И еще - без position:relative вообще не работает. Пробовал по-разному: задавал position и css3pie как для всего (то есть неактивного) li сразу, так и для отдельно selected и hover, не помогло.

    Asked by Squidward,

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