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. Новые html5 теги. Как правильно использовать?

    Новые теги html5 (<header>, <section>, <footer>, <article> и др.) позволяют добавить семантичности верстке и разнообразить привычные div'ы. Однако не все браузеры корректно воспринимают эти теги. Вот что написано на сайте: Верстальщик на распутье. Что же делать? 1) Заставить IE (вплоть до 6 версии) воспринимать новые теги можно через небольшой JS (подробнее здесь). Сомнение: а что если у пользователя выключены JS? 2) Можно использовать новые теги, но не присваивать им стилей. По сути будет обычная divовая верстка с дополнительными семантическими тегами. 3) Можно просто не использовать новые теги, тогда и проблемы не возникнет 4) А ещё можно прост…

    Asked by Ludwig Voltman,

    0 votes
    12 answers

  2. выступающая закладка

    Привет народ. Оч нужна помощь. Проблема с выступающей закладкой в меню. Нужно чтобы активное меню вылазило вверх на 3 пункта. Проблема решается добавлением position:relative; но при этом при изменении размеров окна в IE меню сдвигается. Если убрать position:relative; то в IE6 выступающей части не видно Помогите плиииизз решить эту проблему. Код прилагаю: <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> #Header { clear:both; float:left…

    Asked by Ladoga,

    0 votes
    5 answers

  3. Резиновый трех колонных макет

    Здравствуйте, не могу понять как составить трёх колонный макет. Как на картинке: html: <div id="structure"> <div id="header"> </div> <div id="l_menu"> </div> <div id="content"> </div> <div id="r_menu"> </div> </div> CSS: #structure { position: relative; width: 80%; height: 100%; left: 10%} #header {width: 100%; height: 100px} #l_menu {height: 100%; width: 150px; float: left} #content {height: 100%; float: left } #r_menu {height: 100%; width: 150px} #bottom {width: 100%; height: 50px } что здесь не так? надо что б content занимал всё оставшееся место после l_menu и r_menu

    Asked by deadmeat,

    0 votes
    9 answers

  4. Просветите новичка-2

    Доброго дня! Помогите разобраться. Пробую сделать первый сайт но пока плохо разбираюсь (( Вопрос вот в чём ... Как Вы мне и советавали купил домен и хост на masterhost.ru, мне прислали всякие разные реквизиты ) ... после чего я что-то там делегировал и вроде всё прошло удачно. После этого попробовал с помощью программы Macromedia Dreamweaver залить файл (default.htm) на сервер: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> проверка! …

    Asked by kochay,

    0 votes
    9 answers

  5. Как сдвинуть фон сайта, но только на 500px

    Как сдвинуть фон сайта при прокручивании страницы, но только на 500px, а потом, чтобы он остановился?

    Asked by 34gosha61,

    0 votes
    6 answers

  6. Выравнивание блоков по ширине

    Здравствуйте! Помогите пожалуйста решить следующую задачу: Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины. С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине? Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.

    Asked by Faradey99,

    0 votes
    7 answers

  7. Помогите разобраться с формой!

    Привет пипол помогите пожалуйста разобраться с формой, не как не могу включить в ней поля для обязательного заполнения подскажите пожалуйста как мне это сделать, чтобы работали поля на проверку и форма отправлялась на мыло! Вот сама форма. <form action="mailtest11.php" method="POST"> <table width="100%"><!--DWLayoutTable--> <input type="hidden" name="action" value="send"> <p> <td width="100%"> <div align="left"> </p> <table border="0" cellspacing="10" cellpadding="0" bgcolor="#F4F0F0" width="966"> <tr valign="top"> <td width="23%" bordercolor="#C0C0C0"><strong> Контактное лицо (т…

    Asked by Jnger,

    0 votes
    6 answers

  8. IE 5,5 и padding (добавление полей)...

    Если к к блоку шириной 100% добавить padding ,допустим 30 рх. справа, в ИЕ 5,5 появляется горизонтальный скрол..т.е. к ширине блока прибавляется ширина внешнего поля (padding...)....как избавиться..... В остальных все нормально показывает ,даже в ИЕ6...

    Asked by Serjinio,

    0 votes
    6 answers

  9. Загадка CSS

    Господа, помогите понять, как это может быть такое: Медленно подгружаются стили на сделанном мною сайте: www.isn.su, я подумал, что это из-за того, что я подключил несколько css-файлов и решил весь css-код поместить в один css-файл. Скопировал и переместил. Но, после этого, почему-то, для меня остается большой загадкой, стала подгружаться только часть css кода. К примеру, картинки и блоки нормально отображаются, а текст неотформатирован и так далее. Потом я решил попробовать css-стили включить в html-файлы, но получилось тоже самое - подключается только часть css-кода. Помогите, пожалуйста, понять, как это может быть такое??? Заранее большое спасибо!

    Asked by murtts,

    0 votes
    7 answers

  10. Проблема в IE 6

    Здраствуйте, есть вопрос по верстке. Есть форма, в ней есть как и выпадающие списки, так и просто текстовые поля. У них имеется один и тот же класс, в результате они получаются одинаковой ширины и обрамление поля серое. В FF и Opera поля одинаковые, а в IE6 отображаются по разному, у выпадающего списка и текстового поля ширина разная и обрамление тоже. Вот код: CSS: .big{ width: 260px; border: 1px solid; color: #666666; background: white; }

    Asked by udodirc,

    0 votes
    10 answers

  11. Проверка сайта (движок Joomla) на валидность.

    Ошибка: Sorry, I am unable to validate this document because on line 224 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. The error was: utf8 "\xD0" does not map to Unicode Подобная тема уже есть, решение вроде бы тоже. Но в моем случае указывается номер линии, которого либо вообще нет, либо на этой линии ничего необычного не наблюдается. Может быть причина в том, что я не знаю где смотреть эту самую линию, поскольку в коде созданном на Joomla плохо разбираюсь. Через браузер номера строк…

    Asked by Trali-Vali,

    0 votes
    8 answers

  12. margin-right:-100% (помогите разобраться)

    Здравствуйте! Есть сайт генератор HTML and CSS. Хочу разобраться с постройкой структуры кода. Выбрал резиновый с эмуляцией одинаковых строк. Пытаюсь понять св-во margin-right:-100%, не пойму принцип действия. Применять то можно, очень важно и хочется понять (разобраться). Помогите пожалуйста со структурой кода?

    Asked by pattaya,

    0 votes
    11 answers

  13. margin не работает в ie

    Во всех браузерах отображается отлично, кроме всеми любимого ie, перерыл нет,но что то решения не нашел, но может и плохо искал. Помогите плиз сверстать шапку .сайта, что бы работало в ie. Для наглядного примера даю ссылку и код. Я только учусь, так что строго не судите. Сайт делаю для себя. http://perestroyka.at.ua/ У меня буквы съезжают в ie в право. <table width="900px" border="0" align="center"> <tr> <td> <div style="margin:20px 0 0 50px; float:left;"><img src="img/t2g.png" /></div> <div style="float:right; margin:30px 50px 0 0;color:#4e4e4e;">строительная газета выпуск № 1</div> <div style="margin:50px 50px 0 …

    Asked by cpstriker,

    0 votes
    3 answers

  14. map и position

    имеем изображение (img), карту к ней (map) и слой (div), который это все перекрывает <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <style> div{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } img { position:relative; z-index:1; } </style> </head> <body> <div></div> <img src="http://img0.liveinternet.ru/images/attach/b/3/14/8/14008201_hm4_1_30_0_big.jpg" width="450px" height="450px" usemap="#map" /> <map name="map" id="map"> <area href="#" shape="poly" coords="50,50,400,50,400,400,50,400" title="hover" /> </map> </body> </html&g…

    Asked by jurassik,

    0 votes
    5 answers

  15. Закругление углов на css

    Кто может подсказать как можно реализовать на css закругление углов, как на сайте http://glavred.info/

    Asked by Mr.Smith,

    0 votes
    4 answers

  16. Тег отвечающий за ограничение количества символов

    Подскажите тег отвечающий за ограничение количества символов. Пример: информер с комментариями (надо ограничить длину $ENTRY_TITLE$ например 19 символами) <strong></strong> <table border="0" cellpadding="0" cellspacing="0" width="190" height="60"> <tbody><tr> <td style="padding-left: 0.1em;" align="left"> <b><a href="$ENTRY_URL$">$ENTRY_TITLE$</a></b> <br> <b>Написал:</b> <a href="$PROFILE_URL$">$USERNAME$</a> <br> $MESSAGE$<br>[<a href="$ENTRY_URL$">Ответить</a>]<br><hr size="1" width="100%"></td> </tr> </tbody></table> &…

    Asked by Roman--1,

    0 votes
    8 answers

  17. Проблема с фиксированым подвалом

    Здравствуйте. Есть такая проблема: у меня есть фиксированый подвал, но он накрывает контент(Скриншот). Как мне зделать, чтобы контент поднялся выше подвала, если контент и боковые панели находятся в класе .layout, а подвал в .foot. Ниже приведен CSS Код .layout{ margin: auto; position: relative; width: 95%; } .foot{ background-color: rgba(198,214,229,0.8); bottom: 0; left: 5%; width: 90%; position: fixed; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } Если нужна дополнительная информация, пишите.

    Asked by Z3RO,

    0 votes
    16 answers

  18. Как сделать калонку с закругл?нными краями Правельно

    Люди дайте пример в?рстки в css калонки(к примеру) с закругл?нными краями.... Ато мой способ неподходит ......

    Asked by antonP,

    0 votes
    6 answers

  19. Структура кода

    Накапливаются вопросы, и, пусть не все сразу, но частичто буду их сюда выкладывать на обсуждение или точный ответ. Для начала, вопрос такой: При "многоуровневой" верстке чему стоит отдать предпочтения: индивидуальному классу у каждого элемента*, вложенности элементов в ксс-коде**, нескольким классам у одного элемента***, или id-шникам**** (если элемент не интересен серверу и одинок на страчке). Что бы выбрали Вы и почему? Пример для тех, кто не совсем понимает, о чем речь. Пример нельзя признать полностью корректным, но суть вопроса он полностью отображает.

    Asked by paracelso,

    0 votes
    21 answers

  20. Bootstrap navbar burger не работает

    Имею шапку сайта созданную на bootstrap, имеется выпадающее меню открывающееся на мобильных устройствах при нажатии на "бургер", работает на всех устройствах, но не раскрывается на Samsung Galaxy A5, как это можно зафиксить?

    Asked by Chainik,

    0 votes
    3 answers

  21. Форматирование полос прокрутки

    Добрый вечер! Я точно знаю где-то есть параметры в CSS для форматирования полос прокрутки. Мне нужно это сделать для слоя DIV - и ещ? очень надо сделать вертикальную полосу слева, а не справа, как по-умолчанию, а горизонтальную отключить... Подскажите, пожалуйста. С уважением.

    Asked by Zevgma,

    0 votes
    5 answers

  22. Расширения (filter) для CSS

    Привет всем! Подскажите, а где можно поподробнее почитать про расширения CSS (фильтры, filter). Типа: - Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) - BlendTrans(Duration=?) - Blur(Add=?, Direction=?, Strength=?) - Chroma(Color=?) - ну и так далее...

    Asked by styleroom,

    0 votes
    1 answer

  23. Форма входа в чат

    Снова вопрос...каким образом форму входа в чат поставить так чтобы она ничего не смещала,и была слева от "новости репа" ?Вот http://rap.mpchat.ru/ сам чат...Извините если уж совсем глупый вопрос :|

    Asked by Aggro,

    0 votes
    7 answers

  24. Проблема в float

    стили: #pad_fonsmall1 { padding-top: 0; padding-left: 0; padding-top: 0; padding-right: 10px; padding-bottom: 17px; float: left; } /* НАЧАЛО - Оформленая прокрутка*/ #mycustomscroll { width: 293px; height: 291px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; background-color: none; margin: 0 auto; padding: 0px; } /* scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ .scrollgeneric { line-height: 0px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbar { width: 15px; cursor: pointer; height: 74px !important; background: #bbb699 u…

    Asked by okunev2,

    0 votes
    6 answers

  25. в ie7 футер нормальный, в w3c-браузерах последний див в футере уезжает вниз

    Помогите, пожалуйста. Верстаю страницу. В футере есть две строчки, одна над другой. Я их сделал дивами определённой высоты (их общая ширина такая, что не превышает высоту футера). Во всех браузерах что-то не так. Только в ie7 строчки не уезжают за границы футера. В остальных есть смещение вниз дива #copyright. Если ставлю line-height:0, то во всех браузерах исправляется, а в ie7 текст пропадает. Что здесь не так? С помощью Firebug-а в fitefox попробовал поотключать свойства у дива #copyright, так если у него убрать ширину, то всё исправляется <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l…

    Asked by clavin,

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