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. Как убрать границы background

    <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Майор Гром</title> </head> <body> <div class="layer"></div> <div> <h1>Бла бла бла</h1> </div> </body> </html> https://imgur.com/a/9w6BqYb Как убрать границы сверху и снизу картинок, только как не пытался, ничего не получается Скрытый текст

    Asked by EnotWorld,

    0 votes
    1 answer

  2. Логотип сайта почему-то смещ?н вниз.

    Как сместить его вверх, чтобы он сливался в одно целое с фоновым изобр.??? В коде вроде вс? верно. Никак не мого понять. www.sylvesterstallone.narod.ru/rus.html

    Asked by Sheena,

    0 votes
    4 answers

  3. Не работает ширина блока в процентах в ie7

    Задаю ширину блока {width: 90%) но он не тянется в ie7

    Asked by teberium,

    0 votes
    1 answer

  4. list-style-image и Internet Explorer 6

    Всем здрасти! Заметил только что одну штуку, подумал может будет кому полезна. В IE 6 для того чтобы заработало свойство стилей list-style-image достаточно задать для списка атрибут line-height. Как только он появится, начнут отображаться и маркеры. ЗЫ Что кто думает по этому поводу?

    Asked by id,

    0 votes
    1 answer

  5. Как показать сайт?

    Подскажите пожалуйста, где можно выложить файлы (сайт) кроме хостинга, чтобы можно было посмотреть на другом компьютере? Человек попросил сделать сайт, но с хостингом не определился пока, а я уже написала и хочу ему показать. Спасибо

    Asked by Yarkaya,

    0 votes
    5 answers

  6. h2 cдвигает весь блок

    Здравствуйте! У меня проблема: <div class="shashka"><h2>Заказ такси</h2></div> .shashka { background: url(../images/shashka.png) no-repeat; height: 66px; margin: 0 auto; width: 191px; } .shashka h2 { color: #fff; font-size: 24px; margin-top: 15px; <—— Это свойство сдвигает не заголовок относительно .shashka, а весь блок .shashka на 15px вниз text-align: center; } Почему это происходит??? Может кто нибудь сталкивался с этим? Если добавляешь к .shashka { border: 1px solid white; } то все работает нормально, h2 смещается вниз на 15px, а не весь блок <div class="shashka">

    Asked by Gasherez,

    0 votes
    2 answers

  7. Проблемы с адаптивными изображениями

    Друзья не могу разобраться, есть 3 изображения сменяющихся при разных медиа-кверис, изображения бэкграундом, при смене получаю неприятное мерцание белого фона при этом изображения совсем уже порезал все три в общей сложности примерно 100кб, как этого можно избежать ? По PageSpeed набираю 91 балл, причем знаю как сотку набрать но это не уберет мерцания (:

    Asked by Sergik+,

    0 votes
    8 answers

  8. Индикатор прогресса

    Для создания индикатора прогресса воспользовалась JQuery UI Progressbar (https://jqueryui.com/progressbar/) Вот, что получилось: Вроде бы отлично, НО нужно чтобы заполнение у индикаторов было разное. Но изменить не знаю как, запрограммировано на один цвет. Может, сюда нужно что добавить? $(function() { $( ".progressbar-1" ).progressbar({ value: 90 }); $( ".progressbar-2" ).progressbar({ value: 85 }); $( ".progressbar-3" ).progressbar({ value: 80 }); });P.S. Если будут предложения сделать индикатор средствами CSS, то это будет сделано после того, если не найдется решение для данного варианта...))) Спасибо.

    Asked by Alfa2015,

    0 votes
    2 answers

  9. hover

    Народ- подскажите как сделать в hover обратные закругления рамки

    Asked by yancy77,

    0 votes
    6 answers

  10. Сьезжает верстка в firefox

    Добрый день, сверстал страницу с блоком новостей которые идут под меню колонкой, по одному блоку в ширину контейнера. В хроме все нормально и в файрфокс на моем ноутбуке с разрешением 1366х768 тоже, но с другого компа верстка сьезжает именно в firefox. Немного полазил в браузере и блок становится на место если убрать overflow: hidden, но тогда текст соотвественно вылезает за пределы блока. Скинул весь css на всякий случай. body { margin: 0; padding: 0; background: url(/img/casfon.jpg); } .frame { width: 1200px; background-color: white; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; } .box { width: 1100px; margin: 0 auto;…

    Asked by мурамаса,

    0 votes
    1 answer

  11. Анимация картинки при открытии сайта

    Как сделалать так, чтоб при открытии сайта всплывала картинка с маленького до большого размера? Как на этом сайте https://kirkorov.ru/

    Asked by llipam,

    0 votes
    1 answer

  12. Подскажите как разобраться с ие6

    Посреди страницы щель. Никак не пойму откуда она берется. http://kdimon2005.narod.ru/art/page1.html Только ие 6.Может что-нибудь посоветуете?

    Asked by zigmund,

    0 votes
    2 answers

  13. валидность

    использую для проверки локальных файлов "cse html validator lite" и когда вставляю в страницу какие то спец символы,например знак копирайта(как ©)-пишет что ошибка и ошибка именно что амперсанд использую.Почему так,как это исправить?

    Asked by leos613,

    0 votes
    4 answers

  14. Что за отступы в ie 6-7

    На сайте Электронная Финляндия в левой колонке в разделе "Доска почета" в ie 6-7 появляются отступы между картинкой и ником && картинкой и нижней границей. Чем это вызвано и как убрать?

    Asked by andyarus,

    0 votes
    7 answers

  15. Как растягивать родительский блок без float:left

    помогите решить одну проблемку: есть общий блок container, внутри него блок main со свойствам float:left и футер, который прижат низ экрана. Общий блок имеет опред. ширину и центрировано. проблема в том что когда контент блока main больше он выходит за рамки container и его бордер не охватывает всю высоту. Как можно от этого избежать? В принципе можно, если придать container свойство float:left, но он должен быть в центре. Для наглядности даю код HTML <div id="container"> <div id="main"> контент </div> </div> <div id="footer"> </div> CSS * { margin: 0px; padding: 0px; } html, body { margin:0; padding:0; width:100%; height:10…

    Asked by jumancy,

    0 votes
    5 answers

  16. Атрибут hashstring и hashtype у тега a

    На сайте http://wikimart.ru/ увидел интересный способ создания ссылки. Ссылка в HTML-коде создаётся так: <a href="#" hashString="21d1830fcc954f2376a6e685cf9e0e38" hashType="href">Выбрать подарок</a> Кто-нибудь знает, что это за технология такая и зачем она здесь применяется? Нагуглить у меня ничего не получилось. Технология или какая-то новая или малоизвестная, но все браузеры её понимают (IE7 понимает, IE6 не тестировал). Подскажите, где в официальных стандартах про эти атрибуты рассказывается.

    Asked by clavin,

    0 votes
    2 answers

  17. Вырывает элементы из потока

    Добрый вечер) Возникла такая проблема, вставляю в шаблон элемент для вывода постраничной навигации for ($i = 0; $i < mysql_num_rows($queryVideo); $i++) { $video = mysql_fetch_array($queryVideo); # HTML ###################################################################################### ?> <div class="videoWrapper"> <div class="videoCode"><?php echo $video['code']; ?></div> <div class="videoDesc"> <h2><?php echo $video['title']; ?></h2> <p class="desc"><?php echo $video['desc']; ?></p> </div> </div> <?php #############################################…

    Asked by Frolov,

    0 votes
    4 answers

  18. Помогите разобраться с синтаксисом)

    Разбираюсь в создании меню. Разъясните пожалуйста, или дайте ссылку, где можно почитать про такой момент: Есть HTMl код: <div id="menunav"> <ul> <li><a href="#">раздел №1</a></li> <li><a href="#">раздел №2</a></li> <li><a href="#">раздел №3</a></li> <li><a href="#">раздел №4</a></li> </ul> </div> А вот CSS: div#menunav { width: 100%; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; font-size: 11px; background-color: #b3b3b3; padding: 0 0 0 30px; } div#menunav ul { margi…

    Asked by Noraad,

    0 votes
    3 answers

  19. Меню из самоучителя по CSS

    Всем привет! Изучаю верстку по самоучителю, все получается кроме парочки моментов, помогите разобраться в чем там ошибка. Момент первый. Картинка 1 Картинка 2 У меня браузер не выравнивает блоки как показано на второй картинке из этой книги. Почему так? Момент второй. Меню сайта. Тоже из этой же книги-самоучителя. Код файла menu.html: <!DOCTYPE html> <html> <head> <title>Fix</title> <meta charset="utf-8"> <link href="menu.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function HideAll() { document.getElementById("main").style.visibility='hidden' document.getElementById("movie").st…

    Asked by volksmarine,

    0 votes
    4 answers

  20. Тестирование HTML рассылки

    Здравствуйте. Сверстала HTML-письмо. Как проверить корректность его отображения в различных почтовых клиентах? Устанавливать себе на комп самые популярные? Но их же около 13-ти. В сети есть сервисы тестирования, но все платные. Поделитесь опытом, как вы тестируете письма?

    Asked by Crystal-3,

    0 votes
    10 answers

  21. Footer макета неправильно отображается

    Всем привет! Народ, я вот только начал изучать верстку. Набросал несколько блоков <div>. Если менять размер браузера по ширине - то тут всё нормально отображается, а вот если менять по высоте, то нижний блок (footer) съезжает вниз, и выходит за пределы контейнера, в котором он расположен. И кстати 2-й снизу блок также съезжает, если браузер уж очень сильно сжать по вертикали. Подскажите как это можно исправить. HTML: <html><head><title>Заголовок страницы</title><link rel="stylesheet" href="css/style.css" type="text/css"></head><body><div class="container"> <div class="top"> </div> <div id="header"> …

    Asked by fenix_63,

    0 votes
    11 answers

  22. Помогите прижать желтый <div class="content"> к низу страницы

    Высота <div class="content"> не определена. Шапка и меню фиксированные. При малом контенте, нужно чтобы желтый див был прижат к низу. При большом объеме появлялся вертикальный скролл. Мой код: http://jsfiddle.net/jb3tvcgL/2/

    Asked by Anymaxis,

    0 votes
    7 answers

  23. Help:Запись выбранных элементов в отдельный блок

    Доброго времени суток. Такой вопрос, как из списка элементов с множетсвенным выбором <select multiple> <option>Пункт 1</option> <option>Пункт 2</option> <option>Пункт 3</option> <option>Пункт 4</option>< </select> Сделать так, чтобы выбранные элементы записывались в отдельный div. Спасибо.

    Asked by imakhortykh,

    0 votes
    6 answers

  24. Проблема с позиционированием

    Добрый день, что делаю не так? Глаза уже замылил себе пытаясь найти причину. Нужно сделать - спозиционировать картинки так, что бы центральная перекрывала все, а 2 боковые были за родительским блоком и за центральной картинкой Тык А получается только вот так - 2 боковые позади центральной, но не могу их поставить позади родителя - Тык Либо подскажите как грамотно оформить этот блок с будущим нацеливанием на адаптивность. <div class="row"> <div class="col"> <div class="services-boxes"> <div class="services-boxes_first-box"> <img class="services-boxes_first-box__first-house" src="img/first_house.png" al…

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

    0 votes
    1 answer

  25. Проблема с блочной версткой в ИЕ

    Здравствуйте! сверстал http://mobterr.ru/mobterr_verstka/, пытался обойтись без таблиц. и все вроде бы ок получилось, но в ИЕ (6) блоки с картинками прыгают (а именно залетают под правую колонку). есть ли какой выход? Заранее всем, уделившим внимание, спасибо!

    Asked by sokos,

    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