HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Непонятная ошибка с white-space:pre
Всем привет. Имеется страница http://khartn.name/ru/view/116 Там прикручен SyntaxHighlighter. На данный момент если копировать код, обработанный SyntaxHighlighter, то код копируется без переносов строк, т.е. весь код сливается в одну строку. Методом тыка в инструменте по F12 выяснил, чт, если отключить для класса .line условие white-space:pre, то копируется код с переносами, но ломается вид кода на странице. Пробовал в качестве эксперимента создать отдельную страничку с указанием white-space:pre - и отображается и копируется нормально из неё код, с переносами. Кто может проанализировать и подсказать, почему в моём случае white-space:pre даёт копирование в буфер обмена без…
0 votes2 answers -
margin у элемента который касается границы браузера
http://www.resultime.ru/ Вот страница. В ФФ футер маргин боттом отступает от нижнего края страницы. В ие7 + даже это происходит. А вот в хроме и опере футер плотно прижат к нижней части браузера. Такое ощущение что у элементов которые выходят за 100 процентный размер боди и хтмл и упираются в края браузера нельзя задавать маргины которые бы отодвигали эту границу. Есть решение добавить невидимый блок с прозрачным фоном и отодвинуть футер от прилипания к границе браузера. Но возможно вы мне подскажете решение без добавления лишнего элемента. Весь код в примере вынес в 1 файл что бы и стили и разметка была рядом.
0 votes4 answers -
Название идентификаторов по русски плохой тон?
Где то читал что называть идентификаторы или классы по русски (типа id="identifikator" #identifikator) считается плохим тоном, а если мне так удобнее и понятнее, всё равно нужно следовать этим не совсем логичным правилам?
0 votes6 answers -
Не первые шаги
Всем привет прочел курсы по html css ознакомился со статьями по xhtml что есть во вкладке *основное* ОГРОМНЕЙШЕЕ СПАСИБО вроде все понятно но добравшись до раздела связанным с практикой и о УЖС понимаю что моих знаний недостаточно до того как добраться до сайта пытался усвоить что то из других уроков на прочих сайтах (но в силу того что по большому счету на многих ресурсах проблематично разобраться в примерах) конечно не на htmlbook ))) тут я действительно нашел что искал я бы хотел узнать где бы мне чего еще почитать так сказать что бы наполнить копилку знаний потому что хочется очень хочется научится программировать веб ресурсы но возник вопрос ... Итак …
0 votes12 answers -
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…
0 votes13 answers -
проблема с ITforms
помогите пожалуйста понять почему валидация моей формы не работает, а принципиально идентичный код на официальном сайте скрипта работает
0 votes2 answers -
Ребят пожалуйста объясните почему при масштабировании ...
Ребят пожалуйста объясните почему при масштабирование, а именно когда мы уменьшаем в 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="…
0 votes3 answers -
linear-gradient по нижнему краю для body
Доброго времени суток Можно ли прикрепить сss градиент внизу. (как при использовании background-position: 0 100%)/ Вариант с background-attachment: fixed не подходит. Градиент больше высоты подвала и тянется на всю ширину. Сейчас использую 'base64 jpg'+background-position для body. Можно ли как-то иначе? Заранее спасибо. PS Поиск выдает ошибку...
0 votes2 answers -
Растяжение блока(div) вместе с формой(textarea)
Когда растягиваешь форму(textarea), то она вылазит за блок.Как сделать, чтобы блок растягивался вместе с формой?
0 votes6 answers -
Неизвестно, откуда берется отступ?
Доброго времени суток! Страничка по адресу http://loverint.ru/index_test.html Никто не сможет подсказать, с чем связан отступ diva rcbcb-left? Div имеет голубоватый цвет и расположен внутри divа красного цвета (rcb-content-bottom). По замыслу отступа быть не должно. С уважением.
0 votes15 answers -
Счетчик слайдов
Помогите пожалуйста c идеzvb по поводу реализации подобного счетчика для слайдов
0 votes1 answer -
Фреймворки & CMS
Всем доброго времени суток! С вашего позволения, продолжу цикл ламерских вопросов. Листая в очередной раз хабр зашел в топик о Joomla. Но это не суть. в топике был комментарий: "Сейчас время фреймворков. А если CMS пытается прикинутся фреймворком, волоча за собой наследие CMS, то ничего хорошего из этого не выходит." Что такое CMS я знаю, также знаю о существовании CSS-фреймворков. Но тут, как мне кажется, уважаемый комментатор под словом "фреймворки" имел ввиду нечто иное, не CSS-шное. Что же имелось ввиду под словом "фреймворки"? Комплекс из CMS и CSS-фреймворков? Прямая замена CMS? Какие существует ещё фреймворки, помимо CSS?
0 votes6 answers -
Изменение стилей нескольких элементов
Имеется код: <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>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текс…
0 votes2 answers -
Фон справа и слева разный
На фото, там где слайдер - переход фона слева и справа разный. Код примерно такой: <div style="width:100%; background: #FF0;"> <div style="width:980px; margin:0 auto;"> здесь слайдер </div> </div> Как сделать так, чтобы слева, где заканчивается слайдер - продолжался такой же фон? А справа соответственно такой же, как справа у слайдера http://s2.ipicture.ru/Gallery/Viewfull/18603720.html
0 votes3 answers -
Растянуть фон
Здравствуйте! Как правильно будет организовать такую штуку. Сайт сам будет фиксированный. А блоки с фоном (сверху серый, белый, и коричневый) тянулись на всю ширину. Какой тут способ самый простой и правильный будет? Спасибо! http://s2.ipicture.ru/Gallery/Viewfull/18603720.html
0 votes2 answers -
Проблема с плавающими элементами
Вот есть такая структура. Здесь сайдбару задан 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…
0 votes4 answers -
Затенение страницы перед выводом "лайтбока"
Ещё раз здравствуйте! Сейчас пытаюсь реализовать эффект затемнения страницы полупрозрачным блоком 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)изменяет размеры блока…
0 votes14 answers -
Меню на основе Dynatree
Можете помочь разобраться? Делал менюшку на основе Dynatree Где то намудрил видимо со стилями и перестало отображаться в IE8. Вернее отображается только 1ый пункт. Вот тут само меню или тут
0 votes7 answers -
Помогите со стилями в 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…
0 votes0 answers -
посоветуйте дистанционные курсы по html
Посоветуйте, пожалуйста, дистанционные курсы по html и css и вообще создание сайтов))))) гугл не предлагать, искала уже нужны именно дистанционные Всем спасибки кто отклинется))
0 votes7 answers -
Недорезиновость таблицы
Не подскажет ли многоуважаемый all. Вроде бы все просто - на странице левая колонка с меню имеет конкретный размер, остальное место занимает, хм, все остальное, на любой экран. Обнаружилось, что при определенных размерах экрана появляется щель между левой колонкой и всем остальным. Трабл возникает при ширине от 1024 (примерно) и до упора (в моем случае - 1680), если меньше 1024 - то все отлично. Причем если тупо скопировать html-код получившейся страницы (который штатно генерируется скриптами) и сохранить как статический вариант, то он отрабатывается без всяких щелей, так как должно быть. При добавлении к таблице опции border=1, чтобы глянуть какая часть дает щель, показы…
0 votes4 answers -
Как убрать странные отступы в 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…
0 votes3 answers -
Помогите с ccs
Добрый день, есть сайт на джумле, установлен модуль языков, но отображается он не так как надо на шаблоне я так понял что присутсвует класс lang-inliner которого нет в описании, что добавить и куда чтобы отображалось все нормально. Сайт http://rus-ino.ru . помогите пожалуйста
0 votes4 answers -
Такая форма реализуется c помощью CSS?
Здравствуйте. Увлёкся украшательствами в фотошопе. И забыл про практику. Можно ли сделать форму с закругленными краями, имеющую градиентную обводку, градиентный фон, и внутреннюю относительно обводки тень? Лучше один раз увидеть тень на рисунке не показал, но будет внутри обводки, чтобы ее отличать от содержимого
0 votes3 answers -
Перестали работать скрипты
Здравствуйте, благополучно работал над наполнением сайта и в один момент перестали работать все скрипты : на всплывающую кнопку, увеличение изображения (лайт бокс) и на защиту от копирования (причем на всех страницах). Подскажите, как можно исправить?
0 votes4 answers