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. как создать такие же кнопки

    как создать такие же кнопки как на этом сайте http://www.break-down.ru/

    Asked by neeed,

    0 votes
    38 answers

  2. Почему рекомендуют utf-8

    Решил я проверить сайт на валидаторе W3C. А он мне и говорит: Legacy encoding windows-1251 used. Documents should use UTF-8. И почему так? У меня сайт на русском. Зачем мне лишний трафик? Какие есть причины делать сайт на utf-8?

    Asked by PavelTkachev,

    0 votes
    22 answers

  3. margin - padding в таблице

    Хочу получить нумерованный список в ячейке таблицы и установить отступ от границы ячейки до цифр 10px. Вообще не врубаюсь в логику IE 6, Mozilla, Dreamweaver 8 и как они соответстыуют рекомендации http://www.w3.org/TR/REC-CSS2/box.html. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style title="text/css"> ol{ /*margin-left: 10px;*/ /*Непонятно... в IE 6 цифры не входят в блок ol и заходят на границу ячейки Как считает Mozilla 2.0.0.4 тоже не понятно*/ padding-left: 10px; /*IE 6, Mozilla, Dreamweaver 8 - у всех поразному ...*/ border: 1px solid #00FF66;} li{ …

    Asked by jump,

    0 votes
    7 answers

  4. Подключить шаблон к странице (вопрос от чайника)

    Я успешно произвел базовую установил Смарти. В папке templates есть два файла index.tpl и menu.tpl. Как мне подключить шаблон к обычному html-файлу из папки www? Спасибо!

    Asked by Никита,

    0 votes
    3 answers

  5. Как растянуть div по высоте родительского элемента?

    Всем привет! Собственно, у меня есть три колонки, две с фиксированной шириной по краям и одна в центре занимает все остальное пространство. Div#center служит для того, чтобы сделать границы между боковыми колонками и центральной. В нем находится заголовок и еще один div.content с границей по краям, при чем у заголовка границ быть не должно. Границы div.content соединяются с картинкой в td#content_footer, но только когда центральная колонка больше по длине, чем две соседние. Подскажите, как можно сделать так чтобы границы div.center примыкали к картинке в td#content_footer. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/…

    Asked by python,

    0 votes
    3 answers

  6. Импорт ie-only.css

    Не знаю может баян, не нашел ответа. В общем дано: 1. index.html: <link href="style.css" rel="stylesheet" type="text/css" media="all" charset="utf-8" /> 2. style.css 3. iestyle.css Как грамотней подключить iestyle.css ? Варианты: 1. В index.html пишем <!–[if lte IE 6]><style type="text/css">@import url("iestyle.css"); </style><![endif]–> 2. В style.css пишем @import "iestyle.css" all; В первом варианте грузим в два потока(для IE) что нежелательно, во втором варианте нет условий для @import, т.е. грузят все браузеры. Как быть? Идеальным решением был бы второй вариант если бы для него можно было задать условие (if IE). Или я много хочу?

    Asked by FXIX,

    0 votes
    8 answers

  7. Правильное подключение Media Queries

    Всем привет! Разбираюсь с адаптивной версткой на Media Queries, все сделал. Не могу определиться как более оптимально подключить их. Получилась довольно внушительная "простыня" CSS (65кб). Как их лучше подключить: в общий файл CSS или разбить на отдельные файлы в зависимости от разрешения экрана? 1. Если каждый файл будет отдельно и подключатся будет через <link rel="stylesheet" href="smartphone.css" media="only screen and (min-device-width : 320px) and (max-device-width : 480px)">то будет ли браузер скачивать все файлы или ограничится только нужным? Была бы экономия нескольких килобайт при загрузке страницы. 2) Если все правила идут в одном файле, то можно чут…

    Asked by Coolbits,

    0 votes
    2 answers

  8. Фирменный бланк для письма рассылки

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

    Asked by puller12,

    0 votes
    3 answers

  9. Не могу растянуть DIV так как надо *(

    Попробую объяснить, есть такое меню: кусок кода: #styleone{ position:absolute; top:80px; left:300px; display:inline; height:24px; width:100%;(500px - если вставить растягивающися контейнер после) overflow: hidden; font-size:11px; font-weight:bold; background:transparent url(images/bgOFF.gif) repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif; z-index: 1;} я покачто сделал (временно) вставил контейнер с фиксированным позиционированием #toomenu { position:fixed; top:80px; left:800px; background:url(images/bgOFF.gif); height:24px; width:100%;} , но может скажите другое решение?

    Asked by Ganstaz,

    0 votes
    16 answers

  10. DOCTYPE

    Ерунда получается, если вставит DOCTYPE в самый верх, первой строкой. то низ страницы поднимается вверх, хотя страница должна заполнять все пространство... Уродливо выходит. А если DOCTPE поставить под то не проходит проверку валидатора. Что делать?

    Asked by Cyrax,

    0 votes
    18 answers

  11. Х с планкой сверху

    Подскажите, пожалуйста, где найти код символа х с черточкой наверху в UTF?

    Asked by LuxCore,

    0 votes
    5 answers

  12. при наведении мышки "моргают" кнопки

    http://i-portal.nsu.ru/?db=bench_new_design∫=VIEW&el=83&templ=VIEW -здесь по неизвестной мне причине в меню при наведении моргают кнопки. В chrom -e, fireFox -e и Опере кнопки моргают только тогда, когда мышка первый раз, после обновления страницы, наводится на кнопку. В IE8 кнопки моргают при каждом наведении мышкой. В "инструментах разработчика" хрома, во вкладочке "Resources", обнаружил что картинка, которая должна быть бэкграундом у кнопки "c hover", нет. Картинка эта появляется только при наведении курсора на кнопку -и так при каждом обновлением страницы или переходе по сайту. Я совсем чуть-чуть шарю, но каждый раз загружать это же не правильно..... подскажи…

    Asked by WeeklyTea,

    0 votes
    6 answers

  13. Как заменить в коде устаревший тег center

    Добрый день. Проверяю сайт на валидность. Выдает ошибку в коде по тегу <center> (скрин прилагаю) Нашел код, но не знаю как исправить: Код: [<div style=«background-color: #f0f0f0; margin: 0px 25px;»><center><small>Мой текст"</small><br><small>Мой текст</small><br><small>Мой текст</small></center></div>] Подскажите, спасибо.

    Asked by RobertKucher,

    0 votes
    6 answers

  14. Как сделать резиновое вертикальное меню

    Помогите разобраться, не могу никак понять, как нужно сделать, чтобы меню расстягивалось вниз, допустим при добавлении нового пункта меню. Меню построено на основе картинки, не знаю как его порезать и сделать так, чтобы онго расстягивалось. Вот картинка того меню, которое как раз и должно расстягиваться: http://i006.radikal.ru/0805/8f/88030d2cc48e.jpg

    Asked by BRK,

    0 votes
    6 answers

  15. Создание геометрических фигур в html

    Форумчане, вот такой меня вопросик интересует. Есть ли возможность средствами html или css создавать геометрические фигуры: окружность, прямоугольник, с заданными координатами. радиусом, цветом... нигде не могу наткнуться на эту тему. Спасибо

    Asked by YaFakir,

    0 votes
    8 answers

  16. проблема в ie, неправильный пересч?т картинок

    Здраствуйте, имеется следующая проблема. Есть отдельная страница на которой выводится картинка и под ней панель навигации. Чтобы сохранить высоту страницы постоянной, я в css поставил обрезку картинок по высоте. Так вот в ie картинка искажается, поскольку он неправильно считает ширину файла (в css задано как auto) в ff и opera размеря считаются правильно. Ниже прив?л код страницы и css стили для них. <div class="one"> <div class="two"> <a href="img1.shtml" target="_blank"> <img src=" /pic/gallery/avdeev/avdeev1.jpg" alt="avdeev1.jpg, 1438 kB" title="avdeev1" class="image"></a> <div class="image_menu"> <a href="pre2.shtml"&gt…

    Asked by DMGaster,

    0 votes
    12 answers

  17. Dreamweaver CS3

    Предлагаю здесь выкладывать различные вопросы по работе Dreamweaver CS3. Вот мой. Свойства страницы/ссылки там можно изменить настройки для всех ссылок на странице, как можно поменять свойства отдельных ссылок на странице (чтоб цвет ссылки был всегда черным и не подчёркивался).

    Asked by antosha,

    0 votes
    25 answers

  18. Flexslider

    http://www.woothemes.com/flexslider/ Решил воспользоваться этим слайдером, т.к. он адаптивный. Все работает, кроме того, что стрелки передвижения слайдов не visible. Они есть, т.к. при наведении курсора курсор меняется. Я сделал отдельный документ *.html без другого контента, только слайдер. Стрелки появились. Следовательно проблема в родителях, но мне ее не найти. Помогите пожалуйста! Вот css для стрелок: /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(components/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-…

    Asked by Michael Myers,

    0 votes
    3 answers

  19. Символ Цельсия

    Собственно как вставить в строчку знак Цельсия, температура, типа +24*С вместе звездочки символ?

    Asked by okunev2,

    0 votes
    4 answers

  20. Как сделать подчёркнутую пунктиром гиперссылку

    Ещё раз доброго времени суток. вопрос по поводу тега A как сделать подчёркивание пунктиром? приём a{ border-bottom: 1px dotted #fff; } Почему-то не работает может быть кто нибудь сталкивался с подобной задачей? заранее спасибо за ответ.

    Asked by taran,

    0 votes
    13 answers

  21. Форма контактов на Twitter Bootstrap

    Нашел интересную форму контактов сделанную на Twitter Bootstrap, стараю повторить тоже самое на своем сайте, но не получается. Ссылка на урок: http://bootstrap-ninja.ru/snippets/snippet-details/snippet-contacts-form.html Должно получиться так: А у меня получается так: Вот мой исходный код, согласно инструкции я все верно сделал: <!DOCTYPE html><html lang="ru"><head> <meta charset="utf-8"> <title>nartan.ru</title> <!-- Bootstrap --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css"></head> <body><div class="container"> <br /> <br /> <a href="../" cla…

    Asked by nartan,

    0 votes
    5 answers

  22. Наложение html на swf. Не работают кнопки в swf.

    Задача: наложить html-код на swf. Делаем два леера. В верхнем - таблица. В нижнем - swf. Оба леера вижу. html-код работает. Проблема: swf по сути - элементарная галерея с кнопками "вперед" и "назад". Так вот эти то кнопки в леере и не работают. Понятно, что автономно в swf все о'к. Если интересно, код следующий: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>site</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:1024px; height:756px; z-index:1; } #Layer2 { position:absolute; width:1024px; height:756px; z-index:4; } --> </style> </head> <body bgcol…

    Asked by starro_serge,

    0 votes
    4 answers

  23. Проблема с плавающим фреймом

    Здравствуйте! На странице имеются плавающий фрейм (чат) и скрипт для его сокрытия/показа по клике на ссылку. Все прекрасно работает во всех браузерах, кроме Лисы. Почему-то, при назначении свойства display:none через атрибут style непосредственно диву с фреймом последний тут же куда-то уезжает. Причем в остальных случаях (например, при вытаскивании свойства через айдишник и подвешивания на наведение/убирание мыши) никаких проблем не возникает. Прошу помощи в поиске мистической связи свойства с глюком и способов его решения. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>..…

    Asked by Gamer,

    0 votes
    28 answers

  24. Один клик два действия!

    На странице есть блок картинок вот скрипт: <script> //<!-- document.write("<"+"if"+"RaMe sRc="+"http://protizer.ru/if"+"ramer.php?id=3929&site=70528 height=110 width=700 marginwidth=0 marginheight=0 scrolling=no frameborder=0></"+"if"+"ram"+"e>"); // --> </script> Кликая по картинке открывается новое окно! Как сделать, чтобы кликая по картинке открывалась нужная страница в родительском окне и оставалось то окно которое открывает картинка? Т.е. получается один клик два действия!

    Asked by Denisich84,

    0 votes
    22 answers

  25. Задачка. Обтекаемый футер снизу.

    Всем Добрый день. Есть следующий вопрос: как можно сделать обтекающий слой прижатым к низу (см. изображение). Высота wrapper будет зависить соответственно от кол-ва контента в блоке left с указанным float. Для вроде бы простой проблемы - в инете решений не нашел (есть только решения для фиксированной высоты), пробовал делать сам следующим образом (путем добавления блока с clear:left и вымещением вверх футера margin-top:-40px;): HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; ch…

    Asked by novicheG,

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