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. html и css верстка страниц через firebug c автосохранением на сервер

    Возможна ли html и css верстка страниц через firebug c автосохранением на сервер ? Я знаю что верстать получается а вот чтобы сохранялось то что пишешь в файр баге на сервер?

    Asked by daggi,

    0 votes
    6 answers

  2. Центрирование блоков в контейнере

    Здравствуйте. Есть блоки шириной 328px и контейнер шириной 1200px. Блоков в контейнере может быть от 1 до 3 ,они расположены горизонтально, но сейчас они прижимаются к левой стороне. Как сделать чтобы блоки центрировались в контейнере? https://jsfiddle.net/v64sxn2b/

    Asked by ishurgaya,

    0 votes
    3 answers

  3. особенности map area в Firefox

    Подскажите, может есть какие-то особенности использования map area в Firefox? создается мап ареа, присутствуют 3 области. тестовый пример в браузерах Explorer и Opera работает нормально, параметры alt href coord отображаются, по ссылке переходит. а в Mozilla Firefox только 2 области (первая строка) срабатывают. последняя область просто не появляется. если кто-то в курсе, что не так, пример простой, о ошибок вроде не вижу. вот текст <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>TEST_MAP</title> </head> <body> <p><img src="images/office2.png" alt="TEST_MAP" width="200" …

    Asked by dubist,

    0 votes
    1 answer

  4. Проблема с видеоплеером на странице

    Собственно на странице лежит флешвидеоплеер. яваскриптом вызывается картинка. она перекрывает все кроме самого плеера, есть ли возможность исправить средствами html+css?

    Asked by Talex,

    0 votes
    2 answers

  5. Помогите вложить слои

    в центре страницы создан блок с шириной 100%. в нем 3 блока <div id="main"> <div id="leftcol"></div> <div id="content"></div> <div id="rightcol"></div> </div> ширина leftcol и rightcol по 100px использую float, а получается что блоки расположены вертикально, один за другим, как их расположить на 1 линии (колонками)? если использовать только 2 блока, то все нормально. П.С. И еще вопрос как отцентровать объект в блоке ? Не используя <center></center>.

    Asked by Ururu,

    0 votes
    6 answers

  6. Заметнение картинок в ИЕ 6 и... FF5

    Все мы помним, любим и скорбим замечательный фильтр для показа png в ИЕ 6. Ура, эта же веселая проблема спустя года всплыла в ФФ 5. Хорошо хоть без проблем с прозрачностью. Итак: Пятый фаерфокс же мать твою. За что?! В шестом не тестировал, возможно, пофиксили. В общем, что делать? Адрес, где можно поглядеть исходники: http://sie-club.ru/design/

    Asked by 7ion,

    0 votes
    4 answers

  7. пунктриная рамка для круга

    Добрый день, уважаемые форумчане! Я столкнулся с проблемой, описанной в сабже. Собственно превратить div в круг довольно легко: #circle { width: 112px; height: 112px; background: #333333; -moz-border-radius: 56px; -webkit-border-radius: 56px; border-radius: 56px; } Задать простому прямоугольному div'у пунктирную рамку еще проще: border: dashed white; Проблема возникает при попытке соединить эти два момента в одном блоке - пунктир сливается в одну непрерывную линию. Чуть лучше получается если задать свойство border: dotted; - линия дробится на четыре равные части (на 12, 3, 6 и 9 "часов"). Возможно кто-нибудь сталкивался с такой проблем…

    Asked by Koloyar,

    0 votes
    7 answers

  8. Верстка

    Помогите новичку разобраться. 2 вопроса: 1) Не могу понять почему у меня div "footernews" прилеплен к div "footer", а не к div "imgmove". Как это исправить? 2) Как сделать так чтобы footer_background накладывался на div "imgmove"? #footer[/color] { height: 280px; background: #fff; clear: left; background-image: url(images/bg_footer.jpg); background-repeat: no-repeat; background-position: 0 160px; position: relative; z-index: 2; } #footernews li { list-style-type: none; height: 170px; width: 380px; float: left; } #imgmove { width: 146px; height: 164px; float: left; position: relative; margin-left: 10px; top: 11px; border: 1px solid black; z-index: 1;

    Asked by Drix87,

    0 votes
    7 answers

  9. резиновая высота меню

    Подскажите пож. Есть меню <div id="navi"> <ul> <li><a target="_blank" href="index.html">ГЛАВНАЯ</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ2</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ3</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ4</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ5</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ6</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ7</a></li&g…

    Asked by EvilDoom,

    0 votes
    8 answers

  10. Декоративный шрифт

    Подскажите, пожалуйста, какой font-family прописать в css, что бы хотя бы примерно было похоже как здесь, но только русскими буквами. Спасибо!

    Asked by rafaello9,

    0 votes
    5 answers

  11. Трясет элементы при скроллинге в Parallax эффект

    нашёл подходящую тему. как удалить эту тему?

    Asked by across,

    0 votes
    0 answers

  12. Обрезка Div Блока

    Подскажите, не знаю как сделать. Есть Два див блока. <div class="duvet"> </div><div class="sheet"></div>Для них стили .duvet { position: absolute; width: 400px; min-height: 440px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6); border-radius: 100%;}.sheet { border-radius: 100%; position: absolute; z-index: 3; width: 400px; height: 100px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6);}Требуется обрезать .sheet таким образом что бы…

    Asked by CrazyFox,

    0 votes
    3 answers

  13. Как лучше выполнить задачу с обложками журналов?

    Есть 11 обложек журналов (картинок). 10 из них нужно разместить вокруг главного журнала (типа солнце и планеты). Под этими обложками будет текст (название журнала и номер). То есть главный журнал по центру, остальные во круг него. А сама вся конструкция в центре страницы. При этом очень важно, чтобы каждый элемент можно было свободно позиционировать в любом месте. Например из ровной линии 4-х обложек вверху сделать дугу и т.п. Я хочу сделать это с помощью position: fixed Подскажите, насколько это верное решение? Или существует более грамотный способ? Примерно это должно выглядеть вот так

    Asked by Anatuz,

    0 votes
    7 answers

  14. Табы Bootstrap: изменяется шрифт на мобильных устройствах

    Добрый день! Есть табы, сделанные при помощи Bootstrap. Для текста внутри них задан фиксированный размер шрифта в пикселях. Верстка фиксированная, задан <meta name="viewport" content="width=1260">. На обычных экранах все отображается корректно. На мобильных устройствах шрифт увеличивается, при этом никаких свойств в style не появляется, он просто становится больше. Консоль Хрома это подтверждает, но при этом сообщает что активно ранее заданное значение фиксированной ширины. Подскажите, пожалуйста, можно ли это побороть? Каким образом Бутстрап меняет размер шрифта? Скриншот c мобильного устройства - https://yadi.sk/d/ZKo-UlQUh3KHB Ссылка - http://goo.gl/Bm1…

    Asked by yustnip,

    0 votes
    7 answers

  15. Помогите разобраться с gridом

    Привет всем, осваиваю grid верстку. Начал верстать макет И сразу поперли непонятки. Вопрос про контейнер с классом .article в него вложены 20 контейнеров с фиксированными размерами, которые должны образовывать красивую сетку с равными расстояниями между блоками. grid-column-gap: 10px; grid-row-gap: 10px; Однако, в результате имеем различное расстояние. А если менять масштаб в браузере - совсем жесть получается. Скрины прилагаю. Вопрос один - где я НЕ ТАК?

    Asked by GRAY,

    0 votes
    4 answers

  16. Выравнивание по вертикали

    Добрый день! прошу помощи, возникла ситуация, не получается сделать кнопкутак как хочется. Казалось бы ничего страшного, создаю див помещаю в него текст к примеру "Главная" (стиль дива указан ниже, изначально проверяю в фаерфоксе) но текст по горизонтали text-align:center; работает, а вот vertical-align:middle; отказуется работать напрочь, и текст вместо срединки находится в верху кнопки(влияния на текст основного и других дивов более высокого порядка нет), решил обойти это с помощью padding-top:; отодвинуть от верхнего кря, отодвинул все хорошо, но вот при проверке ИЕ, див кнопки полез ниже родительского блока в котором он находится. Сделал кнопку с помощью двух дивов вс…

    Asked by Sergeo,

    0 votes
    3 answers

  17. Вёрстка слоями. Фиксированный дизайн

    Пытался применить следующие рекомендации http://htmlbook.ru/content/?id=97 Собственно столкнулся с небольшими расхождениями в отображении высоты контейнера IE изменяет высоту блока по обеим колонкам а Mozilla только по правой. Я что то напутал или как с этим бороться? пример моего кода <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Две колонки</title> <style type="text/css"> #container { width: 500px; /* Общая ширина колонок */ background: #fc0; } #leftcol { /* Левая колонка*/ width: 200px;…

    Asked by SRGB,

    0 votes
    6 answers

  18. Проблема с новостями

    Набераю опыт в вертске скажит как поднять блок новости выше.вот картинка код и ксс <!DOCTYPE html> <html> <head> <title>My verst</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <!--Верх--> <!--Верхняя строка--> <div class="hd">Вы вошли как:<font color="#FF0000"> admin</font> </div> <!--Верхняя строка(end)--> <!--Шапка--> <div class="hds">&</div> <!--Шапка(end)--> <!--Нижняя строка--> <div class="hdz">&</div> <!--Нижняя строка(end)--> <!--Верх(end)--> <!--Левый блок--> <div align=…

    Asked by azarkin7,

    0 votes
    6 answers

  19. Растягивать ячейку по высоте

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

    Asked by evgeniy123,

    0 votes
    3 answers

  20. проблема с рамкой

    вот не знаю как решить проблему, вот собственно в чем проблема: (на задний фон не обращайте внимания, это так, тест) что для этого используется: (углы там естественно прозрачные) код html: код css: ответ как всегда бывает скорее всего простой, но что то не соображу и да, вариант с заливкой тех кусочков у топа и боттома не вариант, потому что задний фон может быть не однородным

    Asked by b1ot3kk,

    0 votes
    9 answers

  21. <img> в "Меню сайта"

    Сайт создан на ucoz'e со стандартным шаблоном,и я решил переделать "Меню сайта",изменив названия разделов на html код картинки-кнопки,все это делалось в конструкторе сайта и панели управления.В итоги вышедшего меню сайта вообще пропало,несколько раз повторял эту операцию и безрезультатно.Возможно ли вообще изменить этот раздел и хотяб узнать намек как это сделать?

    Asked by replicate,

    0 votes
    7 answers

  22. Есть трабл в вёрстке

    Сама вёрстка здесь _bio-logiya.ru Когда заходишь под оперой, то сайт какбы padding-top: 100px; Если обновить, то вернётся на своё прежнее положение. Тоже самое происходит если открыть ссылку с помощью колёсика, тоесть страницу в новой вкладке. В чем может быть проблемы?

    Asked by bayanruby2,

    0 votes
    7 answers

  23. Разметка html и тег UL

    Копирайтер прислал текст вот в таком формате: "...Все наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе наши машины регулярно проходят ТО Все наши машины регулярно проходят ТО: -- Опытных и вежливых грузчиков. Все наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе наши машины регулярно -- Квалифицированных сборщиков мебели. Все наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе…

    Asked by Epileptoid,

    0 votes
    5 answers

  24. На счет Float

    На счет Float. Делаю меню - прописал блоку #blok_menu свойство float:left; Потом дочернему блоку #right_menu прописал тот же float. По идее слово "Надпись" должна выстроиться справа от меню, но она выстраивается ПОД меню. Почему? Спасибо за ответ. http://jsfiddle.net/4wKcF/

    Asked by Imperil,

    0 votes
    5 answers

  25. Как узнать пропорциональность

    Есть PSD макет шаблона для верстки. Но Т/З к нему нету. Имея лишь шаблон, можно ли как-то с помощью программы узнать точный размер деталей на PSD макете. Про ОС: Использую Linux Ubuntu. Редактор изображений - GIMP.

    Asked by ohinem,

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