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://okhota64.atp6.ru В шапке накладывались слои логотипа и поиска друг на друга, добавил float:left; но как обычно бывает ситуацияисправилась частично, т.е в лисе все внорме отображается а вот в IE не хочет, слой с поиском ускакивает вправо. Решение с : В браузере Internet Explorer 6 наблюдается ошибка с удвоением значения левого или правого отступа для плавающих элементов, вложенных в родительские элементы. Удваивается тот отступ, который прилегает к стороне родителя. Проблема обычно решается добавлением display: inline для плавающего элемента. Также в этом браузере добавляется отступ 3px (так называемый «трехпиксельный баг») в направле…

    Asked by Silentium,

    0 votes
    5 answers

  2. в IE7 не устанавливается курсор в текстовом поле

    Помогите плиз!!! не могу понять в чем дело. есть текстовое поле, в выкидыше мелкософта версии 7 курсор в нем устанавливается только при щелчке мыши на тексте (значении атрибута value). Код: <div id="search"> <input type="submit" id="search_submit" value=""> <input type="text" id="search_text" value="Что ищем?" onblur="valu('#search_text', 'Что ищем?')"> </div> Стили: #search {width: auto; height: 92px; padding: 0px 131px 0px 24px; overflow: visible;} #search_text {width: 100%; height: 22px; border: 1px solid black; position: relative; left: 0px; top: 3px; line-height: 22px; font-size: 12px; color: #000; padding-left: 13px;} #search_submit {w…

    Asked by Vlad_P,

    0 votes
    5 answers

  3. Помогите пожалуйста сверстать кому не трудно

    Кто поможет сверстать простой макет? пожалуйста

    Asked by skeman,

    0 votes
    10 answers

  4. :focus для <a>

    К элементам, которые могут получить фокус (<a>, <input>, <select> и <textarea>) решил проверить с ссЫлкой смотрю в хроме <html> <body> <style type="text/css"> a:focus{ background:red; border:1px solid blue; } </style> <a href="#">oncz</a> </body> </html> цвет ссылки меняется при щелчке на красный на секунду а нужен фон

    Asked by bot87,

    0 votes
    5 answers

  5. Ширина для линейных элементов

    Доброго времени суток всем! Мне нужно получить нечто вроде таблицы Но, если строки не будут влезать в окно по горизонтали, то они толжны переносится, вот так Но так получается только на IE, и только без !DOCTYPE. В противном случае ширина не учитывается. Для примера привожу скриншот из оперы. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> p { border-bottom: 1px solid #333333; } SPAN{ margin: 3px 8px 0 0; white-space:nowrap; width:120px; } </style> </he…

    Asked by AltCtrlDel,

    0 votes
    2 answers

  6. ГОЛОВОЛОМКА С ВЕСТКОЙ СЛОЕВ И ФРЕЙМОВ

    Здравствуйте дорогие форумчане подскажите пожалуйста в чем мои ошибки или как можно лучше реализовать мою задумку во всех браузерах при разрешении 1024*768 все скачет при разрешении 1440*900 шапка впорядке нижние фремы все равно косячат. необходимо чтоб вся инфа на странице была динамичной(при изменении разрешения картинки уменьшались вот как тут http://саманта74.рф/ вот код подскажите пожалуйста <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/JavaScript" src="index/k…

    Asked by Aleksandrid,

    0 votes
    2 answers

  7. помогите убрать странный отступ снизу

    помогите убрать странный отступ снизу(для IE). используется плагин с сайта http://css3pie.com/ <html> <head></head> <title></title> <style> #main{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); …

    Asked by pdbq,

    0 votes
    2 answers

  8. Таблица не слушается css

    Всем привет. У меня проблема: скопировал таблицу из Ворда прямо в редактор umi.cms; пытаюсь выставить её по центру страницы тэгом в хтмл align="center" - в редакторе выглядит хорошо, но на странице без изменений - всё равно слева. Техподдержка мне ответила, мол, выравнивай в css. Я делаю строчку в css: div.content_kurs table.rovnost {margin: 0 auto;} а в хтмл прописываю table class="rovnost" Проблема: таблице всё равно.. Пробовал даже поставить так: div.content_kurs table.rovnost {font-size: 51px} чтобы вызвать гигантский шрифт (может я в margin: 0 auto; ошибся) - никакой реакции. Ч.я.д.н.т ? Заранее спасибо.

    Asked by voiceofsummer,

    0 votes
    4 answers

  9. Список на текущую позицию

    Может было, просто не могу сформулировать Как сделать похожее меню http://htmlbook.ru/css, слева которое ? overflow добавил, подсветку ссылки текущей страницы тоже. Осталось сделать прокручивание списка на текущую позицию. хэлп

    Asked by yume,

    0 votes
    1 answer

  10. Закругленные уголки в Опере

    Всем привет. Задача: сделать закругленное (верхняя часть) меню из четырех пунктов. Проблема в том, что фон основного сайта отличается от меню из-за этого видны рамки пунктов (ведь опере не закругляет углы без border), ну и с hover конечно же проблема. Мое решение: добавил дополнительный элемент с картинкой - закругленные уголки в цвет основного фона + position:absolute в результате чего картинка перекрывает все мои недочеты. help решение очень некрасивое, посоветуйте в каком направлении покопать чтобы решить на css без доп элементов html и картинок (без js и т.п.), буду очень признателен (IE 8+). Пример здесь Если раскомментируете стиль test, будет видно мое "решение". …

    Asked by Sedoj,

    0 votes
    5 answers

  11. Верстка блоков за пределами окна.

    Здравствуйте. Вот сайт http://big-buy.in.ua/domashnij-kinoteatr.html. На странице сверстаны "уши" в виде ромбов. Сейчас - это абсолютно спозиционированные блоки :after и :before для #main-content. Проблема: 1) имеем горизонтальную полосу прокрутки(причем она появляется, только, если есть блок :before) 2) на iphone полоса прокрутки автоматически устанавливается по центру, контент как-бы прилипает к левому краю и левые уши не видно вообще. Пробовал устанавливать для body overflow-x: hidden, но это не выход, да и на айфонах проблема остается. Спасибо.

    Asked by vovka-morkovka,

    0 votes
    5 answers

  12. смена гарнитуры в google fonts

    помогите пожалуйста разобраться скачать и подключил шрифт из хранилища google. не понимаю как мне использовать гарнитуру bold. если я запишу так font: bold 24px 'Titillium', arial, sans-serif;, то сработает именно гарнитура bold из хранилища google или просто браузер своими средствами добавит жирность?

    Asked by cyklop77,

    0 votes
    7 answers

  13. Проблемы с адаптивной версткой

    Всем привет. Начал учиться адаптивной верстке. Сразу же возникли первые проблема. Верстаю шапку, прописываю ей width:100% и max-width:960px. При уменьшении окна браузера примерно с 1000px откуда то появляется горизонтальная прокрутка. Откуда, никак не могу понять. Посмотрите, может у меня вообще не правильный подход к верстке. Заранее спасибо. http://cm04741.tmweb.ru/test.html

    Asked by IvanRu08,

    0 votes
    3 answers

  14. Почему не все теги подсвечиваются

    Asked by lockyHC,

    0 votes
    2 answers

  15. Критическая величина!

    Незнаю правильно или не правильно я назвал тему но у меня вопрос достойный лягушатника! Каким образом сделать верстку дивами так чтоб при уменьшении окна браузера блоки не меняли своего положения (где то я читал что это называется критической точкой) В общем вот код <style type="text/css"> body,html { height:100%; background-color: blue; margin:0; padding:0; } a:link {color: #4f0100;text-decoration: none;} a:active {color: #4f0100;text-decoration: none} a:visited {color: #4f0100;text-decoration: none} a:hover {color: #4f0100;text-decoration: underline} #shapka { background-color: red; margin:auto; width: 100%; height: 148; } #s1 { float: left; position:…

    Asked by Marlik,

    0 votes
    2 answers

  16. верста картинке

    Друзья к вам большая просьба. Я начинающий юзер, ну мне сразу попалась вроде бы такая не тяжёлая задача но найти выход я не могу самостоятельно. короче: как сделать так чтобы флеш ролик уходила за правый край без скрола просто пропадал? Есть таблица сайта <table width="95%" идет вот так мне нужно втулить в хидер флеш ролик (ну или ява скрипт с картинками и ефектом фейда, слайдшоу) размером width 1900px. какой тут задум. чтобы люди на разных мониторам могли ее видеть с этих 1900, 1680 будет сама картинка а дальше просто черное продолжение. помогите с кодом. только как для начинающего. НЕ смейтесь громко. ведь все когда то чему то учаться. распишите код как это сделат…

    Asked by sold@t,

    0 votes
    2 answers

  17. Флэш вылазиет за страницу(

    В общем не могу ничего понять, на сайте есть флэш в таблице справа, на моём разрешении всё номрально, но начинаю пробовать более маленькие происходит вот такая беда в цссе примерно слеждущее body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, form, input, textarea, p, th, td { margin : 0; padding : 0; } table { border-collapse : collapse; border-spacing : 0; } img { border : 0; } address, caption, strong, th { font-style : normal; font-weight : normal; } li { list-style : none; } caption, th { text-align : left; } h2, h3 { font-weight : 400; } sup { vertical-align : text-top; } sub { vertical-align : text-bottom; } input, textarea, select { font-family : inherit; font-size :…

    Asked by Quest182,

    0 votes
    1 answer

  18. Один домен с www и без, с разными robots.txt

    Есть домен zb-susu.ru. По адресам типа: http://www.zb-susu.ru/ http://www.zb-susu.ru/Новости/ http://www.zb-susu.ru/Структура/ открывается один сайт, лежащий в Москве. По адресам типа: http://zb-susu.ru/~marta/ http://zb-susu.ru/~gelrot/ http://giupip.zb-susu.ru/ http://eapp.zb-susu.ru/bzd/ http://photo.zb-susu.ru/cgi-bin/index.cgi открывается другой сайт, лежащий в нашем городе, не в Москве. При открытии главной страницы http://zb-susu.ru/ сервер перебрасывает пользователя на страницу http://www.zb-susu.ru/ Мы сделано это специально, так задумано. Тут все правильно. Вопрос заключается в том, как правильно организовать разные файлы http://www.zb-susu.ru/robots.txt и http:…

    Asked by HoUsE,

    0 votes
    2 answers

  19. Дивы, как фрэймы. Помогите сделать?

    Допустим есть два блока Div. Блок «А» и блок «В». В блоке «А» расположены ссылки, которые ведут на соответствующие файлы «.html». Можно ли сделать так, что бы по клику на ссылку в блоке «А» страница, расположенная по этой ссылке загрузилась в блок «В»? При этом нужно что бы вся страница полностью не обновилась... В общем как будто блок «В» это фрейм. Чистых фреймов использовать не охота. Спасибо

    Asked by romanist,

    0 votes
    2 answers

  20. Картинка поверх объекта

    Всем привет. Столкнулся с проблемой. У меня есть объект на странице. Мне нужно поверх него наложить PNG картинку с вырезом по центру и чтобы карта работала (скрыть края карты, чтобы она "вливалась" в дизайн страницы). Вот сам объект (demo). Заранее большое спасибо!

    Asked by manolo,

    0 votes
    2 answers

  21. CSS МЕню

    Всем доброго времени суток! Нужна помощь. есть горизонтальное меню и у каждого пункта меню есть подменю. как сделать так чтобы подменю отображалось ниже родительского пункта меню и горизонталным списком, а так же что бы находилось на одном уровне с родительским пунктом меню. пример пункт 1 | пункт 2 | пункт 3 _________ подпункт 2.1 | подпункт 2.2

    Asked by artemtereshkov,

    0 votes
    5 answers

  22. Прижать футер к низу страницы

    Помещаю все содержимое страницы во wrapper(растягиваю на 100% по высоте), footer делаю с отрицательным отступом, все ОК. Но как сделать отступ в 20px сверху? p.s. ладно черт с ним с футером, как просто растянуть блок по высоте окна браузера и сделать фиксированный отступ сверху?

    Asked by chocolate_moles,

    0 votes
    8 answers

  23. DOCTYPE и кривизна вёрстки

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> есть такая делема, если поставить DOCTYPE то в CSS работает hover но часть ститей в ie полностью отключаются, если не ставить то в таблицах работает height="100%" для многих динамических элементов CSS.hover просто необходим и таблици растягивать то же нужно, может есть какой нибудь выход, просто очень нужно и то и другое.

    Asked by scuter,

    0 votes
    8 answers

  24. Центрирование фоновой картинки для тега body

    Здравствуйте уважаемые веб-мастера! Подскажите как сделать фоновое изображение тега body по середине экрана? Пример: Прописал в стиле следующее: body { background: url(../img/bg_body.jpg) no-repeat ; height: 1000px; margin: 0 auto; width: 960px; } размер изображения bg_body.jpg 960px на 100px. расширение экрана 1600х900. Но в окне браузера, фоновое изображение расположено не посередине окна, а у левого - верхнего угла окна.

    Asked by Raura,

    0 votes
    2 answers

  25. Можно ли сделать такую форму на css3&

    Можно ли сделать такую желтую с градиентом форму? По-началу мне показалось, что можно, задав 2 значения для левого вернего угла бордер радиуса из разряда 8px 100%, но как видно на картинке угол закруглен на самом деле кругло, то есть 2 параметра по 8px, как бы тогда реализовать и можно ли? В голове вертится мысль о псевдоэлементе и задание градиентов с попиксельной точностью. А может ну его? Просто вставить картинку - это разумнее?

    Asked by Zverushka,

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