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. в IE появился отступ таблицы справа

    На странице есть главная таблица, состоящая из трех колонок. В левой ячейке стоит выравнивание влево, в ячейке - таблица, у которой тоже включено выравнивание влево. В средней ячейке стоит выравнивание по центру, в ячейке - таблица, у которой тоже включено выравнивание по центру. В правой ячейке стоит выравнивание вправо, в ячейке - таблица, у которой тоже включено выравнивание вправо. В Опере и Лисе все отображается правильно, в IE в правой ячейке у таблицы появился отступ справа около 20 пикселей. Откуда он взялся и как его убрать? Пожалуйста, подскажите..

    Asked by begin,

    0 votes
    7 answers

  2. Фоновый звук

    Как правильно вставить фоновый звук и в каком лучше всего формате? Как заставить Mozilla FF Safari понимать и проигрывать фоновый звук?

    Asked by SibBear,

    0 votes
    12 answers

  3. Как открыть ссылку в новой вкладке в IE

    Как в IE открыть ссылку в новой вкладке? (а то при использовании target="_blank" этот продукт жизнедеятельности Мелкомягких, запускает свою копию)

    Asked by Hedron,

    0 votes
    5 answers

  4. background-image с отступом справа

    Если я хочу положить background-image в верхний правый угол, то я пишу «right top no-repeat». Если, например, сверху, но с отступом слева 100 пикселей, то «100px 0 no-repeat». А вот мне надо, чтобы фоновая картинка отступала, например, на 100 пикселей от правого края блока. Это делается как-то? Понятно, что можно вложить ещё один блок, но я не хочу этого делать.

    Asked by Veseloff,

    0 votes
    3 answers

  5. Валидация w3c

    При валидации на w3c заметил ошибку: Line 9, Column 36: The align attribute on the div element is obsolete. Use CSS instead. <div id="page-wrap" align="center"> Когда align переношу в CSS выходит такое: #page-wrap Свойство align не существует : center center Как правильно сделать, что бы пройти валидацию? index.html <!DOCTYPE html> <html> <head> <title>Лестница</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="./css/style.css"> </head> <body> <div id="page-wrap"> <img src="./images/circle.png" alt="logo"> </di…

    Asked by klanessia,

    0 votes
    4 answers

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

    DEMO Когда содержимое не помещается в overflow: auto, то элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение) Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.

    Asked by Roma-Pro,

    0 votes
    8 answers

  7. Зачем нужна следующая конструкция в CSS

    Наткнулся на конструкцию: .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear {display: inline-block;} .clear {display: block;} Зачем в ней ставится "." после блока clear, и зачем переопределяются свойства display, сначала одно, потом другое? Заранее спасибо!

    Asked by newенький,

    0 votes
    4 answers

  8. Растянуть Div с float вертикально по высоте

    Добрый день, уважаемые форумчане, ни как не могу решить проблему с ростягиванием DIV'а которому задано свойство флоат. Хочу понять именно механику процесса. Необходимо чтобы 2 колонки всегда были в низу экрана, даже если контента мало. Пожалуйста помогите разобраться! Вот код

    Asked by ProJey,

    0 votes
    11 answers

  9. Background не работает

    Мне нужен такой результат : Не понимаю почему background не применяется вокруг иконок: Сам код: Html: css: Html: <section class="finish"> <div class="container"> <h2 class="finish_header">По окончании обучения Вы сможете!</h2> <div class="finish_divider"></div> <div class="finish_wrapper"> <finish_item> <div class="finish_round"> <img src="/icons/finish/1 (1).png" alt="" class="finish_icon"> </div> &l…

    Asked by stasN1,

    0 votes
    0 answers

  10. frD-Выравнивание в ячейке

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

    Asked by Shar,

    0 votes
    5 answers

  11. Выравнивание по вертикали блок (картинка) + 1 или 2 строки текста

    Добрый день. Задача следующая выводится список, элементами которого является ссылка (блок с фоновым изображением 45px x 45px) и справа от него идет название. Это название может быть в одну или две строчки. Необходимо чтобы при любом кол-ве строк, текст выравнивался по середине. Пример изображения здесь http://files.mail.ru/OP74ZZ?t=1 С помощью таблички такое делается в легкую, а как с div'ами?

    Asked by BAV,

    0 votes
    19 answers

  12. Приклеить img в sidebar внизу сайта

    В WordPress нужно приклеить снизу в боковой панели картинку CSS-ом. Не внизу окна браузера (как, например, http://www.cssstickyfooter.com/ или http://twitter.github.io/bootstrap/examples/sticky-footer.html или http://timothy-long.com/examples/responsive-sticky-footer/), а внизу самой страницы. Страница длинная, с прокруткой, и пока не докручу, картинку сбоку внизу не увижу. Спасибо, извините за примитивность поставленной задачи. Не верстал аж с 2002 г., подзабыл премудрости абсолютного позиционирования.

    Asked by gasyoun,

    0 votes
    12 answers

  13. Можно ли изменить размер ползунка скролла?

    В общем, нужно сделать модный скролл. Использую скрипт FleXcroll. Но все его вариации идут с автоматически меняющейся (в зависимости от кол-ва контента) длиной бегунка. А мне надо фикс размер этого бегунка. Можно вообще как-то установить размер этому бегунку?

    Asked by Belovsan,

    0 votes
    5 answers

  14. коректное отображение слоев

    такая проблема: делаю сайт - http://vermiculit.com.ua/test/ линия должна идти под блоком меню.Я вроде вс? правильно сделал.правый слой уползает вниз. Посмотрите плиз код.Я уже незнаю что и делать то.... {...перенесено в Проблемы с версткой kiD}

    Asked by Kos87,

    0 votes
    9 answers

  15. В Firefox'е не отображается иконка сайта в адресной строке.

    В Опере и IE вс? правильно, а в Firefox'е не отображается иконка. Вот где: www.sylvesterstallone.narod.ru Что надо сделать, чтобы она и в лисе отображалась?

    Asked by Sheena,

    0 votes
    10 answers

  16. Процесс верстки сайта ЦТ «CARBON»

    Дизайн главной страницы родился: Сейчас происходит знакомство с версткой. Начала и подзависла в шапке с относительным позиционированием - не хочет сдвигаться.. <body> <div id="header"> <div class="logo_table"> <table border="1"> <tr> <td><img src="img/header/logo.png" alt="Центр Тонирования «CARBON»" /></td> <td> </td> </tr> <tr> <td align="right"><img src="img/header/button.jpg" alt="скидка 5%" /></td> <td><span class="style1"> +7 (4732) 93-90-50<br /> +7 (4732) 94-94-66<br />профессиональное тонирование</span></td>…

    Asked by art-Limon,

    0 votes
    9 answers

  17. Неверное растягивание (скалирование) div блока по всей высоте body

    Задача: Разместить <div> контейнер, используя 90% страницы. Контейнер используется для отображения списка файлов. Выглядеть должно так: Причина обращения сюда - проблема проявляющаяся во время уменьшения окна: Список файлов выезжает за пределы области, простите, "выезжая" и то что за ним )))). Весь код: <div class="files"> <div class="title">Список файлов</div> <div class="list"> <div> <span class="file">Текстовый документ.txt</span><span>(81 б)</span> </div> </div> <div class="info"> <div class="commonInfo">Файлов в папке: 1<span style="float:right">Общий раз…

    Asked by b0s,

    0 votes
    25 answers

  18. Как исключить налезание текста или заставить слои "тянуться"?

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

    Asked by yurigraphics,

    0 votes
    13 answers

  19. XML. Elelement.text почему то не работает в Firefox

    Оочень сильно удивился, когда firefox вместо содержимого элемента выдал undefined. Вроде бы и запрос то немудреный. Я бы даже сказал самый обычный. NodeList[0].childNodes[0].text либо же NodeList[0].childNodes.item(0).text одинаково реагирует undefined. IE и Opera отработали так как надо. Почему так? ЗЫ. При запросе атрибута элемента NodeList[0].attributes.getNamedItem('Name').value firefox отрабатывает.

    Asked by Eugen,

    0 votes
    12 answers

  20. Bootstrap 4, Flexbox или Cssgrid

    Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…

    Asked by Владимир Горинов,

    0 votes
    3 answers

  21. Абсолютное позиционирование div в ячейке

    Добрый вечер! Подскажите пожалуйста как правильно позиционировать div относительно границ родительской ячейки!

    Asked by Prokopov Nikolai,

    0 votes
    11 answers

  22. Как сделать ссылкой всю строку в таблице?

    Есть таблица с данными (каталог товаров). Хотелось бы сделать строку в таблице ссылкой на соответствующий товар. Как это можно сделать? Сейчас ссылка прописана для каждой ячейки отдельно.

    Asked by Dee,

    0 votes
    2 answers

  23. Проблема с блоками DIV

    У меня возникла следующая проблема при верстке страницы сайта: На странице находится 4 картинки с подписями, заключенные в <div> блоки, нужно разместить их в строчку так, чтобы они были равноудалены друг от друга, и ,при сужении окна браузера, 2 картинки съезжали вниз и опять становились равноудаленными друг от друга и от краев. Пробовал указывать <div align="center"> - не помогло. -когда окно браузера широкое и позволяет разместить 4 картинки -когда окно браузер узкое С уважением, Евгений.

    Asked by iLEM,

    0 votes
    21 answers

  24. internet explorer + <button> + смещение при клике

    Кто нибудь боролся с тегом <button> под IE? Дело в том что при нажатии содержимое тега сдвигается влево и вниз на 1 пк. Знает ли кто-то как это предотвратить?

    Asked by klierik,

    0 votes
    8 answers

  25. Word, Excel to HTML

    Очень часто на работе встречаются "наинтереснейщие" задачи по выкладки материала на сайт. К примеру имеется вордовский файл, набитый таблицами, его нужно перевести в HTML, при этом убрать весь вордовский мусор и т.д. Обычно пользовался такой схемой(так, как на программы типа "Word 2 HTML" положиться нельзя): 1) Копи 2) Паст в Outlook Express (меняю кодировку, формат) 3) Далее в Дримвивер и дальнейшие действия по чистке кода. Наверняка каждый сталкивался с подобными задачами, какой способ (наиболее рациональный) вы можете предложить? :/ Заранее благодарен.

    Asked by color,

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