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. кодировка в xhtml

    Подскажите плиз, как изменить кодировку в xhtml? например вместо UTF-8 как поставить windows-1251?

    Asked by YISHIMITSY,

    0 votes
    9 answers

  2. Проблемка при переходе с bootstrap 3.3.7 на 4.1.0

    Всем привет, В Laravel 5.6 /vuejs2.5 приложении перешел с bootstrap 3.3.7 на 4.1.0 и читая доку http://bootstrap-4.ru/docs/4.1/migration/ поменял классы в своих тиемплейтах Но кое что работает неправильно . У меня есть редактор одной строки, и он выглядит очень узко хотя должен быть максимально широко на любом устройстве. Printscreen И непонятно почему в диве с классом card-body рядом появилcя класс table-responsive который я не вс тавлял - так как на этой странице таблицы нет ... <div id="app" style="background-color: blue" style="background-color: yellow; border: 2px dotted green; width: 100%" class="col-12"> <app-header &gt…

    Asked by mstdmstd,

    0 votes
    2 answers

  3. Как сделать выпадающие меню на картинках

    Здравствуйте! Подскажите пожалуйста. Как можно сделать горизонтальное выпадающие меню на картинках? Заранее спасибо

    Asked by andrey_94,

    0 votes
    16 answers

  4. Блок остается на месте

    В общем что имеем: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div id="a"> <ul> <li></li> <li></li> <li></li> </ul> <div id="b"></div> </div> В каждом ли еще по ul с свойством display:none a - posytion:relative; b - posytion:absolute; bottom:0; Ну в общем стандартное меню. Теперь если задать ul-aм display:block во всех браузерах высота блока a увеличится, ну и соответственно блок b останется верен bottom:0 и уедет вслед за нижней границей. К сожалению ie6 так не делает, в нем не увеличивается блок a. А зна…

    Asked by pizzZ,

    0 votes
    44 answers

  5. Див в форме трапеции

    имеем карусель, нужно сделать что бы дивы в ней были в форме трапеции, как это можно сделать? рисунок прилагаю

    Asked by j0hn,

    0 votes
    2 answers

  6. Не работает repeat в IE6!!

    Подскажите, пожалуйста, что можно сделать???? Курсач горит((((

    Asked by XLka,

    0 votes
    11 answers

  7. Вопрос на счет css форматирования списков

    Как уменьшить расстояние от циферки или точки до первой буквы?

    Asked by aseo,

    0 votes
    9 answers

  8. <xbody>

    Зачем нужны теги <Xbody> и что они делают или запрещают делать?

    Asked by Glebr,

    0 votes
    14 answers

  9. Генерация статического html-кода через JS

    Добрый день. Хотел бы спросить про правильное написание клиентской части сайта. Видел один сайт, где при загрузке страницы html-код генерировался с помощью JS (ExtJS). Вопрос: разве правильно создавать код страницы с помощью JS? Те же шапка и подвал сайта всегда остаются одинаковыми на любой странице. В чем плюс такого подхода? Лично я всегда считал, что чем меньше JS кода тем лучше (без фанатизма).

    Asked by xmlns,

    0 votes
    8 answers

  10. div + float + border без height

    Добрый день. Столкнулся с проблемой: Существует структура: <div style="width:200px; border:1px solid red;"> <div style="float:left; width:100px;"> text </div> <div style="float:left; width:100px;"> text2 </div> </div> высота не указана, так как она динамически должна меняться. Проблема заключается в том, что бордер основного блока - уменьшается до 1-го пикселя. Тоесть как бы не определен размер блока. Как можно решить данную проблему? Спасибо за помощь.

    Asked by satan,

    0 votes
    9 answers

  11. Как сделать DIV,меняющий размер по вертикали

    Подскажите плииз как сделать DIV, меняющий размер по вертикали в зависимости от контента и чтобы он раздвигал родительский слой??? Существует контэйнер с тенью из трх частей,на не? навешивается другой слой-контэйнер,состоящий также из тр?х частей... Средняя часть контэйнера должна раздвигаться HTML: <div id="containerShadow"> <div id="shadowTop"></div> <div id="shadowBase"></div> <div id="shadowBottom"></div> <div id="container"> <div></div> <div></div> <div></div> </div> </div> CSS: div#containerShadow { width:922px; min-height:755px; height:auto; margin:0 …

    Asked by qwertyuiop,

    0 votes
    2 answers

  12. Отступы и паддинги в <a href>

    Народ всем привет , столкнулся при очередной верстке сайта вот с такой проблемой, представляю вашему внимаю 2 скрина Проблема возникает в ИЕ, а именно взгляните на синюю выделенную область (такое впечатление что у ссылок стоит какой то margin-top: ...px), вобчем по идее ее быть не должно, так у ссылок отсутствуют отступы по умолчанию, тем боле что у меня в css * {margin: 0px; padding: 0px;} в лисе и в опере такой проблемы нет, есть у кого нить идеи??? CSS: * {margin: 0px; padding: 0px;} html, body { height: 100%; } body {background: #ffffff;} a {border: 1px solid green;} a:link {color: #b4002d; font: 12px arial;} a:visited {color: #b4002d; font: 12px arial;…

    Asked by TonKhaO,

    0 votes
    12 answers

  13. Как задать ссылке цвет родительского объекта?

    Подскажите пожалуйста, как в стилях задать ссылке цвет родительского объекта? Например: главнаячтобы при изменении атрибута color в стиле td изменялся и цвет ссылки? А то не хочется менять скрипты и вводить дополнительные идентификаторы.

    Asked by nemecfc,

    0 votes
    14 answers

  14. Выровнять по центру nav

    Подскажите плз, что я делаю не так? Нужно выровнять по центру nav. Спасибо! http://jsfiddle.net/d4qgg/

    Asked by JosePerez,

    0 votes
    2 answers

  15. Спойлер с плавным открытием

    Здравствуйте есть такая задача, организовать спойлер с плавным открытием. Но при открытии спойлера меняется иконка. Тоесть когда он закрыт одна иконка, при открытии другая(рядом с названием) Есть организовывать при помощи <details> то проблем нет с этой иконкой, там прописываем [open] и все. Все работает как надо... Но как тогда организовать плавное открытие? не корректно работает при помощи jquery и js... он открывается тогда не плавно, а с задержкой... что не правильно..

    Asked by skyline,

    0 votes
    5 answers

  16. z-index. Как же быть?

    Здравствуйте! Появилась интересная задача со свойством z-index. На сайте есть выпадающее меню (JS), и без применения этого свойства, выскакивающая менюшка попадает в аккурат под слой в котором висит основной контент сайта в браузерах IE6-7. Чтобы пофиксить етот злощщастный баг мне посоветовали заюзать z-index. На меню значит поставили максимальное значение. а на слой с контентом -1, потому что если поставишь 0, то в осле проблема не исчезает. И взаправду в осликах проблема решилась. Заглянул в оперу, а там исчез контент. Потому что У каво какие будут мнения?

    Asked by aad,

    0 votes
    9 answers

  17. Организация верстки большого проекта

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

    Asked by Игорь Ермаков,

    0 votes
    10 answers

  18. Затемнение фона

    Добрый день, гуру вёрстки! Нужда попросила затемнить фон всего сайта при наведении на определённый объект. При этом сам объект должен оставаться при этом на первом плане. В мыслях подумал, что плёвое дело, и родил это: <style>body { background: #ccc; }.banner { background: #fff; border: 1px solid #000; text-align: center; background: #fff; height: 400px; width: 240px; position: absolute; z-index: 100; }.banner div { display: none; }.banner:hover div { background: #000; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }</style><div class="banner">Hover Me<div></div></div>Естественно, мой «хит…

    Asked by ZABor1978,

    0 votes
    2 answers

  19. заливка div с картинкой- цветом

    У меня есть div с картинкой,нужно чтобы по верх этой картинки был полупрозрачный серый цвет,как это сделать? Должно быть так,картинка серым цветом,навожу,серый цвет пропал. Подскажите,как это лучше сделать?

    Asked by BeetleJuice541,

    0 votes
    13 answers

  20. Float, Clear... или я усложняю?

    Такой макетец: ┌──────────────────────────────────────────────────┐ │ │ │ Каля-маля │ │ ┌───────────┐ │ │ │ │ ☻ 111111 │ │ │ │ ☻ 222222 │ │ │ Рису- │ ☻ 333333 │ │ │ нок │ │ │ │ │ │ │ │ │ │ │ │ │ ☻ 44444 ☻ 55555 │ │ └───────────┘ ────────────────────────────── │ │ │ │ │ │ │ │ │ │ │ │ │ └──────────────────────────────────────────────────┘ Соответственно - картинке задаю float: left, тегу списка 1-2-3 - тоже, но не догоню, как прижать горизонтальный с…

    Asked by alexlut,

    0 votes
    11 answers

  21. растянуть DIV на всю длину

    Есть колонка в таблице 1 div логотип 2 div поиск 3 div заливка рисунком подскажите как можно 3 div растянуть на оставшуюся длину колонки .logo {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 144px; width: 300px;} .search {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(/design/images/bgsearch.gif); background-position: top left; background-repeat: no-repeat; height: 95px; padding-left: 10px; padding-top: 0px;} .left {background-image:url(/design/images/bgtree.jpg); background-repeat: no-repeat; background-color: #eaeff1;} <td width="300" valign="top"> <div class="logo"><a href="#"><img src="/design/images/logga.gif…

    Asked by marcouk,

    0 votes
    4 answers

  22. Как убрать рамку в поле поиска в хроме?

    В мозиле рамка не отображается, а в хроме она есть и как её убрать?? пробовал через :active не помогает, может какой-то префикс надо использовать? <!DOCTYPE HTML><html> <head> <meta content = "text/html" charset = "Windows-1251" http-equiv = "content-type"/> <link rel="stylesheet" href="styles.css" media="screen" /> <script type="text/javascript" src="js/functions.js"></script> <title>Магазин</title> </head> <body> <div class="main"> <div class="header"> <a href="/"><img class="logo" src="images/logo.jpg" alt="Интернет магазин сотовых телефонов"/></a> <img class…

    Asked by DivMan,

    0 votes
    4 answers

  23. Правка формы заказа на сайте

    Добрый день! Полагаю, что мой вопрос совсем "детский", но прошу помощи, мне в силу возраста самой сложно разбираться в верстке. Буду очень признательна за помощь! Собственно проблема: через скрапбук я скопировала сайт, в файле index.html возникла необходимость поменять форму заказа, чтобы при заказе данные приходили ко мне на почту. Нашла order-section в файле, но непонятно, как именно вносить правки, в поле action стоит значение action="http://vip.fly-bra.com/order" Как сделать так, чтобы во внешнем виде формы не поменялось ничего (в т.ч. и таймер, "зашитый" внутрь нее), кроме, собственно, адреса отправки данных... Спасибо заранее! P.S.: прикрепляю сам ind…

    Asked by ekaterina67,

    0 votes
    7 answers

  24. Выпадающее меню по клику - помогите доделать

    Здравствуйте, помогите доделать выпадающее меню по клику. Например, если посетитель попал в какой-либо подразел раздела_1 меню, то надо чтобы цвет фона этого подраздела изменился, а сам раздел_1 был раскрыт, а остальные свёрнуты. <script type="text/javascript"> function shiftSubDiv(n) {var el = document.getElementById('subDiv'+n); if ( el.style.display == 'none' ) el.style.display = 'block' else if ( el.style.display == 'block' ) el.style.display = 'none';}; </script> <ul> <li style="color:#000000; background:#E3E7D9; padding:3px; margin: 3px 0; width:200px; cursor:hand; text-decoration:none; list-style-type:none"> <di…

    Asked by NonCommalg,

    0 votes
    17 answers

  25. тег Label

    http://www.htmlbook.ru/html/label.html Можно ли, не прибегая к стилям, расположить лейбл над инпутом, а не слева?

    Asked by Юзер,

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