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. Растягивающийся фон

    Всем привет, в процессе верстки столкнулся с проблемой которую нужно решить средствами css и html. Задача: требуется сделать растягивающийся фон, который будет при любом изменении экрана сохранять свои пропорции. К примеру есть картинка 3:4, если размер экрана становится узким по высоте(3:10 например), тогда картинка растягивается по ширине сохраняя пропорции. А если узким по ширине, тогда растягивается по высоте сохраняя пропорции. Соответственно так как пропорции сохраняются часть картинки просто не показывается, остается за пределам браузера, скрол не показывается.

    Asked by Mal4ishnik,

    0 votes
    8 answers

  2. Полоска меню во всю ширину экрана

    Друзья, приветствую и прошу помощи. Подскажите пожалуйста, как сделать полоски меню во всю ширину экрана (оранжевые) на сайте http://diagnostmaster.ru То есть чтобы они фоном выходили за длину в 1110 px. Заранее благодарен.

    Asked by daft,

    0 votes
    1 answer

  3. проблема с функцию # top !!!!

    Проблема с функцию # top. Даная фунция не работает в браузере Opera а в браузере IE работает нормально кто нибуть знает как решить это проблема? Спосибо!

    Asked by smile13,

    0 votes
    6 answers

  4. класс для li

    Есть класс thumbs li { float:none; height:285px; width:284px; margin:0 0 5px 17px; background-image: url(/images/contentbg2.gif); display:inline; } Вставляю его на страницу <ul class="thumbs"> <li><p class="top"><span class="cat"><b>Категория </b></span>софт</p><div class="img"><img src="images/rand.jpg" alt=""></div></li> <ul> Изображение фона при этом не применяется, наличие его в папке проверял, параметр float работает. Пробовал просто background:url(/images/contentbg2.gif) не работает. Подскажите, в чем проблема.

    Asked by maxs,

    0 votes
    5 answers

  5. html позиционирование по центру div-ами

    идейно надо сделать такую простую вешь: страница всегда посередине, слева есть тень. Надо чтоб при изменении окна браузера скроллбар появлялся Только на белой области (не на тени). Таблицей сие сделать никаких проблем - <table width="100%"><tr> <td style="background:url(ten.gif) no-repeat right;"></td> <td width="980">белая</td> <td></td> </tr></table> Дивы один в другом с тенью не катят так как скролл будет на тени тоже, а это критично из-за ширины страницы на 1024px: <div style="background:url(ten.gif) no-repeat; padding:0 30px 0 30px;"><div id="белый_контент">...</div></div> поидее над…

    Asked by paulik,

    0 votes
    10 answers

  6. Резиновая верстка

    Всем привет. Вот допустим у меня разрешение экрана 1280х1024 в body стоит min-width: 980px;max-width: 1500px; шапка ( она сейчас единственная вставлена ) имеет разрешения 1300х453px, как я могу сделать чтобы, у меня не появлялась полоса прокрутке, а шапка растягивалась. И хотелось бы узнать как завиксировать отдельный блок чтобы он не растягивался. Спасибо. <!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"> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="sh…

    Asked by ret,

    0 votes
    9 answers

  7. Как работает height в CSS

    Не могу понять какая логика работы свойства height в ниже приведенном примере. table.main { position: absolute; width: 100%; height: 100%; border-collapse: collapse; } Только после добавления position: absolute таблица начинает слушаться и растягивается на всю высоту, хотя width работает корректно в обоих случаях. Без position таблица игнорирует height: 100%, но вполне нормально слушается height: 500px. Подскажите, где я не дочитал учебники?

    Asked by loggerserg,

    0 votes
    21 answers

  8. Оформление блока

    Добрый день, помогите реализовать оформление блока как на картинке: С закруглениями много материалов перечитал, но чтобы такое сделать, ничего найти не могу.

    Asked by lindim,

    0 votes
    4 answers

  9. Как сделать волнистое подчеркивание фиолетового цвета в html?

    Как сделать волнистое подчеркивание фиолетового цвета в html?

    Asked by Anakula,

    0 votes
    1 answer

  10. DIV и Script

    добрый день. Есть такая проблема. Есть поле div со стилем: overflow: auto; И в этот div посредством innerHTML пишется текст. Только вот в ч?м проблема, когда overflow: auto; есть в стиле, текст в div добавляеться только один раз и после этого ничего не отображаеться, если overflow: auto; убрать, то вс? прекрасно пишеться. Кто нить сталкивался с таким косяком?

    Asked by skid,

    0 votes
    5 answers

  11. Сложная верстка

    Ребята, поделитесь, кто как такое верстает, таблично+css, етот блок будет вниз по вертикали растягиваться, внутри будет текст: Если можно примерчики

    Asked by okunev2,

    0 votes
    5 answers

  12. Помогите исправить код выпадающего меню!

    Тут куча лишних тегов, я миллион раз все удаляла, но страница все время выдает, что в коде есть ошибки. Тому, кто поможет, буду очень благодарна . меню взято с woweb.ru. <html> <head> <TITLE>SimpleMunu 0.2</TITLE> <META http-equiv="Content-type"; content="text/html; charset=windows-1251" > </head> <BODY bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" onload=WriteLogo()> <h2><font face=arial>Пример работы меню</h2></font> <SCRIPT language=JavaScript1.2 src="menu.js"></SCRIPT> </td><tr> <tr> <td colspan="2"> <table border="0" width="700" heigh…

    Asked by Inferna,

    0 votes
    9 answers

  13. Закрывающий тег

    В книгах написано закрывающий тег не обязателен. Если я не использую следующие закрывающие теги: [*] то это нестрашно, или все-таки это как-то отразится на моем сайте?

    Asked by fyyf,

    0 votes
    5 answers

  14. Задача — Головоломка

    Предлагаю к рассмотрению следующую задачу: нужно заверстать следующий макет Сложностью является выравнивание элементов в заголовках. В верхнем заголовке текст блоков (каждый шириной по 50%) выровнен по центру. Левый край нижнего заголовка должен быть выровнен по левому краю верхнего левого заголовка. Вот html: <div> <ul> <li><a href="#">текст заголовка</a></li> <li><a href="#">текст заголовка</a></li> </ul> </div> <!-- кусок текста, высоту его вычислить никак нельзя--> <div> <p> Полнолуние жизненно отражает центральный афелий , данное соглашение было заключено на 2-й между…

    Asked by XXXVII,

    0 votes
    5 answers

  15. Реально ли сделать такую форму?

    Дизайнер нарисовал, реально ли воплатить? Не так давно занимаюсь вэб прогом, моих знаний не хватает) На чистом ксс вряд ли возможно, может ещё что-то? Разъясните, пожалуйста

    Asked by Rootical,

    0 votes
    11 answers

  16. 2 разных беграунда

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

    Asked by termoplus,

    0 votes
    7 answers

  17. Адаптивный дизайн

    Разрабатываю адаптивный дизайн для сайт при помощи CSS3 Media Queries. Сайт будет прибывать в 3 состояниях: телефон, планшет и настольный компьютер. Для планшета дизайн отличается не только тем что он резиновый но и расположением и размерами некоторых элементов в виду того что для планшета желательны крупные размеры кнопок. В дизайне для компьютера расположение и размеры другие. В среднем экран настольного компьютера имеет ширину 1280 пикселей. А ширина экрана планшетов колеблется от 768(Apple iPad в вертикальном положении) до 1280(Galaxy Tab 10.1). Проблема возникает именно в этих размерах а именно в их пересечении. То есть стили для @media only screen and (min-width:7…

    Asked by Lednar94,

    0 votes
    7 answers

  18. Отправка данных из фрейма.

    Добрый день, уважаемые форумчане. Столкнулся с такой проблемой. Имеется файл с фреймами (рис.1). В одном из фреймов форма, с отправкой скрытого значения и кнопкой. При отправке формы, обработчик Result.php, записаный в action подгружается в сам фрейм (рис.2). Подскажите пожалуйста, как сделать так чтобы та же страница открывалась в новом окне. Испробовал следующее: прописал в кнопке атрибут onClick='location.href="Result.php"' - страница открывается, но данные не отправляются onClick='parent.location.reload()' - страница обновляется но все остается по прежнему Заранее большое спасибо за советы!

    Asked by killmister,

    0 votes
    2 answers

  19. Как выровнить картинки с разной высотой?

    Как выровнить картинки с разной высотой?

    Asked by incub,

    0 votes
    5 answers

  20. Только для Оперы

    Подскажите плиз как прописать стиль, который поймет только Опера и проигнорируют другие броузеры?

    Asked by Ladoga,

    0 votes
    5 answers

  21. @charset

    Ребята, есть такой вопрос. Никогда ранее не задумывался, но в CSS есть такой параметр @charset "название кодировки"; Собственно сам вопрос: стоит ли его использовать, или лучше ничего не писать? Просто не часто его встречаю - может это уже устарело? Кто что подскажет? В head прописано <meta http-equiv="Content-Type" content="text/html; [b]charset=utf-8[/b]" /> <link type="text/css" href="img/styles.css" rel="stylesheet" media="all" /> По идее кодировка уже указана? Для стилей отдельно писать не нужно? Кто как делает?

    Asked by DjTarik,

    0 votes
    8 answers

  22. Написание кода главной стр. и подстраниц сайта

    Добрый день. Заранее простите за мой "ломаный html" Вопрос заключается вот в чем: Необходимо создать сайт. Почитала статьи на htmlbook. Из прочитанного поняла, что нужно сделать css файл (оформление сайта) и html файл (главная страница, где уже разметка структуры сайта). Не думаю что каждая стр. сайта должна содержать весь этот огромный код разметки сайта. Вдруг мне телефон нужно будет поменять в подвале сайта, не менять же его на всех 20 страницах? По-моему нужен один загрузочный файл (структура, разметка) и css (оформление) - т.е. если нужно поменять номер телефона на сайте и его цвет, то это делается 1 раз и уже по-новому отображается на всех страницах сайта. А с…

    Asked by To4ilka,

    0 votes
    9 answers

  23. Маштабирование рисунка внутри DIV

    попытался реализовать следующее: есть DIV у которого задано: overflow: hidden; служащий своего рода контейнером. Его высота подстраивается под вложенный внутрь него элемент, например, другой DIV c текстом. А теперь мне нужно вложить внутрь внешнего DIV еще один DIV c рисунком так, чтобы высота 2-го DIV (и рисунка внутри него) равнялась 100% высоты внешнего DIV. Вкратце-содержимое 1-го DIV задает высоту, второй соседний DIV (и рисунок внутри него) под эту высоту подстраивается, оба лежат во внешнем DIV Казалось бы нужно прописать везде height 100% но ничего не работает естественно... Может быть нужно задавать высоту через inherit? но этот вариант тоже не работает... что де…

    Asked by miknsk,

    0 votes
    15 answers

  24. Резиновая ширина, навигация слева в виде таблицы

    Здравствуйте, подскажите, пожалуйста, почему центральная таблица (Новости) на ходится снизу относительнолевого блока (таблицы). Делал как здесь в макетах: http://htmlbook.ru/layout/rezinovaya-shirina-navigatsiya-sleva вроде бы. float: left. Отступы вроде все правильно проставлены. Весь день промучался, но не получается.Хочу чтобы всё позиционирование было относительным. Новичок в CSS совсем. Поэтому скорее всего всё банально глупо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Сайт</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <img id="hat" src="…

    Asked by bdshadow,

    0 votes
    11 answers

  25. Как изменить свечение формы при клике

    Asked by skoch244,

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