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 <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: f…

    Asked by bios,

    0 votes
    18 answers

  2. Помогите решить пару проблем

    Кто знает, подскажите пожалуйста, как решить следующие проблемы: 1.Можно ли сделать, чтобы определенный цвет рисунка отображался прозрачным на браузерах Mozilla Firefox, IE6,7, Opera. На IE это делается с помощью фильтра chroma, а на других как? 2.Не на IE у меня почему-то не действует свойство CSS "cursor: hand". Опять же, как можно задать определенный курсор на элементе во всех трех браузерах. 3.Также не в IE не действует свойство CSS border-left, примененное к фрейму. Как можно это исправить. Есть ли какой-то тэг для рисования не горизонтальной, а вертикальной линии в HTML, который действовал бы во всех трех браузерах? 4.Я уже начинаю ненавидеть разработчиков Mozilla и…

    Asked by nemecfc,

    0 votes
    11 answers

  3. Фиксирование

    Добрый день всем! Я начал верстать макет, в задании сказано: Т.к. я новичёк, мне хотелось бы узнать, что это и как это сделать? Насколько я понял это делается вот так: body { background: #ffffff; background-image: url(images/bg.gif); width: fix; height: fix; }

    Asked by Feers1de,

    0 votes
    54 answers

  4. Smarty формы

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

    Asked by klerk,

    0 votes
    1 answer

  5. Отображение элемента поверх всех других

    Добрый день. Как сделать чтобы элемент, который находится внутри другого с overflow: hidden, отображался поверх всех других? <!DOCTYPE html > <html> <head> <style type="text/css"> .inner { position: absolute; top: 150px; left: 150px; } .outer { overflow: hidden; width: 100px; height: 100px; position: relative; } </style> </head> <body> <div class='outer'> <div class='inner'> Content </div> </div> </body> </html> Нужно чтобы Content всегда отображался. Стиль position: fixed для inner не подходит, т.к. в этом случае в моей задаче придётся делать расчёты …

    Asked by kidar2,

    0 votes
    4 answers

  6. Как вывести 2 значения VALUE (HTML)

    Доброго времени суток необходимо вывести выпадающий список, при выборе вариантов должна выводится картинка и отдельно ссылка(или слово, 2 картинки или все что угодно), цель вывести 2 значения. И еще одно условие код должен быть на html. пример моего кода: <img src="1.jpg" name="pic" id="pic"> <select onchange="document.getElementById('pic').src=this.value"> <option value="1.jpg">1</option> <option value="2.jpg">2</option> <option value="3.jpg">3</option> </select> сейчас при выборе 1 выводит картинку, нужно добавить, что бы выводило картинку и например какое то слово или ссылку

    Asked by Denys,

    0 votes
    7 answers

  7. как запретить прокрутку в iframe

    Мне нужно не просто скрыть полосы прокрутки в iframe, но и запретить прокрутку. Использую плавающие фреймы, содержимое помещается полностью - полосы прокрутки скрыл. Но в некоторых браузерах если покрутить колесико мышки - прокручивается содержимое. Всего на несколько пикселей, но все равно неприятно

    Asked by begin,

    0 votes
    3 answers

  8. Тянущийся фон

    Собственно вопрос. При разрешении монитора 1024*768 пользователь должен видеть только картинку center. Пользователь с разрешением выше, чем 1024*768 должен видеть уже картинки left_1, center, right_1. Пользователь, у которого разрешение ещё больше, видит left_2, left_1, center, right_1, right_2. Если у пользователя разрешение ещё больше, то он видит все картинки, а картинка left_3 и right_3 должны полностью замощать оставшееся пространство Кода не требую. Просто хочу понять, как это можно сделать Спасибо

    Asked by Boris.d,

    0 votes
    14 answers

  9. Как растянуть картинку на весь блок, если картинка прописана не в блоке

    Стиль для блока такой: .empty { padding: 0px; width: 45%; height: 200px; float: left; margin: 50px 8px 50px 8px; background-size: 100%; } В коде таблицы вставлены так: <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/06/osveshchenie-v-parilke.jpg"/></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2017/10/rimskaya-banya-Terma.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/07/postroit-garazh.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/upload…

    Asked by Омск,

    0 votes
    2 answers

  10. Как зафиксировать фоновую картинку по центру страницы?

    Проблема такова: Фоновое изображение должно быть расположено по центру страницы. При разрешении 1024х768 это так и есть. При большем разрешении фоновая картинка съезжает влево. Посмотреть можно здесь, Загрузить тему здесь margin: 0 auto; - не спасает. * { margin: 0; padding: 0; } body { background: url("images/bg.jpg") #0673C8 no-repeat; margin: 0 auto; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: 13px; } Вопрос специалистам по верстке: Как зафиксировать фоновую картинку по центру страницы? Буду рада любым вариантам - замучилась уже с этой картинкой.

    Asked by Mila,

    0 votes
    3 answers

  11. Интеграция собственного шрифта

    День добрый! Скажите пожалуйста, как можно интегрировать собственный шрифт на страницы сайта? В каких браузерах это работает? Заранее спасибо!

    Asked by dron,

    0 votes
    22 answers

  12. Подключение стиля с помощью @media

    Здравствуйте! Есть вот такая конструкция: <link rel='stylesheet' media='(min-width: 1281px) and (max-width: 1366px)' href='css/1366x768.css' /> <link rel='stylesheet' media='((min-width: 1025px) and (max-width: 1280px)) and ((min-height: 874) and (max-height: 900))' href='css/1280x1024.css' /> Но на практике она не работает... Хочу с её помощью подключать стилевой файл, если ширина окна будет колебаться от 1025 до 1280, а высота от 874 до 900 . Высота страницы задана в процентах, но высота блока с контентом - 874px. При увеличении ширины экрана (более 1280px) должен подключатся другой стилевой файл. Но почему-то этого не происходит. Даже при ширине в 1400 …

    Asked by maksvirus911,

    0 votes
    8 answers

  13. Как выровнять один div по высоте относительно другого DIVа

    У меня сейчас вот так сверстано на DIVах Нужно сделать чтобы было вот так: Как реализовать ???

    Asked by generator2003,

    0 votes
    12 answers

  14. { и smarty

    есть необходимость в шаблоне вставить скрипт на js <SCRIPT type="javascript"> function aa() { var a=5; } </SCRIPT> смарти ругаетса на скобки, как ему обьяснить что это не для него?

    Asked by odalex,

    0 votes
    3 answers

  15. Открыть страницу в ячейке таблицы

    Есть таблица из двух ячеек левой и правой. В левой находится меню. Можно ли по нажатию на ссылку меню открыть в правой ячейке страницу. Если да то как это можно сделать ?

    Asked by revresbo,

    0 votes
    12 answers

  16. Мотивирующий топик для заказчиков о изящной деградации

    Здравствуйте. Я попрошу ссылки на статью, где было бы объяснено именно для заказчика, почему изящная деградация хорошо, а костыли для ие8 это плохо. Если нет статьи, то предлагаю собрать здесь все мысли форумчан воедино, чтобы можно было из этого создать хорошую статью и уже давать ссылку для заказчика, который еще не в курсе, что это такое и хочет везде круглые уголки и прозрачность. Итак сочинение на тему - почему изящная деградация это хорошо? (представьте, что объясняете заказчику) ....

    Asked by Zverushka,

    0 votes
    50 answers

  17. почему размеры шрифта на макете и на сайте так различаются?

    Например: 1. В фотошопе смотрю параметры шрифта: 2. пишу в css: span {font: 12pt Arial, sans-serif} 3. текст на макете: отображение в хроме (в других примерно также): Подскажите пожалуйста, почему такие различия?

    Asked by sfc,

    0 votes
    13 answers

  18. Сдвигаемый бордер

    Имеем блок в стилях к блоку выставлен border-right. Вопрос: реально ли этот бордер сдвинуть сверху внизу не двигая сам блок? Типа как бекграунд к картинке где можно не добавлять дополнительное свойство а прямо указать в текущем сдвиг куда либо

    Asked by ShumNo,

    0 votes
    2 answers

  19. Нумерация таблиц (<table> в <li>)

    Нужно, чтобы таблички были пронумерованы с помощью тегов списка: <ol> <li><table>...</table></li> <li><table>...</table></li> </ol> Отступ в этом случае происходит, а вот номер пропадает. Как быть? Использование тегов списка обязательно. А вот с таблицей можно поиграться. Использую её, так как нужно, чтобы в списке на одной строке располагались две колонки: одна с основным текстом, а вторая у правого края страницы с дополнительными сносками и ссылками. Каждая такая новая таблица формируется при помощи специального макроса, в котором и передаются значения двух этих столбцов из базы данных. Передаются динами…

    Asked by derfas1,

    0 votes
    27 answers

  20. Позиционирование маркеров в списках

    Есть допустим вот такой вот код: <style type="stylesheet"> ul { list-style-type: outside; } </style> <ul> <li>one<br/>gg</li> <li>two</li> </ul> как можно маркеры подвинуть правее - ближе к тексту?

    Asked by Razor,

    0 votes
    3 answers

  21. вопос с DIV

    Камрады, помогите пожалста нужно сделать вотк акую штуку. есть два дива с содержанием. Они в позиции float:left от дуг дуга находятся в в ТД-эшке где ещо куча вещей разных между ними есть расстояние необходимо сделать это расстояние такого же цвета как они Но выделять их в отдельную ДТ-ешку или красить всю ТД-эшку нельзя подсажите чё делать. создал между ними еще один див но так как он не заполнен он не отображается... <font face="Verdana"><div style="float:left; background-color:f4f4f4;">Ocomments</div></font> <div style="background-color:f4f4f4;float:left;"></div> <font face="Verdana"><div style="float:right; background-c…

    Asked by Uragan,

    0 votes
    8 answers

  22. hr и css

    xhtml 1.0 strict как можно убрать рамку (границу, обрамление, окантовку) тега <hr> средствами css в ie7 с заданным фоном и высотой? hr{margin:0; padding:0; border:0;} не помогает.

    Asked by MehOlOLBuC,

    0 votes
    10 answers

  23. Как отцентровать дивы?

    Здравствуйте. Вопрос такой. Есть код: <body> <div class="center"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> </div> </body> И CSS к нему: body { margin: 0; padding: 0; font-family: Arial; line-height: 25px; background: #fff;} .clear{clear:both;} .center { width: 100%;} .block { float:left; margin: 6px; …

    Asked by laradice,

    0 votes
    6 answers

  24. IE не видит некоторые стили

    Я делаю оформление для своего блога. В разделе <head> указал внешний файл стилей: <link href='http://viter-alex.narod.ru/Scripts/copycode/styles.css' rel='stylesheet' type='text/css'/> Отображается нормально в Opera 10.10, Chrome 3.0.195.38, FF 3.5.5. Но в IE7 всё оформление пропадает: почему-то не видит стиль div.hl и некоторые другие. Может я в файле css что-то не так указал? Да, чуть не забыл, те же самые стили, но вложенные, распознаются отлично, например здесь

    Asked by viter_alex,

    0 votes
    9 answers

  25. выделение областей на географической карте

    подскажите пожалуйста возможно ли реализовать на web-странице подсветку областей географической карты при наведении курсора(без использования flash)? например дана карта России, на ней около 80 регионов. границы регионов, как понимаете, ломанные или может быть посоветуете готовый скрипт, если он существует вообще

    Asked by cyklop77,

    0 votes
    1 answer
×
×
  • 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