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. button - при нажатии настройка стиля

    Подскажите пожалуйста: <button>Супер кнопка</button> button { background: transparent; border: 1px solid #DDDDDD; font-family: arial,sans-serif; font-size: 11px; font-weight: bold; color: #666; margin: 0px; height: 25px; border-radius: 3px; padding: 0px 6px; } button:hover { border: 1px solid #999999; } button:active { padding: 0px 6px; margin: 0px; } Во всех браузерах при нажатии (то есть это стиль button:active) по разному проявляется свойство padding, текст сдвигается (в ie вроде padding: 1px 1px 0px 0px, firefox - влево уезжает текст,opera тоже куда уезжает, один Chrome - понимает меня с полуслова )…

    Asked by AppleMacMy,

    0 votes
    1 answer

  2. проблема с float: left в IE6

    В IE 6 появилась проблема с двумя DIV'ами "col1" и "col2". В Опере и FF все ровно, а в IE 6 ( в других непроверял ) col2 опускается как ступенька ниже на высоту col1 и при этом не заходя за него. Живой пример: http://mobile.viptop.ru/ Может кто с этим сталкивался и знает причину?

    Asked by Sander,

    0 votes
    4 answers

  3. 3 дива в одну линию и в центральном диве есть вложенные дивы

    Добрый вечер товарищи. У меня такая проблема, может она покажется вам пустяковою но я вот уже несколько часов бьюсь над ее решением, а она проклятая все никак не поддается. Вот вам html код страницы <!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=windows-1251" /> <title>Тестовая главная страница</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="conteiner"> <div id="header"> …

    Asked by Мо ок,

    0 votes
    3 answers

  4. ошибка валидатора Unmappable byte sequence

    помогите пожалуйста исправить на страничке ошибку валидатора Error: Unmappable byte sequence: 90.я понимаю, что проблема в каком-то символе, но не понимаю в каком

    Asked by cyklop77,

    0 votes
    1 answer

  5. Почему не применяется градиент?

    Не получается установить градиент для body .. JsFiddle: https://jsfiddle.net/Hasiev/3tqas2ep/

    Asked by Hasiev,

    0 votes
    9 answers

  6. Растягивание блока по ширине

    Хочется сделать стандартное расположение блоков, т.е.шапка - за ней контент. Но в коде они идут наоборот: контент, потом шапка. Для того чтобы поднять шапку, делаю position: absolute; top: 0; - но при таком позиционировании блок не растягивается на ширину коннтейнера. <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="WhiteNight" /> <style> *{margin:0; padding:0;} html ,body { margin…

    Asked by WhiteNight,

    0 votes
    11 answers

  7. display flex - в Firefox как то не так работает.

    Есть вот такая конструкция.. http://jsfiddle.net/4376rfy8/3/ В IE, Google Chrome и Opera вроде работает, а вот в FireFox текст в левой колонке почему то съезжает вниз, методом тыка выяснил что скорее всего виноват display: table; в родительском контейнере. Но вот обойти этот глюк пока не могу придумать как((( Может кто сталкивался с подобным!? Что нужно в итоге: 1) левая и правая колонка одинаковой высоты с плавующей шириной 2) в правой колонке 4 блока которые центруются(выравниваются) по вертикали, причем верхний блок должен прилипнуть к потолку, а нижний к полу.

    Asked by vasa666,

    0 votes
    3 answers

  8. IE не отображает SVG

    Здравствуйте! Проблема следующая: есть некий корпоративный портал (уже довольно древненький и написанный задолго до меня), с него есть обычная ссылка <a> на карту, которая открывается в новой вкладке. Карта нарисована как svg и вставлена непосредственно в саму страницу через тег <svg> (вновь открываемую). Проблема в том, что при переходе по ссылке непосредственно с портала, IE11 не отображает svg и не корректно отображает стили для блоков с текстом. Все остальные браузеры отображают все полностью и правильно. Самое главное, что отдельно (правда на другом веб-сервере [может это важно]) эту страницу с картой IE11 отображает просто замечательно. Но стоит об…

    Asked by Koss,

    0 votes
    2 answers

  9. Почему текст вылазит за рамки <DIVa>

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

    Asked by psy-del,

    0 votes
    3 answers

  10. Динамический Select

    Хотелось бы узнать как сделать динамические выпадающие списки, то есть: имеется 2 элемента Select, в первом элементе есть 2 варианта выбора, Задача как сделать чтобы при выборе значения из первого селекта, во втором менялись значения от выбранного варианта первого Пример: в первом селекте 2 варианта (Сервер1 и Сервер2), при выборе Сервер1, во втором селекте появляются варианты выбора (Пример1, Пример2, Пример3), При выборе Сервер2 в этом же селекте появляются варианты (Пример4, Пример5, Пример6) с условием то не добавляются во второй селект а заменяются, вот как так, кто знает тот поймет о чем я, 100% это как то делается через массив строк, как связать все это что то не п…

    Asked by slavok47,

    0 votes
    7 answers

  11. Как задать отступ для колонки

    Здравствуйте, я начинающий верстальщик, только учусь сейчас изучаю технологию Bootstrap и у меня возникла проблема, есть три блока с контентом, каждый занимает по 4 колонки то есть использую col-md-4, в сетке бутстрапа в макете все отлично сходиться вместе с 20px margin-right, но в верстке как только в CSS пишу margin хотя бы 1 px, последний блок сезжает на строчку ниже. Подскажите как с этим быть заранее спасибо.

    Asked by vka986,

    0 votes
    2 answers

  12. галерея картинок

    День добрый, хочу вас спросить, возможно ли сделать галерею картинок, желательно простененькую, на css. интересует что-то вроде этого: http://www.cssplay.co.uk/menu/photo_album.html#nogo посоветуйте новчику - как сделать, где посмотреть, или где почитать на эту тему.

    Asked by Ingvarion,

    0 votes
    18 answers

  13. Прибитый футер

    Добрый день! Прибил футер к полу, но к сожалению он упорно прячется за основным фоном. Уже 2 часа корячусь над этой, наверное простой задачей. Подскажите, что неправильно сделал? <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> <link href="styles.css" rel="stylesheet" type="text/css" /> <style type="text/css"> </style> </head> <body> <div id="maket"> <div id="logo"><a href="index.html" title="Главная"><span>Главная</span></a></div> <div id="header">…

    Asked by Kvinta,

    0 votes
    10 answers

  14. Не могу разобраться...

    Вот стили: #niceloginform div.loginformtop { width:100%; background:url(../images/pasportbgzag.gif) #5D5B5E repeat-x bottom left; margin:0; padding:0; } #niceloginform div.loginformtop div.loginformleft { float:left; font:11px Verdana; color:#FFFFFF; padding:6px; } #niceloginform div.loginformtop div.loginformright { float:right; padding:6px; } #niceloginform { position: absolute; width: 332px; left: 50%; margin-left:-170px; top: 50%; margin-top:-150px; text-align:left; background:url(../images/login.jpg) right center no-repeat #FFFFFF; display: none; z-index: 99; } #screen { position: absolute; top: 0; left: 0; right: 0; width: 100%; hei…

    Asked by Mr.Smith,

    0 votes
    15 answers

  15. SSI. Как прописать ссылки

    Делаю сайт. Решил основные блоки, которые повторяются на каждой странице (header, footer,menu) вынести в отдельные файлы и подключать при помощи SSI. С подключением разобрался: на главную страницу подключается шапка так: <!--#include virtual="header.html"--> а на страницу Доставка, <!--#include virtual="../header.html"--> на остальные аналогично. всё подключилось и выглядит хорошо, всё на своих местах. схема расположения элементов на странице такая: В шапке присутствует меню: главная доставка сотрудничество контакты главная index.html лежит в корне сайта остальные пункты из меню в шапке: delivery.html cooperation.html contact.html находятся в одной папке …

    Asked by Newbie,

    0 votes
    6 answers

  16. 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

  17. Двухколоночный макет внутри дива.

    Добрый день. Вот начал недавно осваивать верстку слоями.Вот такой код: <div style="width:857px;border:1px solid red;text-align:left;"> <div style="float:left;position:relative;border:1px solid yellow;width:820px;margin-right:0px;">111 111 </div> <div style="border:1px solid green; width:30px;margin-left:0px;">222 222 </div> </div> В Опере ведет себя абсолютно правильно,обрамляющий слой,внутри него две плотно прилегающих к друг другу колонки. В ИЕ6 ведет себя почти правильно,но между колонками возникает зазор в 3 пикселя. Хуже всего в Mozilla Firefox. Правая колонка почему-то отображается поверх левой. Подскажите,плз,как это сверстать…

    Asked by Микель,

    0 votes
    7 answers

  18. Сбились шрифты в хроме

    Всем привет Возникла непонятная проблема. Я купил в интернете макет лэнединга. Подправил под себя - все ок. Тестировал в Хроме и Фаерфоксе. Вчера обнаружил, что Хром стал как-то странно отображать шрифты. Фаерфокс по-прежнему отображает шрифты корректно. В чем может быть проблема? Это Хром (криво): Это фаерфокс (норм): Вот ссылка на сам лэндинг baza.lakv.ru Подскажите пожалуйста, в чем тут дело? Изначально оба браузера отображали все одинаково хорошо.

    Asked by delui,

    0 votes
    4 answers

  19. valign в мозилле не работает корректно

    Вот код (http://fugas-test.jino-net.ru/?color=000000): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <style type="text/css"> <!-- .borderous { border-width: 1px; border-style: solid; border-color: #<?=$_GET['color'];?>; border-left: 0; border-right: 0; } --> </style> <link href="/main.css" type=text/css rel=stylesheet></link> <script defer src="/js/pngfix.js" type="text/javascript"></script><!-- by Vasya Zhukov --> <script src="/js/flash.js" type="text/javascript"></script> <script type="text/javascript">color = "<?=$_GET['color'];?>";</script> <t…

    Asked by Фугас,

    0 votes
    3 answers

  20. Паспарту

    Хочу сделать в фотографии паспарту, грубо говоря, пустое пространство вокруг картинки, заполненное определенным цветом. Есть два способа реализации - 1. фотография с паспарту располагается по левому или правому краю окна; 2. фотография выравнивается строго по центру. И в том и другом случае никакого обтекания текстом не требуется. Вариант 1 простой как пять копеек и приведен ниже. <!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"> .paspartu p { float: lef…

    Asked by Vlad,

    0 votes
    14 answers

  21. form - использование двух action

    нужно сделать поиск по двум сайтам в одном текстовом поле с двумя кнопочками для переключения. одна проблема: использование двух адресов (action) которые обрабатывает данные формы. action="http://sitename1.**/cgi-bin/search.cgi" action="http://sitename2.**/cgi-bin/search.cgi" Как можно реализовать такое???

    Asked by sikvestor,

    0 votes
    10 answers

  22. Help with div+css

    Я новичок в DIV вёрстке и всё никак не могу понять как мне сверстать такой блок: (на скрине он сделан в виде таблицы (table), с помощью неё я легко делаю) А вот с DIV+CSS у меня пока что проблемы. Если кому-нибудь не лень, напишите стили и div-конструкцию для такого блока (ширина блока 380px, а высота по мере увеличения текста, в середине bg:#fff). Вот все изображения: Углы [верх-лево, низ-лево , верх-право, низ-право - (6x6px)] Верх и низ [верх, низ - (1x6px)] Лево и право [лево, право - (6x1px)] Помогите пожалуйста, только на этом застопорился и ничего поделать не могу, всю ночь сидел втыкал

    Asked by SkaZzzz,

    0 votes
    38 answers

  23. Копирайт

    Что это такое ???

    Asked by psy-del,

    0 votes
    6 answers

  24. вертикальное выравнивание в ИЕ6

    В ие6, при выравнивании текста по верхнему краю таблицы, все-равно остается зазор больший, чем в других броузерах. В свойствах таблицы указаны cellspacing="0" cellpadding="0" у текста: margin:0px; padding:0px; А если выравнивать по центру ячейки, то все-равно заметно что текст висит чуть ниже центра. И это только в 6-м ие. Может кто замечал такой глюк, и можно ли с ним бороться.

    Asked by kibadachi,

    0 votes
    3 answers

  25. footer к низу во всех браузерах.

    Ребята, привет! Предмет разговора: www.w3u.ru Короче проблема с версткой. Я только начинаю, поэтому не плюйтесь за код. В общем проблема глобальная. Нужно, чтобы в ie6,7,8,opera9,ff3 footer всегда был прибит к низу не зависимо от объема текста. Вторая проблема в том, что по бокам начиная с области контента у меня идут border'ы. Идея в том, что они должны доходить до конца экрана и врезаться в footer. Опять же не зависимо от объема текста. psywalker мне очень помог в предыдущей теме, но эта тема уже выходит за рамки данного вопроса. Я изучил, что пишут люди, все говорят, что надо сразу было думать, но я вначале не знал, что так потребуется. Не подумал. Теперь на выходе…

    Asked by Вадим,

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