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. Почти меню, при наведении на блок, показывает другой блок

    Идея думаю будет понятна из кода, вот только как заставить не падать блоки вниз ? Блоки должны быть резиновыми, размеры дал просто для понимания что и где, вариант поставить координаты блоку не подходит. Сделать такое на яве делов 5 минут, вот только интересует вариант на CSS, или такое не возможно ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> div { border: 1px solid; display:block; } .m1 , .m2 , .m3 { float: left; width:50px; height:50px; position: relative; border: 1px; } .s1 , .s2 , .s3 { display:none; position: relative; …

    Asked by iillyyaa2,

    0 votes
    21 answers

  2. Chrome: Анимация срабатывает сразу после загрузки страницы

    Привет всем. Обнаружил странную особенность Хрома: анимация выполняется сразу после загрузки страницы. Вот, сделал тестовую страничку: http://www.photonoob...sition-bug.html Там всего один div, которому прописана анимация. Проверял на последних версиях Хрома (25.0.1364) на Win7 и MacOSX 10.6.2. (Если у кого-то не срабатывает, то попробуйте, находясь по вышеуказанному адресу, перейти на другую страницу, а затем нажмите кнопку «Назад» чтобы вернуться.) То что это баг я решил потому что такое поведение свойственно только Хрому. В других браузерах такого нет. Более того, даже в Сафари баг не обнаруживается. Вообще, поискав информацию на эту тему, выяснил, что уже существует о…

    Asked by ExtendedPlay,

    0 votes
    1 answer

  3. Можно ли заменить behavior другим свойством?

    Доброго времени суток. У меня на сайте используется фишка PNG behavior, которая корректно отображает PNG-24 в IE5.5/6. (http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html) При прохождении теста на валидность, валидатор указал на ошибку: Т.е. проблема в использовани свойства behavior: Видимо, валидатор не понимает специфичное для IE свойство и сообщает об ошибке. Есть ли возможность использовать альтернативное свойство? Надеюсь на помощь.

    Asked by Sulpher,

    0 votes
    9 answers

  4. подключить файл через медиа-запрос

    научите пожалуйста подключать определенный файл стилей в зависимости от фактической ширины экрана. следующий код работает <style media="screen">@import "css/styles1.css";</style> <style media="print">@import "css/styles2.css";</style> но здесь проверяется тип принимающего устройства. мне же нужно при ширине экрана >1000px подключать css/styles1.css , при ширине экрана <1000px подключать css/styles2.css

    Asked by cyklop77,

    0 votes
    5 answers

  5. Как лучше сверстать блоки разной высоты на Bootstrap?

    Прошу прощения за мой дилетантский вопрос: Есть макет сайта вот такого плана (картинка во вложении). Все блоки на сайте размещены сеткой, у каждого блока высота равна или x, или 2x, или 3x, ширина тоже - y, или 2y. Пробую сделать на Bootstrap, но, из-за высоты, бутстрап размещает 4-й блок не под 2-м, а под первым, с новой строки. Пример: https://www.codeply.com/go/dwyEv5gprw Подскажите, как решить данный вопрос? Заранее спасибо!

    Asked by VeraVostro,

    0 votes
    3 answers

  6. Как зафиксировать ячейку таблицы с рисунком

    Вот бьюсь 3 дня над такой проблемой. Делаю верстку шаблона, но вся соль в том что диз построен на градиенте и требует создания дополнительных ячеек в таблице, а вот зафиксировать их я не могу. Вернее один раз получилось, как назло комп подвис и все. Навожу код <style type="text/css"> <!-- .tile_news_inside { background-color: #E8F0F7; background-image: url(images/tile_news_inside.gif); background-repeat: repeat-x; } .left_tile_news { background-image: url(images/left_tile_news.png); background-repeat: repeat-y; } .right_tile_news { background-image: url(images/right_tile_news.png); background-repeat: repeat-y; } --> </style> <TABLE CELLSPA…

    Asked by flint2000,

    0 votes
    6 answers

  7. Засунуть блок под блок (размеры резиновые)

    вся проблема заключается в том, что размеры все резиновые... красный блок должен быть под остальными блоками (он содержит фон) большой блок над ним будет иметь поле onclick 2 верхних поля должны быть отцентрированны и размер их больше чем красный блок уже всю голосу сломал, как сделать... можно использовать и таблицы и блоки если чему то даю позишн абсолют, то размеры по ширине или высоте становятся не известны и родительский блок не растягивается

    Asked by iillyyaa2,

    0 votes
    39 answers

  8. Помогите с проигрывателем

    В общем, написал на сайте страничку креативов, куда человеки могут закинуть флэшки, видео или музыку. Но возникла проблема с проигрывателем для видео и аудио - перерыл кучу скриптов, везде одно и то же "УСТАНОВИТЕ ПЛАГИН". Разве что медиаплеер11 в седьмом эксплорере работает:) Подскажите мне решение этой проблемы, плиз.... Вот например сайты серии Ютуба - заходишь - работает под всеми браузерами, не без глюков, конечно, но работает

    Asked by Элвис,

    0 votes
    10 answers

  9. Съезжают картинки

    Текст обтекает картинку, но если его мало и он не доходит до низа картинки, то следующая картинка съезжает вверх, и находится справа от картинки, под текстом. Как сделать чтобы не съезжало?

    Asked by KristinaG,

    0 votes
    2 answers

  10. Подключение css файла

    Всем привет. есть некий шаблон страницы, разбитый на части и собираемый в последствии (include) я хотел подключить меню находящееся в отдельном файле с помощью линка.. - НЕ ПОЛУЧАЕТСЯ. далее добавляю в head местную конструкцию - содержимое файла ............... содержимое css файла (меню) ТОЖЕ НЕ РАБОТАЕТ! то есть формируемая стр НЕ УЧИТЫВАЕТ ПОДКЛЮЧАЕМЫЙ ЛИНК... ———————————————————————— ЧТО ЕЩЕ ИНТЕРЕСНО.. ФОРМИРУЕШЬ ЦЕЛИКОМ СТР. ПРОПИСЫВАЕШ В ШАПКУ КОД МЕНЮ CSS - И ВСЕ РАБОТАЕТ, А ДИНАМИЧЕСКИ НЕ ФОРМИРУЕТ.. знающии или сталкивающиеся с этим - подскажите что может быть не так?!! Спасибо.

    Asked by denand,

    0 votes
    15 answers

  11. КАК ЗДЕЛАТЬ ЧТОБЫ ПРИ НАВЕДЕНИИ МЫШКИ НА КАРТИНКУ ПРИГРЫВАЛСЯ ЗВУК

    Как Зделать Чтобы При Наведении Мышки На Картинку Пригрывался Звук

    Asked by lexa,

    0 votes
    12 answers

  12. Посоветуйте, как наложить изображение поверх текста так, что бы текст был доступен для выделения?

    Посоветуйте, как наложить изображение поверх текста так, что бы текст был доступен для выделения?

    Asked by freeneutron,

    0 votes
    11 answers

  13. Не работает кнопка

    Здравствуйте! Я учусь в 8 классе. В 9 классе у нас будет по ИВТ пару тем связанных с html. Меня это заинтересовало и я решил изучить html. Мне понравилось) Я начал делать страницы и пока обходился без кнопок. Но вот решил сделать "Анкета гостя сайта". Сделал всё по учебнику 9-го класса 2004 года автор: Угринович. Сделал АБСОЛЮТНО всё так, как там показано, но вместо кнопки поле, в котором написано "отправить". Вот можете сами попробовать "нажать" на эту кнопку http://normylik.cf/faq/anketa.html (все ссылки указанные на сайт не действительны, так как вместо домена .ru купил другой для сайта, который я создал месяц назад с помошью движка на пхп). Спасибо.

    Asked by Normylik,

    0 votes
    20 answers

  14. div display:inline в мозилле

    Столкнулась с такой проблемой. Когда проставляешь у div свойство display:inline, в мозилле и опере он перестает видеть ширину.. я конечно понимаю что ширина у инлайновых элементов - это несколько неправильно... но все же.. может как-то можно обойти? Вот кусок кода <table cellpadding="0" cellspacing="0" border="0" width="100%" style="height:100%"> <tr> <td><div style="display:inline;width:300; border:1px solid #00ff00;">Молоко</div> <div style="display:inline;width:300; border:1px solid #00ff00;">Ещ? порция</div> </td> </tr> </table>

    Asked by Lergana,

    0 votes
    8 answers

  15. IE-6

    Приветствую. У меня IE-6 не отображает картинку: h1 { background-image: url(images/lef_t.jpg); background-repeat: no-repeat; background-position: 100% 100%; } body, html { margin:0; padding:0; background-color:#eff7d5; background-image: url(images/bac.jpg); background-position: 50% 0%; color:#000; } body { min-width:768px; } h1, h2 { font-family: Arial,Helvetica,Verdana, sans-serif; } #wrap { position: relative; background-color: #F5Ffd9; background-image:url(images/list.jpg); margin:0 auto; width:768px; border: 2px solid #ADD222; margin-top: 1px; } #masthead { border-bottom: 1px solid #8a2; } #masthead { background-color: #EFA; background-image: url(…

    Asked by Lobo,

    0 votes
    16 answers

  16. Абсолютное позиционирование шапки сайта

    Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …

    Asked by Arxont,

    0 votes
    17 answers

  17. Верстаю по макету. Нужен совет.

    Есть *PSD макет . Дом, земля, забор, логотип и небо с солнцем на разных слоях, вот думаю как сверстать из этого резиновую шапку. Есть сложности: градиент не равномерен, т.к есть солнце и свет от него, т.е сделать фоном небо с забором и землей не получиться. Как думаете, что тут можно сделать? http://photofile.ru/express/ashozzofesisea...omothi/1016525/ - шапка

    Asked by 100kd,

    0 votes
    11 answers

  18. Авто ограничение ширины div

    Правая колонка используется для навигации, е? ширина зада?тся width: 350px; /*Width of right column in pixels*/ margin-left: -350px; /*Set left margin to -(RightColumnWidth) */ Левая колонка, основная (c контентом), зада?тся кодом: #contentwrapper { float: left; width: 100%; } #contentcolumn { margin-right: 350px; /*Set right margin to RightColumnWidth*/ } При вставке таблицы в основную колонку (левую) блок растягивается в полный размер экрана, что правой колонки вообще не видно. Поэтому есть кросс браузерный код для ограничения ширины блока: max-width: 650px; width: expression(this.offsetWidth > 650 ? "650px" : this.offsetWidth); Как сделать, чтобы максимальная ши…

    Asked by leogee,

    0 votes
    8 answers

  19. DIV"ы наползают друг на друга

    Знаю вопорс элементарный и ответ наверняка есть на форуме. Но поскольку я только-только начал осваивать css, то большинство ответов, которые я нашёл, мне не понятны, а готовые решения мне не нужны - хочу сам научиться. Читал описание позиционирования элементов на этом сайте, но отличия очень смутно понимаю. Поэтому решил создать новую тему. Имеется вот такая беда: HTML: <div class="mes_body"> <div> <div class="mes_info"> Текст левой колонки <div class="price"> Цена находится под текстом слева </div> </div> <!--Фото, тут код не убирал, чтобы не убрать ничего лишнего--> <div class="mes_photo"> {%if $message.fields.i|@count …

    Asked by Atip,

    0 votes
    2 answers

  20. Буллит списка без обтекания

    Вроде бы несложная задачка, но споткнулась на ней. Нужно, чтобы сам текст не обтекал буллит. Так: Сверстано так: a:before{ content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#464646; margin-right:8px; vertical-align:middle;}Возможно ли это?

    Asked by Светлана Г.,

    0 votes
    21 answers

  21. Не работает overflow в Safari

    Всем привет! Народ, есть лендинг: http://fenix-63.hol.es/bulvar/ Вот эта часть (раздел цены и условия занятий): https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/998283 в браузере Safari выглядит очень ужасно. CSS-свойство overflow:hidden тут как то по-другому работает. Народ, подскажите, как это исправить? А то я уже голову сломал.

    Asked by fenix_63,

    0 votes
    3 answers

  22. Вертикальное центрирование изображения

    Доброго времени суток. Ситуация такая. Есть некий блочный элемент (допустим, абзац), внутри которого есть картинка и немного текста. Картинка вставлена тегом Код, работающий в Опере и Лисе: HTML: <img src="menu.png"> Some Text CSS: p { height: 100px; line-height: 100px; } p img { vertical-align: middle; } Буду очень рад, если кто-то подскажет как заставить работать это в IE

    Asked by Kaiden,

    0 votes
    11 answers

  23. ссылка на вклаку страницы

    Вопрос наверное простой. Есть страница index.html и на ней меню сделанное в DW CS3 (Spry Tabbed Panels), т.е. на странице много вкладок . Как можно сделать прямую ссылку на определенную вкладку в странице? Ведь адрес то страницы один ... index.html.

    Asked by tamias,

    0 votes
    9 answers

  24. Динамичное содержание страницы

    Как сделать так, что бы информация или часть информации на странице менялись, например, что бы данные брались с другой страницы? Что-то типа такого, вот есть к примеру текст: Ваш рейтинг = "число взятое с другой страницы сайта или другого сайта" Или: Ваши баллы "кол-во взятое с другой страницы" из 10 Что-то типа информации в профиле, например пользователь учавствовал в конкурсе на сайте и в его профиле отображается кол-во достижений, вобщем как сделать, что-то типа этого?

    Asked by mr_0003Spy,

    0 votes
    32 answers

  25. Проблемы с цетом текста

    Здраствуйте! Меня слегка перестал "слушаться" ВордПресс, делаю сайт на двиге, ибо не знаю php, который позарез нужен. Вот сайт, дизайн был совсем другим, я решил немного изменить его, но вот поменял, фон такой светленький, текст должен быть в свою очередь темным (раньше так и было), а тут раз и он уже белый чет, в css менял color не помогло, подскажите может быть кто-то знает в чем проблема? Ах, да и посмарите, какие ещё проблема в функионале и вообще сайте. Заранее благодарю.

    Asked by Shader,

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