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. Непонятная ошибка с white-space:pre

    Всем привет. Имеется страница http://khartn.name/ru/view/116 Там прикручен SyntaxHighlighter. На данный момент если копировать код, обработанный SyntaxHighlighter, то код копируется без переносов строк, т.е. весь код сливается в одну строку. Методом тыка в инструменте по F12 выяснил, чт, если отключить для класса .line условие white-space:pre, то копируется код с переносами, но ломается вид кода на странице. Пробовал в качестве эксперимента создать отдельную страничку с указанием white-space:pre - и отображается и копируется нормально из неё код, с переносами. Кто может проанализировать и подсказать, почему в моём случае white-space:pre даёт копирование в буфер обмена без…

    Asked by ArtUrlWWW,

    0 votes
    2 answers

  2. margin у элемента который касается границы браузера

    http://www.resultime.ru/ Вот страница. В ФФ футер маргин боттом отступает от нижнего края страницы. В ие7 + даже это происходит. А вот в хроме и опере футер плотно прижат к нижней части браузера. Такое ощущение что у элементов которые выходят за 100 процентный размер боди и хтмл и упираются в края браузера нельзя задавать маргины которые бы отодвигали эту границу. Есть решение добавить невидимый блок с прозрачным фоном и отодвинуть футер от прилипания к границе браузера. Но возможно вы мне подскажете решение без добавления лишнего элемента. Весь код в примере вынес в 1 файл что бы и стили и разметка была рядом.

    Asked by Whatsup,

    0 votes
    4 answers

  3. Название идентификаторов по русски плохой тон?

    Где то читал что называть идентификаторы или классы по русски (типа id="identifikator" #identifikator) считается плохим тоном, а если мне так удобнее и понятнее, всё равно нужно следовать этим не совсем логичным правилам?

    Asked by zobu,

    0 votes
    6 answers

  4. Не первые шаги

    Всем привет прочел курсы по html css ознакомился со статьями по xhtml что есть во вкладке *основное* ОГРОМНЕЙШЕЕ СПАСИБО вроде все понятно но добравшись до раздела связанным с практикой и о УЖС понимаю что моих знаний недостаточно до того как добраться до сайта пытался усвоить что то из других уроков на прочих сайтах (но в силу того что по большому счету на многих ресурсах проблематично разобраться в примерах) конечно не на htmlbook ))) тут я действительно нашел что искал я бы хотел узнать где бы мне чего еще почитать так сказать что бы наполнить копилку знаний потому что хочется очень хочется научится программировать веб ресурсы но возник вопрос ... Итак …

    Asked by Bobikys,

    0 votes
    12 answers

  5. firefox не понимает

    В общем вот сайт vinilloff.ru Захожу с мозиллы и при наведении на панель кнопок курсором, анимация появляется в верхнем левом углу экрана. В опере и хроме такого нет. Вот код: .left { display: table-cell; position: relative; width: 150px; height: 40px; background: transparent url(knopkaleft.png) no-repeat; color: #424242; vertical-align: middle; } .left span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent url(knopkaleft.png) no-repeat; background-position: -150px 0; opacity: 0; width: 150px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s…

    Asked by faradei21,

    0 votes
    13 answers

  6. проблема с ITforms

    помогите пожалуйста понять почему валидация моей формы не работает, а принципиально идентичный код на официальном сайте скрипта работает

    Asked by cyklop77,

    0 votes
    2 answers

  7. Ребят пожалуйста объясните почему при масштабировании ...

    Ребят пожалуйста объясните почему при масштабирование, а именно когда мы уменьшаем в google chrome масштаб съезжают буквы... Не могу понять почему и как с этим бороться. http://rasel.on.ufanet.ru/ - вот к примеру меню. При масштабировании буквы съезжают и это только в google chrome HTML <!DOCTYPE html> <html> <head> <title></title> <link href="source/style/style.css" type='text/css' rel='StyleSheet' /> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> </head> <body> <div class="menu"> <ul> <li><a href="…

    Asked by Rasel,

    0 votes
    3 answers

  8. linear-gradient по нижнему краю для body

    Доброго времени суток Можно ли прикрепить сss градиент внизу. (как при использовании background-position: 0 100%)/ Вариант с background-attachment: fixed не подходит. Градиент больше высоты подвала и тянется на всю ширину. Сейчас использую 'base64 jpg'+background-position для body. Можно ли как-то иначе? Заранее спасибо. PS Поиск выдает ошибку...

    Asked by Cryolite,

    0 votes
    2 answers

  9. Растяжение блока(div) вместе с формой(textarea)

    Когда растягиваешь форму(textarea), то она вылазит за блок.Как сделать, чтобы блок растягивался вместе с формой?

    Asked by tarakan012,

    0 votes
    6 answers

  10. Неизвестно, откуда берется отступ?

    Доброго времени суток! Страничка по адресу http://loverint.ru/index_test.html Никто не сможет подсказать, с чем связан отступ diva rcbcb-left? Div имеет голубоватый цвет и расположен внутри divа красного цвета (rcb-content-bottom). По замыслу отступа быть не должно. С уважением.

    Asked by sharpey,

    0 votes
    15 answers

  11. Счетчик слайдов

    Помогите пожалуйста c идеzvb по поводу реализации подобного счетчика для слайдов

    Asked by artemhp,

    0 votes
    1 answer

  12. Фреймворки & CMS

    Всем доброго времени суток! С вашего позволения, продолжу цикл ламерских вопросов. Листая в очередной раз хабр зашел в топик о Joomla. Но это не суть. в топике был комментарий: "Сейчас время фреймворков. А если CMS пытается прикинутся фреймворком, волоча за собой наследие CMS, то ничего хорошего из этого не выходит." Что такое CMS я знаю, также знаю о существовании CSS-фреймворков. Но тут, как мне кажется, уважаемый комментатор под словом "фреймворки" имел ввиду нечто иное, не CSS-шное. Что же имелось ввиду под словом "фреймворки"? Комплекс из CMS и CSS-фреймворков? Прямая замена CMS? Какие существует ещё фреймворки, помимо CSS?

    Asked by SuperJerk,

    0 votes
    6 answers

  13. Изменение стилей нескольких элементов

    Имеется код: <style type="text/css"> .pic {width:150px; height:150px; display:block; background-image:url(1.png);} .pic:hover img {opacity:0;} .pic img {transition: opacity 0.5s ease-in-out;} .zag {color:#000;} .zag:hover {color:#666;} </style> <table border="0" cellspacing="0" cellpadding="10"> <tr> <td><a href="#" class="pic"><img src="2.png" width="150" height="150" /></a></td> <td width="200"> <div><a href="#" class="zag">ЗАГОЛОВОК</a></div> <div>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текс…

    Asked by SFproG,

    0 votes
    2 answers

  14. Фон справа и слева разный

    На фото, там где слайдер - переход фона слева и справа разный. Код примерно такой: <div style="width:100%; background: #FF0;"> <div style="width:980px; margin:0 auto;"> здесь слайдер </div> </div> Как сделать так, чтобы слева, где заканчивается слайдер - продолжался такой же фон? А справа соответственно такой же, как справа у слайдера http://s2.ipicture.ru/Gallery/Viewfull/18603720.html

    Asked by Imperil,

    0 votes
    3 answers

  15. Растянуть фон

    Здравствуйте! Как правильно будет организовать такую штуку. Сайт сам будет фиксированный. А блоки с фоном (сверху серый, белый, и коричневый) тянулись на всю ширину. Какой тут способ самый простой и правильный будет? Спасибо! http://s2.ipicture.ru/Gallery/Viewfull/18603720.html

    Asked by Imperil,

    0 votes
    2 answers

  16. Проблема с плавающими элементами

    Вот есть такая структура. Здесь сайдбару задан float: left; он идет перед блоком content, которому задан левый маржин. Так же пост с такой вот структурой: <div class="post"> <a href="" class="post-title"</a> <div class="post-meta"> <div class="date"></div> </div> <div class="post-conten clearfix"> <img class="thumbnail" /> </div> </div> Картинке с классом htumbnail задан флоат, чтобы посты не налазили на друг друга из за этого флоата, то задан блоку с классом post-content clearfix. Но из за этого первый пост по высоте как сайдбар, помогите пожалуйста решить эту проблему. Сайдбару position: abso…

    Asked by tini.kRyptoNite,

    0 votes
    4 answers

  17. Затенение страницы перед выводом "лайтбока"

    Ещё раз здравствуйте! Сейчас пытаюсь реализовать эффект затемнения страницы полупрозрачным блоком DIV, полностью покрывающим тело документа. Т.е., добавляется элемент DIV с id="DocShade", большим значением z-index и position:absolute;left:0px;right:0px. атрибутам width и height соответственно присваиваются величины max(scrollWidth,clientWidth) и max(scrollHeight,clientHeight), взятые у document.documentElement или document.body (в зависимости от compatMode). Когда происходит изменение размеров окна, обработчик onresize выполняет следующие действия: 1)временно скрывает блок, чтобы исключить его из размеров документа: Shade.style.display="none"; 2)изменяет размеры блока…

    Asked by LShadow77,

    0 votes
    14 answers

  18. Меню на основе Dynatree

    Можете помочь разобраться? Делал менюшку на основе Dynatree Где то намудрил видимо со стилями и перестало отображаться в IE8. Вернее отображается только 1ый пункт. Вот тут само меню или тут

    Asked by npofopr,

    0 votes
    7 answers

  19. Помогите со стилями в IE и Google Chrome

    Здравствуйте... Пытался придать внешний вид мониторингу. Столкнулся с проблемой. Отображения в IE и Google. Проблема в том что блок с названием карты и кол-вом игроков расположен по верх картинки вот такими свойствами style="position:relative; top:-23px; left:24px;" И во всех браузерах а то Opera Mozilla Safari отображается нормально А в ие и гугле на месте где был блок образовалось пустое пространство.. из-за которого мониторы занимают больше места и + Вообще из шапки сьехали.... Вот полный код мониторинга. [online]<div style="color:#fff; text-align:center; width:165px; order:2px solid purple;"> <div> <div><div style="width:100%; backgroun…

    Asked by cheatoff-strike,

    0 votes
    0 answers

  20. посоветуйте дистанционные курсы по html

    Посоветуйте, пожалуйста, дистанционные курсы по html и css и вообще создание сайтов))))) гугл не предлагать, искала уже нужны именно дистанционные Всем спасибки кто отклинется))

    Asked by natashka,

    0 votes
    7 answers

  21. Недорезиновость таблицы

    Не подскажет ли многоуважаемый all. Вроде бы все просто - на странице левая колонка с меню имеет конкретный размер, остальное место занимает, хм, все остальное, на любой экран. Обнаружилось, что при определенных размерах экрана появляется щель между левой колонкой и всем остальным. Трабл возникает при ширине от 1024 (примерно) и до упора (в моем случае - 1680), если меньше 1024 - то все отлично. Причем если тупо скопировать html-код получившейся страницы (который штатно генерируется скриптами) и сохранить как статический вариант, то он отрабатывается без всяких щелей, так как должно быть. При добавлении к таблице опции border=1, чтобы глянуть какая часть дает щель, показы…

    Asked by flider,

    0 votes
    4 answers

  22. Как убрать странные отступы в IE

    Здравствуйте! Я - абсолютный новичок как на этом форуме, так и вообще в HTML (стаж - пять дней). По-этому не судите строго, ежели чего. Вопрос состоит в следующем. Вот тестовый HTML: <!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"> <TITLE>Титан</TITLE> <STYLE type="text/css"> BODY { background: #D4E5E9 url("images/background.gif") 850px 454px repeat; font: 14pt "Microsoft Sans Serif"; font-weight: bold; margin: 0px; padding: 0px; } H…

    Asked by LShadow77,

    0 votes
    3 answers

  23. Помогите с ccs

    Добрый день, есть сайт на джумле, установлен модуль языков, но отображается он не так как надо на шаблоне я так понял что присутсвует класс lang-inliner которого нет в описании, что добавить и куда чтобы отображалось все нормально. Сайт http://rus-ino.ru . помогите пожалуйста

    Asked by xrumchik,

    0 votes
    4 answers

  24. Такая форма реализуется c помощью CSS?

    Здравствуйте. Увлёкся украшательствами в фотошопе. И забыл про практику. Можно ли сделать форму с закругленными краями, имеющую градиентную обводку, градиентный фон, и внутреннюю относительно обводки тень? Лучше один раз увидеть тень на рисунке не показал, но будет внутри обводки, чтобы ее отличать от содержимого

    Asked by borus,

    0 votes
    3 answers

  25. Перестали работать скрипты

    Здравствуйте, благополучно работал над наполнением сайта и в один момент перестали работать все скрипты : на всплывающую кнопку, увеличение изображения (лайт бокс) и на защиту от копирования (причем на всех страницах). Подскажите, как можно исправить?

    Asked by BogdanK,

    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