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
-
Как сделать крестик в бургер меню
https://vasyldubno.github.io/project1/ https://github.com/vasyldubno/project1 бургер меню появляеться на ширине менее 1100px
0 votes1 answer -
Может ли сайт не идти исключительно на IE6
Сайт www.elevel.ru Жалобы на IE6029005512 - грубо говоря он просто повисает. Скажите тут дело в верстке... ну или в битриксе или еще в чем-то может быть?
0 votes4 answers -
Подмена текста изображением
Начитался, правило хорошего тона, меньше кода... а реально, чем этот метод лучше чем обычная картинка с альтом внутри? Не понравилось, что когда отключаю графику текста нет
0 votes4 answers -
SOS ! Не отобраается шапка joomla 1.5 в ie6
Не отображется шапка joomla 1.5 в ie6 (в хроме тоже не работает). Бьюсь неделю. Сайт надо срочно сдавать а шапка не работает. В опере, мазилле, Ie8 норм, но в офисе стоит IE6
0 votes19 answers -
Постепенное выцветание строчек в конце абзаца
Доброго времени суток. Возникла необходимость сделать вот такое оформление текста: Текст текст текст текст Текст текст текст текст Текст текст текст текст Текст текст текст текст Текст текст текст текст Вот тут тег <!--more--> (движок Wordpress) То есть последние три строки перед ссылкой "Читать далее" становятся светлее. Как ни пытался придумать способ - у меня ничего не вышло. Если задействовать PHP, то приходит в голову только количество символов до конца абзаца - но оно может быть совершенно различным. Если не задействовать PHP - вообще ничего в голову не приходит. Есть какой-то способ?
0 votes20 answers -
Проблема с плашкой
Сделал плашку, Вот код; .title_red_grad{ background:url(../images/red_title_grad.gif) repeat-x; height:24px; width:auto; margin:0 0 0 10px; text-align:center; position:absolute; } .title_red_left{ background:url(../images/red_title_left.gif) no-repeat left; height:24px; margin:0 0 0 16px; } .title_red_right{ background:url(../images/red_title_right.gif) no-repeat right; height:24px; } title_red_grad внутри этого дива стоит заголовок, плашка расятгивает в ширину от размера заголовка. Все отлично работает в Мозилле и Опере, в IE 6 Плашка растягивается во весь контейнер. Вопрос что делать?
0 votes3 answers -
Ширина абзаца в ячейке таблицы
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> … <style> .first {width: 44%; padding: 0 4% 0 6%;} .second {width: 42%; padding: 0 4% 0 0;} </style> … <table width="100%" border="0" cellpading="0" cellspacing="0"> <tr> <td class="first">Длинный текст</td> <td class="second">Текст</td> </tr> </table> IE8 отрисовывает текст первой ячейки за пределы онной. Как побороть, если паддинг нужен?
0 votes2 answers -
IE6 PNG
Для просмотра этого глюка необходим IE6: http://denver.transmagistral.ru/ для слоя с мужиком на картинке отрабатывает правило: <!--[if lt IE 7]> <style> .png { _behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace(…
0 votes6 answers -
Градиенты и скругленные углы в IE.
А вот нету. Если на диве висит CSS3 градиент + скругленные углы то корректного решения я не нашел. http://css3pie.com/, скажут некоторые? Работает через раз - то отрисует бекграунд то нет. На некоторых есть - на других нет. Когда стандартное filter стояло - таких проблем не было. http://dillerdesign.com/experiment/DD_roundies/ ? Без градиента. С градиентом - не работает. Jquery Corner вообще в топку - все поломал. Для тех кто думает что на сайте просто криво все сверстано - специально проверяли убрав все лишние скрипты и стили. Кто что из уважаемых гуру посоветует? Попеременно пай работает - F5 - работает, F5 - нет
0 votes5 answers -
Верстка картинки без картинки
Помогите пожалуйста. Я хочу научиться верстке. Хочу попробовать сверстать вот это http://images.wikia.com/dragonvale/images/e/e8/Space_invader.jpg Не используя картинки и таблиц, как это лучше сделать?
0 votes8 answers -
Как правильно рассчитать поля и отступы в адаптивной верстки?
Есть код. Все пропорции фиксированого макета прописаны в комментах(то есть я перевел в адаптив обычный фиксированый макет). Все нормально, но мне не нужен блок #in-warp, но как без него сохранить такие же зависимости, так чтобы маржин и падинг #in зависили от ширины #in, а не от #container? Или может в этом нету смысла так как сам #in зависит от #container и если подстоить данные отсупы под #container это ни на что не повлияет?
0 votes1 answer -
Как сделать подсвечивания поля с ошибками, bootstrap?
Я использовала старую версию bootstrap 3.3.5 сейчас я подключила Bootstrap v4.3.1. и вот этот код больше не работает. errorPlacement: function ( error, element ) { error.addClass( "help-warrior" ); if ( element.prop( "type" ) === "checkbox" ) { error.insertAfter( element.parent( "label" ) ); } else { error.insertAfter( element ); } }, highlight: function ( element, errorClass, validClass ) { $( element ).parents( ".form-group" ).addClass( "has-error" ).removeClass( "has-success" ); $( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" ); }, unhighlight: function…
0 votes7 answers -
Проблема с псевдокласами
Добрый день. Возникла проблема следующего рода. При верстке все псевдоклассы работают не корректно. Например задаю всем элементам margin-bottom:30px, соответственно у последнего я его пытаюсь почистить ипользуя last-child и задавая margin-bottom: 0. Но проблема в том что после этого все остальные элементы которым обьявил нижний отступ тоже обнуляются. С first-child та же самая проблема. В чем может быть проблема? Первый раз работаю с bootstrap может ли он повлиять на работу псевдоклассов?
0 votes4 answers -
Проблема с линькованием css на страницу
Друзья, помогите разобраться в чем дело. Скачал маленькую портальную систему (обычная с базами данных в виде DAT файлов), установил ? понравилось. Смотрю в код а там щедрой жменей рассыпаны font`ы разные к месту и не к месту. Код почистил, стили вынес в отдельные файлы, начал прилинковывать, а не получается (ни в ручную, ни через Дримвивер) ? если импортировать в код работает, а линком ни в какую. Все правила соблюдены, файлы даже рядом уже сложил. Никак не пойму в чем дело. Может кто знает, сталкивался с такой проблемой. Извините, если оффтопик ? я здесь первый раз. Вдруг надо было в раздел "PHP" обращаться. Заранее спасибо, буду рад любым предположениям.
0 votes2 answers -
infa wilaziet za granizi div´a
Priwet! Podskagite chto sdelat´ , chtobi infa ne wilazila za granizi diva? Nado chtobi ona bila wnutri . Spasibo
0 votes6 answers -
Убрать кэширование картинки
Поставил на сайт информер Яндекс.Погоды. Если не обновлять страницу, а просто серфить по сайту, то картинка не меняется, даже если она уже на сервере Яндекса новая. Сейчас на информере +3 градуса (смотрю сайт в опере) а на сайте информер показывыает +1 (смотрю в ИЭ и Лисе). Если нажать "ОБНОВИТЬ СТРАНИЦУ", то загрузится новая картинка... но не все постоянные посетители будут обновлять страницу и им показыватся старая погода. Можно ли как нибудь убрать кеширование для этой картинки?
0 votes4 answers -
Изображения в качестве ссылок
Добрый день! У меня есть проблема - отображение ссылок на странице определено с помощью такого кода: a:link { сolor: #000000; text-decoration: none; } a:visited { color: #000000; text-decoration: none; } a:active { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: none; } Код хороший, но он создает проблему - картинки, которые используются как ссылки, очерчиваются черной рамкой, что очень плохо выглядит на белом бэкграунде. Вопрос: Существует ли способ убрать эту рамку, может какой-то специальный a:img ( )? (Не вылезает же она на логотипе, хотя тот тоже используется как ссылка на index). UPD. ВОПРОС РЕШЕН, СПАСИБО.
0 votes8 answers -
Всплывающие подсказки
Title корректно обрабатывается в теге img только в IE. Опера и Мозилла не выводят всплывающую подсказку. Решение только в переносе title из img в a href?
0 votes2 answers -
Проблема с высотой контейнеров
Здравствуйте. Делаю резиновый сайт. Не оплучается сделать нормальную высоту контейнера, работает только с фиксированным размером. Перепробовал вё что можно, не получается и всё Суть в том ещё, что сделано несоклько слоёв, на нижнем слое помещён слой с картинкой фона, который должен так же ресайзится. Может проблема в этом... В коде жирным выделил, то, что добавлял, думая, что это поможет... Код html: <div id="wrap"> <link href="css.css" rel="stylesheet" type="text/css" /> <div id="layerbg"> <img border="0" src="pict/bg.jpg" width="100%" height="100%"></td> </div> <div id="header" align="center"> <div id="topmenu" align="c…
0 votes4 answers -
Резиновая верстка
Помогите пожалуйста начинающему верстальщику, вопрос возможно вам покажется типовым и много раз описанным, заранее извиняюсь. В общем есть блок 1024-1280 px, в нем еще 3 блока выстроенные в ряд с бакграундами, так вот мне нужно что бы при сжатии основного блока центральный оставался фиксированной ширины а блоки по краям одновременно сворачивались, ну если свернется сначала один а потом другой то ничего страшного. Напишите пожалуйста, пример кода или кинте ссылку где можно посмотреть пример, сам я чето не нашел ничего. Зарание благодарен.
0 votes10 answers -
Scrolling "no" Для Мозиллы
вопрос 1 -возможно ли отключить правый скролл в фрейме отдельно для мозиллы? вопрос 2, имеет место, если ответ на вопрос 1 негативен -может ли кто-нибудь подсказать легкое решение такой проблемы, как изменение вида скроллбара для мозиллы, а то гуглил, наткнулся на громадное js решение. спасибо ответившим.
0 votes2 answers -
Сверстал шапку от сайта
Приветствую всех! Учусь верстать. Сверстал в качестве тренировки шапку сайта 003 ру Я так понимаю, что она не очень сложная в верстке, но все же хотелось бы услышать пожелания, что плохо и как лучше не делать. Если не затруднит, покритикуйте пожалуйста. Спасибо! http://workoffice.ru/tmp/003/index.html
0 votes2 answers -
display: inline с padding на следующей строке
Здравствуйте! Необходимо залить фон текста по его ширине каждой отдельной строки. То есть, есть у меня заголовок в блоке, который не влезает по ширине, часть заголовка переносится на следующую строку. Но необходимо, чтобы заливка была только по ширине текста а не по ширине всего блока, по типу выделения текста курсора. Как это сделать я разобрался - display: inline. Только есть одна проблема - padding. Он установлен слева и справа, вот только вторая и последующие строки его не имеют, так как это единая строка и отступ будет только вначале и в конце. Можно как-то сделать, чтобы отступ был и на следующих строках. Понять сложно, поэтому прилагаю иллюстрацию
0 votes11 answers -
Как сделать форму подписки на Landing Page?
Здравствуйте уважаемые форумчане! В програмировании я не разбераюсь и поэтому мой вопрос может показатся глупым для опытных людей, но всё же имеет место быть. В крации объясню проблему. На днях мне понадобился Landing Page, но так как уже говорил, что я в програмировании не "бум-бум" , то естественно решил рипнуть шаблон с другого сайта ( да постигнет меня кара небесная за столь отчаяный поступок). И столкнулся с проблемой. Как мне настроить форму обратной связи, что бы оповещения о заказе приходили ко мне на почту ? Что куда нужно вписать и какие именно строчки в коде мне нужно искать ? Заранее благодарю за ответ!
0 votes3 answers -
При попытке открыть файл в формате php, браузер его скачивает!
Доброй ночи, форумчане! Такая вот проблемка с браузером Firefox - при попытке открыть любой файл с расширением php, браузер благополучно его скачивает. Естесно, с таким файлом не поработаешь. Возможно как - то отключить такую неприятную... "Особенность?!
0 votes4 answers