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. Можно ли убрать гламурный скроллинг в iPad?

    Делаю страничку для iPad-а, не простую, а для спецприложения (будет открываться в спецокне браузера без элементов управления). Гарантированно вписывается, скроллинг не нужен и при обычных условиях не появляется. Но если "качнуть" страничку пальцем вверх или вниз, она "оттягивается" в фирменной айфоно-айпадской манере (край будто "отрывается" от края окна, обнажая "подложку холста", потом плавно подъезжает к ней обратно). Можно ли это как-нибудь задизейблить? Прямого способа (а-ля <meta name="viewport"> для фиксации масштаба и размера) не нашел. Пока единственная идея — попробовать добавить что-то типа ontouchmove="return false" на <body>, но боязно, не убьет л…

    Asked by SelenIT,

    0 votes
    2 answers

  2. Обучение html, css, js.

    Здравствуйте! Есть цель стать неплохим верстальщиком. =) На сколько я понимаю для этого необходимо овладеть как минимум html, css и js. (если я не прав - поправьте пожалуйста) Суть вопроса в том: какие источники вы посоветуете чтобы достичь определённого уровня в вёрстке и оформлении web-страниц? Заранее благодарен. p.s. как мне показалось, раздел вполне подходит для такого вопроса. p.p.s. начальные знания в html есть. =) (могу сверстать простенький сайт) Спасибо за уделённое время!

    Asked by The Norb,

    0 votes
    11 answers

  3. Адаптивный дизайн

    Доброго времени суток, знатоки! Создаю сайт с адаптивным дизайном с использованием @media. Подключаю стили для разных разрешений экрана. Стили, в принципе, одни и те же, меняются лишь значение у width, height, font-size, margin и padding. Подключаю так: <link rel="stylesheet" type="text/css" href="styles/style.css" /> <link media="only screen and (max-width:1650px)" rel="stylesheet" href="styles/style_1650.css" /><link media="only screen and (max-width:1560px)" rel="stylesheet" href="styles/style_1550.css" /><link media="only screen and (max-width:1450px)" rel="stylesheet" href="styles/style_1450.css" /><link media="only screen and (max-width:13…

    Asked by Я_Евгений,

    0 votes
    4 answers

  4. Короткая запись свойства font

    Добрый день Уважаемый саппорт. Моя проблема заключается в следующем: когда я пишу свойство font короткой записью, и в ней указываю значение свойства line-height: множитель указываю, в пикселях или в др. величинах, браузер все правила сбрасывает в ноль, т.е как будто я не прописывал никаких css-свойств. Но когда расписываешь полностью все свойства текста, без короткой записи - line-height срабатывает. Если одновременно, между { } скобками прописываешь отдельно line-height: со значением и следующей строкой пишешь короткую запись font, не указывая при этом значения этого свойства, т.к это свойство было указано выше, то браузер применяет все правила указанные в короткой запис…

    Asked by Nikolay7,

    0 votes
    4 answers

  5. Перенос в титлах

    Рад приветствовать общество, после недолгой вынужденной паузы! Вот подскажите пожалуйста, возможно ли как нибудь организовать перевод каретки в титле: <span title=Тег или тэг: от английского Tag (бирка): специальный набор символов, описывающий характеристики текстовых и других объектов. style='color:#3300CC; cursor:help'> тег</span> nr не работают. А у Гугла как то получается. Или нужно отдельный скрипт сочинять? PS. Как же все таки правильно, тег или тэг? Спасибо.

    Asked by Николай 2357,

    0 votes
    6 answers

  6. Postition absolute IE6 для em

    Есть такая конструкция <div class="ml-div"> <a href="http://joos_rc1.ru/" title="Главная" class="mainlevel-1" > <em>Главная</em> </a></div> Для нее CSS a.mainlevel-1 { display:block; width:81px; height:22px; margin:0 auto; padding-top:89px; text-align:center; color:#9f1200; position:relative; background:url(../images/topmenu_1.png) center top no-repeat;} a.mainlevel-1 em { font-style:normal; position:absolute; display:block; width:140px; height:18px; left:-30px; text-decoration: none; } a.mainlevel-1:hover em { font-style:normal; background:url(../images/topmenu_hover.png) center top no-repeat;} Во всех браузерах н…

    Asked by PaLyCH,

    0 votes
    4 answers

  7. В IE не работает background-attachment:fixed;

    У меня стоит IE6, почему-то в нём не работает background-attachment:fixed; (работает нормально во всех браузерах кроме него)... почему? на этом сайте написанно что должен поддерживается...

    Asked by YISHIMITSY,

    0 votes
    4 answers

  8. Верстка слоями. Ошибка.

    Помогите, пожалуйста, разобраться где ошибка и как исправить. При верстке появляется отступ показанный на скриншоте стрелкой... не могу понять как его убрать... Скриншот: HTML: <div class="main"> <div class="col_left"> <div class="blocknews"> <div class="top"><b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b></div> <div class="cont"> <h1>24 сентября 2009</h1> <span>Добавлено <a href="#">ссылка</a>. <br /> Здесь будет обзор последних ново…

    Asked by TavlaD,

    0 votes
    5 answers

  9. JW Player

    Подскажите, пожалуйста, никак не могу установить данный плеер. Делаю все по инструкции http://www.longtailvideo.com/support/tutor...on-Instructions , все необходимые файлы точно находятся в нужной папке и пути к ним прописаны верно. Вот код: <!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"> </head> <body> <p id='preview'>The player will show in this paragraph</p> <script type='text/javascript' src='swfobject.js'></script> <script type='text/javascript'> var s1 = ne…

    Asked by Sub-zerro,

    0 votes
    3 answers

  10. Фон на всю ширину

    Доброго времени суток, товарищи. Есть вопрос: как растянуть фоновое изображение на всю ширину экрана? Как это сделано, например, на lostfilm.tv? Направьте, пожалуйста, хотя бы в какую сторону копать.

    Asked by antiznak,

    0 votes
    4 answers

  11. Абсолютное позиционирование лишь по вертикали

    Здравствуйте, форумчане. Нужна Ваша помощь в одном вопросе. Буду очень благодарен за совет... Мне необходимо создать меню, чтобы оно было вроде как абсолютно позиционированно, но не совсем... Дело в том, что если абсолютно позиционировать меню относительно левого края, на маленьких мониторах оно будет залазить на контент, который расположен по центру, а на больших - будет далеко от контента, то есть близко к левому краю окна браузера. Нужно чтобы меню находилось в пределах колонки таблицы (по горизонтали). А по вертикали - бегало при скролинге... Вот здесь это хорошо реализовано http://www.samsung.com/ua/consumer/tv-av/t...&returnurl= Там меню размещено не относительн…

    Asked by Vedrys,

    0 votes
    7 answers

  12. Фон страницы по центру

    Добрый день! Верстаю страницу из PDS файла, размер тела задал жестко. На некоторых сайтах (к сожалению не помню на каких, помнил бы - сам бы посмотрел) видел, на больших мониторах фон продлевается за границу тела страницы (по ширине). Это нужно делать фоном, а содержимое ставить по центру (нужно, чтобы при изменении разрешения цент фона не двигался относительно центра страницы (в горизонтальной плоскости)), или же добавлять элементы с картинками по боках, которые будут равномерно отсекаться (и слева и справа) при изменении разрешения.

    Asked by antonzol,

    0 votes
    2 answers

  13. рейтинги +1/-1

    На многих сайтах для статей, комментариев и даже на форумах есть кнопки +1/-1 или нравится/не нравится. Это влияет как-то допустим на ту же выдачу поиска по сайту, если будет найдено две подходящие темы, но в одном случае будет +300, а во втором +2, то значит первая тема будет стоять первой в выдаче? Или это просто делается для красоты, чтобы было видно активность пользователей которым лениво писать коммент и проще поставить +1/-1?

    Asked by Slyfox,

    0 votes
    8 answers

  14. Рамка блока

    помогите разобраться с рамками для блоков, интересует вариант как на главной странице сайта как выглядит код в css и Html? может где есть готовые подобные примеры, подскажите.

    Asked by revski,

    0 votes
    10 answers

  15. IE 7-8 PIE border-radius и first-child

    Доброго всем времени суток. Помогите пожалуйста решить такую проблему. Итак есть меню , у меню есть заголовок, этот заголовок сделан при помощи first-child первому li в ul , там же используется css 3 PIE для border-radius в IE. Chrome , Opera , FF как всегда нормально, но в IE7-8 заголовок просто пропадает. Дать заголовку zoom:1; position:relative; пробовал ul тоже . Всем его родителям тоже. Не помогает. Блок появляется в обоих IE если убрать border-radius. Сделать заголовок png или просто убрать его в div конечно можно. Но хотелось бы найти решение проблемы. Код: <ul class="left_menu"> <li>Наши услуги</li> <li><a …

    Asked by _loki_,

    0 votes
    4 answers

  16. проблемы с валидацией css в адаптивной верстке.

    Имеются встроенные в основной css файл media queries: @media screen and (min-width:200px) and (max-width:1024px) @media screen and (min-width:200px) and (max-width:980px) @media screen and (min-width:200px) and (max-width:768px) @media screen and (min-width:200px) and (max-width:600px) @media screen and (min-width:200px) and (max-width:480px) При валидации сss нет ни одной ошибки!Кроме этих двух: 1.Ошибка разбора @media screen and (min-width:200px) and (max-width:875px) { #header{ font-size:10pt; } .gallery{ position:absolute; top:120px; right:70px; } } 2.Ошибка разбора @media screen and (min-width:200px) and (max-width:620px){ #navig ul{ margin:0; } ul.nav li{ float:…

    Asked by eleonore,

    0 votes
    8 answers

  17. Адаптировать картинку на background

    Здравствуйте! Прошу помочь, если кто-то знает: Есть элемент section, хочу поставить картинку на фон. Картинка большая и получается, что на фон помещается её часть. Можно ли сделать так, чтобы она ужималась в размеры блока? height:900px; background-image:url("wowmop.jpg"); background-size:100%; background-repeat:no-repeat; background-position:center center; схематично изобразил примерно):

    Asked by jonson92,

    0 votes
    3 answers

  18. Изменить размер и перенести на правую сторону

    Не могу изменить размер и перенести меню на правую сторону. Сейчас это выглядит вот так а хочется вот так (сделано в фш) с цветами я и сама разберусь, а как поставить правильно не понимаю. (Типо код) <html> <head> <meta charset="utf-8"> <title>Цветочный салон: Мираж</title> <style> hr { border: none; background-color: #CD5C5C; color: red; height: 3px; } </style> <style> #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #FF00FF; border-radius: 20px 5px; width: 5…

    Asked by DariaYG,

    0 votes
    4 answers

  19. Проблема с ИЕ 6 и 7 в Дивах

    Не знаю как сделать так, чтобы в ие 6 и 7 нормально тянулся див, который отвечает за показ заколки. В опере и фф нормально отображается и тянется именно так, как надо. Вот тут архив с хтмл ксс и картинками http://xs2000.narod.ru/123.rar Может кто сможет помочь. Или вот код, если и так будет понятно: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Магазин</title> <link href="copy Untitled-2.css" rel="stylesheet" type="text/css" /> </head> <body> &lt…

    Asked by BRK,

    0 votes
    3 answers

  20. Конфликт float и блоков

    Попыталась искать похожую тему что-то не получилось Есть такой html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lagn="ru"> <head> <title></title> <META http-equiv=Content-Type content="text/html; charset=windows-1251" /> <META name="keywords" content="" /> <META name="description" content="" /> <LINK REL="stylesheet" TYPE="text/css" HREF="_css/style.css" /> <LINK REL="SHORTCUT ICON" HREF="http://site.ru/favicon.ico" /> <script type="text/javascript" src="_css/jquery-1.js"></script> <…

    Asked by Mary_RND,

    0 votes
    5 answers

  21. Оцените верстку sportereestr

    Всем привет не могу создать тему в ветке обсуждение работ поэтому напишу здесь оцените пожалуйста верстку, ткните на ошибки что бы нужно подправить. http://www.temp.sportreestr.ru/temp/ - это пока верстка, ссылки работают. Пока идет встройка сайта на движек.

    Asked by karel,

    0 votes
    7 answers

  22. Не могу справиться с IE6

    Вот как выглядит страница в IE8 Так выглядит в IE6 Помогите, плиз, разобраться с этой кроссбраузерностью. +В opera при увеличении страницы появляются не желательные просветы. Разобраться бы из-за чего такое происходит? 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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style…

    Asked by mazhar,

    0 votes
    7 answers

  23. Использую фильтр для png и перестают работать кнопки

    Использую в CSS фильтр для IE для отображения прозрачного png: #cont .fon{width:800px; height:675px; background:url(/img/cont.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none;} Также на этот фон помещаю кнопки: <div id="cont"> <div class="fon"> <a href="/">Декоративные краски</a> </div> </div> В мазиле все Ок, а в IE эти кнопки перестают работать. Убираю из стилей: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none; все работает, но прозрачности нет. Подскажите советом как обойти баг?

    Asked by GromLine,

    0 votes
    5 answers

  24. Как мне растянуть среднюю таблицу?

    Только учусь верстать. Взялся сверстать учебный макет... Помогите правильно растянуть среднюю таблицу...не знаю что делать...она не тянется...все мозги вынес...прописать жестко height по условию задания нельзя...надо, чтобы все эффективно тянулось как в ширину, так и в высоту... Люди добрые, если кому не тяжело...подскажите начинающему... <!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="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Премия "Серебряное копытце". Рога и копыта…

    Asked by serking,

    0 votes
    3 answers

  25. фон относительно правого края

    задачка: расположить фоновую картинку в позиции 4px от правого края элемента. До сих пор такое решалось обходными путями: либо отсчитывалось нужное положение от левого края (годно при известной и неизменной ширине), либо фоновая картинка имела справа нужное количество прозрачных пикселей. Однако сейчас ни один из этих вариантов не прокатит. Как можно быть?

    Asked by swetlana,

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