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. Проблемы с <title>

    Такая проблема - не меняется title!Все равно пишет "Документ без названия", хотя тайтл задан свой. Причем, если переименовать страницу с index.php на index.html то тайтл меняется.

    Asked by DartBein,

    0 votes
    6 answers

  2. Помогите z-index

    Почему красный не перекрвает зелёный? z-index задал вроде правильно!Получается вот так http://mepic.ru/view/?id=c0936491def5d858001c54a643eccc24 , а нужно наоборот.Подскажите что не правильно! ВОТ КОД <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> .feature_img { background:#F00;/*КРАСНЫЙ ЦВЕТ*/ height:100px; width:170px; z-index:1; } .content_background{ background:#699;/*ЗЕЛЁНЫЙ ЦВЕТ*/…

    Asked by zlatan,

    0 votes
    2 answers

  3. Как сделать такую форму поиска?

    Добрый день всем! Подскажите как сделать такую форму поиска? интересует именно как сделать поле закругленное. Спасибо.

    Asked by west456,

    0 votes
    4 answers

  4. Блок под разные разрешения экрана

    Есть код: .goods ul {width: 1280px; list-style-type: none; margin: 0 0 0 -6px;}.goods li {display: -moz-inline-box; display: inline-block; vertical-align: top;}Не пойму как сделать, если разрешение монитора 1024, делать блоку goods ul ширину 980, а если более 1024, то тянучку до 1280. Доктайп такой:

    Asked by okunev2,

    0 votes
    4 answers

  5. Псевдоэлемент :before и z-index в ie8

    #main { background-color: #fff; border-radius: 15px; border: 1px solid #d5d5d5; display: block; height: 1000px; margin-top: 7px; position: relative; width: 948px;}#main:before { content: url(../images/top-shadow.png); display: block; position: absolute; top: -10px; z-index: -1;}<div id="main"></div> Здравствуйте. Подскажите пожалуйста, как заставить работать z-index в псевдоэменте ( :before ) для браузера ie8. Основная задача заключается в том, что нужно поместить подложку ( в данном случаи тень овальной формы ) под основной элемент ( #main ). В "нормальных" браузерах данный код работает. В ie8 подложка "выезжает" на передний план.

    Asked by poseidon,

    0 votes
    2 answers

  6. Размывается картинка после изменения размера контейнера

    Доброго времени суток! Имеется проблема: Я изменил размер контейнера (картинка CELINE в шапке сайта) с помощью кода CSS: .adaptive .logo img { max-height: 120px; min-width: 300px; } Далее вставляю картинку "CELINE" с помощью визуального редактора UMI, сохраняю изменения и обновляю страницу. После обновления страницы картинка "CELINE" размывается... Как сделать чтобы картинка отображалась без размытия?

    Asked by Psychedelic1571,

    0 votes
    2 answers

  7. LESS компиляция на ходу.

    Господа, подскажите по поводу компиляции LESS именно на стороне сервера... (с клиентской частью проблемы нет) Я так понимаю - для компиляции используется node.js? Есть ли ещё варианты без использования node ? (Эту тему знаю плоховато, потому и прошу помощи в этом направлении)

    Asked by Q4Dizzy,

    0 votes
    2 answers

  8. Пример работы "в ноутбуке"

    Очень понравилось портфолио в котором в картинке ноутбука размещена картинка разработанного сайта, и при нажатии на сайт появляется полная версия Как это делается? Вот скриншот: То есть именно интересует как поместить картинку в картинку

    Asked by Bava,

    0 votes
    4 answers

  9. Подскажите пожалуйста! Как такое сделать или как называется?

    Подскажите пожалуйста! Как сделать такую штуку на JS или Jquery? Можно просто название этой штуки))

    Asked by Onokainc,

    0 votes
    2 answers

  10. Реализация динамически появляющихся полей

    При нажатии на кнопку появляется новое поле. Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля http://skrinshoter.ru/s/031218/LKi6NuB4 Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сделал это на флексбоксе, но поля не переносятся на другую строку при переполненном контейнере https://codepen.io/anon/pen/QJoaXX

    Asked by yaparoff,

    0 votes
    3 answers

  11. Повторяющиеся линии

    Здравствуйте. Мне необходимо вывести вертикальные однопиксельные линии через равные промежутки. Что-то примерное я нагуглил https://jsfiddle.net/6eq501tz/ Но проблема в том, что линия должна всегда находится в центре экрана. Если уменьшите ширину экрана в демо таким образом, чтобы помещались только две линии, то увидите, что при background-position: 50% 0; линии располагаются по краям экрана. Второе - на некотором разрешении в фф линии исчезают. Может есть другие идеи, как реализовать подобное, или пофиксить текущий вариант? Upd: получилось отцентрировать с помощью calc https://jsfiddle.net/8ztwr95e/ Проблема с исчезающими линиями в ФФ актуал…

    Asked by alex_web64,

    0 votes
    0 answers

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

    Не пойму в чем дело, вроде прописала размеры всех ячеек таблицы, когда вставляю текст, строчки не переносятся, а идут длинной строкой. как еще зафиксировать ширину ячеек? http://www.ekolab-zentr.ru/ может что-то неправильно написала? в CSS html, body { margin:0px; padding:0px; } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Times New Roman; font-size: 14px; color: #000000; vertical-align: top; } table.main { border-collapse: collapse; } td { padding: 0px; } td.top { background-image: url(top.jpg); background-repeat: no-repeat; height: 263px; width: 1000px; } td.left { background-image: url(left.jpg); back…

    Asked by dinchy,

    0 votes
    4 answers

  13. Подскажите!

    Ну вот! .row2{ background:#161616 url(wow_ru/post-bg1.gif) repeat-x top; } Как его растянуть на всю! Что бы не пострадали остальные части форума?

    Asked by angelShlesser,

    0 votes
    0 answers

  14. Выпадающие меню

    Здравствуйте. Есть html-код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>меню</title> <link href="css/common.css" rel="stylesheet" type="text/css"> </head> <body> <div id="menu"> <ul> <li><a href="#">Меню1</a> <ul> <li><a href="#">меню 1.1</a></li> <li><a href="#">меню 1.2</a></li> <li><a href="#">меню 1.3</a></li> </ul> </li> <li><a href="#">Меню2</…

    Asked by param,

    0 votes
    4 answers

  15. Помощь с макетом

    Добрый день. Я пока только учусь верстать и мне нужна ваша помощь Есть макет страницы в котором присутствует вот такой элемент: То есть при нажатии на определенный этап под ним появляется текст, а кнопка этапа заменяется фигурой человечка. Подскажите как такое можно реализовать?

    Asked by Neograff,

    0 votes
    6 answers

  16. repeat-x для дива

    На сайте http://www.кг.ru/ сделал фон снежинки, но они получились только слева. Как сделать чтобы они были по ширине? Тоесть чтобы было видно и спереди и сзади.

    Asked by Tchorteg,

    0 votes
    2 answers

  17. Страница "уезжает" влево

    Есть такой шаблон - http://rghost.ru/32649991 При добавление большого количества текста в div "body_area" страница "уезжает" на пару десятков пикселей влево. Данный эффект заметен только если раскрыть страницу на весь экран в браузере (Maximize). Как можно это побороть? Спасибо.

    Asked by Garfunkel,

    0 votes
    2 answers

  18. вопрос по "get" и "submit"...

    Не могу решить такую проблему: Есть форма для поиска <form action="http://www...../search" method="get">. В ней есть инпут для ввода запроса <input name="q" size="22" />. Ну и кнопка, разумеется <input type="submit" value="Искать" />. Вопрос: Как сделать, чтобы текст из инпута отсылался на запрос всегда с "припиской", то есть некой текстовой константой, например вы вписали в инпут "Вася", а субмит отсылает запрос как "Вася 666", или вписали "Оля", а отсылается "Оля 666", то есть не зависимо от того что вы ввели всегда в конце должно приписывается " 666" (666 - просто для примера)... Как такое сделать? Помогите. Очень нужно.

    Asked by qwaszx,

    0 votes
    6 answers

  19. Вертикальное выравнивание UL в DIV

    Здравствуйте. У меня возникла следующая проблема. У меня есть блок div определённой высоты. Внутри него имеется список ul ссылок, который требуется выровнять по высоте блока div по середине. Проблема в том, что ни margin: auto 0, ни verical-align: middle не помогают и блок прижимается к верхней части div'а. Не могли бы вы помочь мне с этой проблемой?? Вот шаблон макета, изменить его по некоторым причинам не представляется возможным (только если через js, но нежелательно). Остальные стили я и сам смогу поставить, только с этим проблема выходит... Заранее спасибо.

    Asked by kozhilya,

    0 votes
    3 answers

  20. Как правильно сверстать активный пункт меню?

    Привет, собственно вот скриншот того, что я хочу сделать: Как видите, кнопка Home имеет фон и вот эту вот "галочку". Фон идет картинкой; естественно, что при попытке "подложить" эту картинку под, например, Business выглядит это не комильфо. Можно, конечно, сделать такую картинку для каждого пункта навигации, но это не лучший вариант. И у меня вопрос, как это правильно сделать, да так, чтобы выглядело нормально при любой длине слова?

    Asked by novickOk,

    0 votes
    2 answers

  21. Отсутствует скролл на сайте в IE8

    В IE8 отсутствует скролл на стринице, хотя при уменьшении масштаба видно оставшуюся часть страницы. В средствах разработчика показывается, что код загружен полностью. http://savepic.su/2857811.htm http://savepic.su/2849619.htm В IE7 и IE9 скролл присутствует, но страница не подгружается полностью. http://savepic.su/2841427.htm сайт www.vodoley.pro

    Asked by nikitaneo,

    0 votes
    4 answers

  22. Помогите расставить дивы

    Уважаемые мастера, прошу ваших наставлений по размещению блоков: имеем Моя ссылка а необходимо следующее: Моя ссылка подскажите как правильно это организовать.

    Asked by cmndr_alexgreen,

    0 votes
    5 answers

  23. цвет кнопки при наведении !

    всем привет " подскажите пожалуйста почему у кнопки --ДОБАВИТЬ В КОРЗИНУ-- при наведении цвет меняется только до области текста,а не всего фона ??? как это поправить ??? http://joomla.metko.ru/ <style="text-decoration:none"a href="index.php?action=buy_now&BUYproducts_id={$module_data.PRODUCTS_ID}"><dds>Добавить в корзину</dds></a> #buy111{ background:#596066; border-radius: 5px; } dds{ color:white; } dds:hover{ background-image: url("img/cartfon.png"); }

    Asked by morgusha,

    0 votes
    4 answers

  24. верстка под разные устройства

    Всем добрый вечер. У меня сайт, сверстан под три разрешения, это не назавешь резиной, просто фикс под три разрешения, использовала @media gueries. Максимальное разрешение 1980х800 - расчитано для настольных ПК. Второе разрешение 1024х768 расчитано больше для планшетов и вот вопрос возникает, как сделать так чтобы это разрешение отображалось на всех планшетах, а не бралось разрешение 1980х800, если разрешение у экрана планшета выше 1024? Потом возникла проблема при вертикальном просмотре на устройствах и горизонтальном просмотре: можно ли при вертикальном использовать одно разрешение экрана, а при горизонтальном другое? Хотелось бы узнать ваши варианты та…

    Asked by Nailya,

    0 votes
    2 answers

  25. Зафиксировать тень изображения с переменной высотой

    Всем доброго дня! Необходимо зафиксировать тень (отдельная картинка) снизу изображения с переменной высотой (в разных материалах высота картинок колеблется). Сейчас вот так (зафиксировал высоту): Когда значения height убрал: css: .viewn_full .viewn_screen {overflow:hidden; width:387px; height:175px; margin:10px auto 10px auto; background:url(/design_104/viewn_screen.png) no-repeat center bottom;}.viewn_full .viewn_screen img {width:387px; height:149px; display:block; border-radius:16px;} Как сделать так, чтобы тень фиксировалась? Спасибо.

    Asked by Багдыч,

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