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

29,542 questions in this forum

  1. Назначение ещё одного класса не производит эффекта

    Структура: <label id="anystar" class="styled"><input type="radio" name="hotel_cat" value="any" /> </label> CSS: #anystar { background: url('images/anystar.png') no-repeat right 10px; display: inline-block; padding: 10px 15px 8px 0 ; } #anystar .chkd { background: url('images/anystar_chkd.png') no-repeat right 10px; } js: jQuery(document).ready(function(){ jQuery('label.styled').click(function(){ jQuery('label.styled.chkd').removeClass('chkd'); jQuery(this).addClass('chkd'); }); }); JS нормально отрабатывается, класс .chkd к элементу добавляется. Но бэкграунд при этом не меняется, хотя, по-моему, долже…

    Asked by adelante,

    0 votes
    2 answers

  2. Верстка под ие6.

    Оцените оригинальный способ. Пользователи столь старых браузеров, скорее всего, имеют низкую скорость и не гонятся за прогрессом. В ином случае, они обновили бы свой браузер. Еще один вариант-у них старая ос. Тогда поддержка новых технологий для них тоже не важна. Тогда для них можно создавать простые, особенные страницы. К примеру: фиксированый макет с 2-мя колонками. Реализовать можно вставив такой кусок в обычную страницу: <!--[if ie 6] <meta http-equip="refresh" content="время до перезагрузки; url=страница для ие6"> <! [endif]--> Код корявый, но принцип, надеюсь, вам ясен. Надеюсь услышать ваши мнения про это.

    Asked by DarkPrelat,

    0 votes
    8 answers

  3. input email

    При использовании <input type="email" />, при некорректном вводе e-mail адреса, выплывает подсказка: У меня все ок, только сама надпись не отображается? в чем может быть ошибка?! чисто розовый фон.

    Asked by Zzz_,

    0 votes
    5 answers

  4. Как сохранить отдельный слой в psd

    Как сохранить отдельный слой в psd без потери прозрачности в фотошопе???В общем есть на макете 3 картинки с логотипами + на них надписи прозрачные,отключаю все ненужные слои оставляю только картинку,сохраняю для веб в png + стоит галочка "прозрачность",в итоге там где должна быть прозрачность остается белый фон.

    Asked by Aleksey19881988,

    0 votes
    3 answers

  5. Простейший макет, проблемы с height

    Т.к. в соседнем разделе не удалось мне решить мой вопрос, решила начать с нуля и посмотреть, где возникает проблема. Начала делать простейший макет, и вот какая странность. Вроде бы уже проще некуда, делала из многочисленных примеров, пробовала разные варианты. Вот собственно оно http://jsfiddle.net/bfTAC/ Интересно, что в Opera все отлично выглядит как надо А вот в Хроме и Firefix'е - что попало Если глянуть для интереса "инспектором" в Firefox, вот что говорит Получается "контейнер" 100%, но почему то всего 220px. Хотя с body там же все нормально - 100% и 720px на весь экран. Что я делаю не так? Уже тупняк какой-то начался, тяжело абстрагироваться

    Asked by m2141,

    0 votes
    7 answers

  6. Фиксированный элемент

    Здравствуйте! Как на сайте, вот сайт, сделать дополнительный слой, чтоб, независимо от высоты страницы, был графический элемент, который бы всегда был внизу страницы, но перед футером? Вставлять все в новый див и в нем располагать этот элемент с позиционированием?

    Asked by Zeeeya,

    0 votes
    4 answers

  7. Отображение элемента поверх всех других

    Добрый день. Как сделать чтобы элемент, который находится внутри другого с overflow: hidden, отображался поверх всех других? <!DOCTYPE html > <html> <head> <style type="text/css"> .inner { position: absolute; top: 150px; left: 150px; } .outer { overflow: hidden; width: 100px; height: 100px; position: relative; } </style> </head> <body> <div class='outer'> <div class='inner'> Content </div> </div> </body> </html> Нужно чтобы Content всегда отображался. Стиль position: fixed для inner не подходит, т.к. в этом случае в моей задаче придётся делать расчёты …

    Asked by kidar2,

    0 votes
    4 answers

  8. iframe проблема с разными браузерами

    Здравствуйте. Возникла проблема с iframe. Ситуация такая: есть php скрипт который обрабатывает изображения и сохраняет. Потом эти изображения вставляются в iframe в соответствии со страницей. Опера, например, отображает как должно быть, хром и эксплурер - только первое сохраненное изображение. Как можно исправить эту проблему и загружать соответственные изображения. Заранее спасибо)))

    Asked by assd18,

    0 votes
    1 answer

  9. Прикручиваю слайдер - не отображется

    Добрый день. Как сторонний слайдер прикрутить? Вроде код слайдера(в шаблоне) работает - в теги А, IMG яваскрипт добавляет свое. А где я ниже подключил никак не кушает настройки яваскрипта. Вот 178.95.185.177/real/alfasi.html?view=property&id=1:alfasi-15-rekhaviya Фаербагер даже другой подстветкой показывает, начиная с тега UL там где только черная полоска.

    Asked by 550953,

    0 votes
    3 answers

  10. Как сверстать обводку?

    Как сверстать обводку блока если она градиентом сверху вниз?

    Asked by hahaja,

    0 votes
    2 answers

  11. HTML5

    Не нашел старой темы,решил создать новую и посоветоваться с вами,поделитесь мыслями,как быть в такой ситуации: <a class="main_item" title="blabla" href="blabla"> <h2 class="listing">BlaBla</h2> <span class="wrap_productImg"> <img class="productImg" width="198" height="89" alt="blabla" src="images/small/2.jpg"> </span> <div class="wrap_price_main"> <span class="priceBlock"> 1111 <span class="rub">руб.</span> </span> </div> </a> правильным ли будет такой вариант: <section> <article> <a class="main_item" title="blabla" href="blabla"> <header> …

    Asked by milkeyway,

    0 votes
    7 answers

  12. Как правильно использовать Border в 960 Grid System?

    Здравствуйте. Пытаюсь разобраться с CSS фреймворком 960 Grid System. Столкнулся с проблемой заданием границ блокам. Дело в том, что когда я выставляю border равный 1 пикселю блок уезжает под другой т.е два блока получаются больше 940px. Как с этим быть? Вообще, появилась идея задавать для каждого блока, у которого будет padding или border ширину отдельно с помощью ID. Т.е. ширина блока будет пересчитана, так как ID имеет более высокий приоритет по сравнению с сlass. Но является ли такая техника верной при использовании 960 Grid System?

    Asked by TraiDeR,

    0 votes
    2 answers

  13. зазор между инлайновыми элементами

    подскажите пожалуйста почему на этой странице между .logo и h1 есть зазор? то есть при перемещении курсора по горизонтали, на которой находятся эти элементы, курсор в некоторый момент меняет свой тип если можно, подскажите как решить проблему

    Asked by cyklop77,

    0 votes
    3 answers

  14. столбец залитый градиентом не выбеляется

    Необходимо, что бы строка содержащая градиент в первом столбце выделялась при наведении! Если нет градиента то все нормально выделяется, а с ним не получается! td.rt { background: -webkit-linear-gradient(left,#FF0000 2% ,#FFFFFF 10%, #FFFFFF 50%, #FFFFFF 100%, rgba(255, 0, 0, 0.5));/*градиент для первого столбца*/ } tbody tr.tt:hover { background: #c8c8ff; /* Цвет фона при наведении */ color: #000000; } Помогите очень надо!

    Asked by mkokueva,

    0 votes
    1 answer

  15. DIV не выравнивается по высоте

    Добрый день, подскажите пожалуйста: http://jsfiddle.net/8xyNP/ 1) Почему, у span.b автоматически не выставляется высота как у родителя div.a? 2) Если, у span.b выставить width: 500px, как сделать чтобы span.c сам выставил себе значение width, до элемента span.b?

    Asked by AppleMacMy,

    0 votes
    6 answers

  16. границы в ячейках таблицы перерисовывают остальные границы

    Приветствую! Рисую календарь, выглядит вот так: пытаюсь добавить границы ячейкам таблицы, получаю такое: Как видно, затирается левая и нижняя граница таблицы, а так же граница строки после дней недели. Подскажите, как это исправить? Код: <!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; charset=windows-1251" /> <style> * { padding: 0; margin: 0; } body { padding: 50px; } body { font-family: Verdana, Helvetica, sans-serif; font-size: 13px; } table.calendar { float: le…

    Asked by stalker_2000,

    0 votes
    2 answers

  17. css хитромудрые селекторы

    Есть верстка: <body> <header>Заголовок сайта</header> <div class="layout"> <aside> <div class="top"></div> <div class="middle"> <h2 class="nomargin-top">Меню</h2> <—- вот он, элемент для которого надо получить селектор <ul class="nomargin-bottom"> <—- и для последнего тоже надо <li><a href="link1.html">Ссылка 1</a></li> <li><a href="link2.html">Ссылка 2</a></li> <li><a href="link3.html">Ссылка 3</a></li> <li><a href="link4.html">Ссылка 4</a></li> <…

    Asked by crashtua,

    0 votes
    6 answers

  18. Резиновый дизайн DIV-ами

    Здравствуйте! Верстаю шаблон для Джумла-2.5, нужен шаблон на ДИВах Вот сайт: Сайт Левая колонка присутствует только на главной странице, на остальных поле контента должно растягиваться на всю ширину. Совершенно запуталась с версткой! Применила для элемента 1 абсолютное позиционирование, растягивается как нужно, но на главной почему-то элемент 2 и поле 4 продолжаются за левое поле... И как указать расположение аналогичных нижних элементов, если поле вниз будет растягиваться в зависимости от контента? ПОмогите, плиз!

    Asked by Zeeeya,

    0 votes
    6 answers

  19. IE 8,7 не подшружает шрифты

    Добрый вечер. IE 7-8 не подгружает шрифты, с чем может это быть связано? Подгружаю так: @font-face{ font-family: 'MobileStore'; src: url('fonts/MobileStore.eot'); src: url('fonts/MobileStore.eot?#iefix') format('embedded-opentype'), url('fonts/MobileStore.woff') format('woff'), url('fonts/MobileStore.ttf') format('truetype'), url('fonts/MobileStore.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } Конвертировал шрифты через сервис font2web.com При верстке другой странички с другим шрифтом все браузеры подгружали шрифт шрифты в папке присутствуют

    Asked by a.antropov,

    0 votes
    11 answers

  20. Проблемы в Opera

    Сайт: Емакс спорт.Ру Как убрать рамку вокруг надписи "Лыжи Атомик Word Cup" HTML код: <TR class=tabl5> <TD class=toptable3 colSpan=2 > <div style=\"float:left;width:420px;\"> <table class=lt2> <TR align=center> <TD ><B><strong>"Лыжи Атомик Word Cup"</strong></B></TD> </TR></table> </div> CSS код: TR.tabl5 td{HEIGHT:23; BORDER: #7E98CD 1px solid;} TD.toptable3 {text-align:middle; FONT-SIZE: 9px; background: #fff; width:100%;} TABLE.lt2{width:100%;}

    Asked by gavru,

    0 votes
    4 answers

  21. JS открытие документа

    Долго искал - не нашёл ответа на свой вопрос. Итак, getElementById('id') работает в том документе, из которого вызвана функция. Как заставить JavaScript прочитать постороннюю html-страницу? Заранее спасибо.

    Asked by Ingrediamur,

    0 votes
    1 answer

  22. На широких мониторах показывается не весь сайт

    delete

    Asked by anjoy74,

    0 votes
    15 answers

  23. Gроблема с Operой

    Всем привет. Помогите пожалуйста решить проблему, сроки поджимают, а найти решение сам не могу. В опере съезжает вниз список , вот етот <div class="contentA"> <ul> <li><a href="#">Product 1</a></li> <li>See all: <a href="#">Category</a></li> </ul> </div> в мозиле и хроме все ок, если убрать паддин здесь .contentA, .menuA { padding: 10px; } то в опере все работает, только вот блоки размещаются в углу, буду благодарен за помощь вот код <style type="text/css"> .mainA{ margin:auto; background:#e8e8e8; max-width:480px; height:150px; border-radius:8px; margin-botto…

    Asked by Android,

    0 votes
    2 answers

  24. фон у шапки

    Не работает background-image у header, хотя с footer'ом все отлично. Не могу понять в чем дело! <!DOCTYPE html> <html> <head> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/javascript" src="js/main.js"></script> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/main.css" type="text/css" /> <link rel="stylesheet" href="css/menu.css" …

    Asked by humb1t,

    0 votes
    2 answers

  25. Возможно ли это сверстать под IE6

    Есть небольшой шаблон - страница настроек плагина для uTorrent, файл содержит в себе стиль https://dl.dropbox.com/u/115646/Temp/sds.html Установлен IE9 и он показывает нормально. Но вот что там разработчики настроили во встроенном в uTorrent IE - не пойму. Страница просто ужасно выглядит. Причем такой код: <script language="JScript"> <!-- @cc_on; alert(@_jscript_version); //--> </script> выдает "9". Может какой режим не тот у него? Я не верстальщик особо, но гуглить могу. Подскажите хоть возможно ли из этого шаблона сделать версию для IE6, чтоб уж точно без багов. Если да, то куда копать. Разные htc пытался использовать - безтолку. Как я понимаю…

    Asked by Ruzzz,

    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