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
-
gmail не видит картинки в html письме
Добрый день, я ранее задавал этот вопрос, пожалуйста, кто разбирается в html письмах, помогите. Сверстал письмо, перепробовал и картинки на хостинг заливать и задавать им путь оттуда, gmail не видит, пробовал и локальные изображения через сервисы рассылки email, заливая туда свой шаблон, гугл все равно их не хочет видеть, в чем беда?
0 votes14 answers -
Как один div выровнять по центру правого края другого?
И чтобы при изменении размеров div-а относительно которого выравниваем, соответственно перемещался и второй div (который выравниваем)? p.s. первый div - блочный
0 votes6 answers -
При наведении на ссылку меняется картинка внутри ссылки
Столкнулся с вот такой проблемой: <table> <tr> <td> <a href="/primer.html"><img src="/img/01_c.jpg" onmouseover="this.src='/img/01.jpg'" onmouseout="this.src='/img/01_c.jpg'"></a> </td> </tr> <tr> <td> <a href="/primer.html">Картинка</a> </td> </tr> </table> Когда наводишь на картинку 01_с.jpg она меняется на 01.jpg, уводишь курсор возвращается прежняя картинка. Картинка, как вы обратили внимания, сделана ссылкой на…
0 votes4 answers -
Параметр overflow не работает
Всем привет. Имеется страница, след. структуры ... <table> <tr> <td> .... </td> <td> <div class="content"> <div class="code"> .... </div> </div> </td> </tr> </table> ... Часть CSS кода: ... div.code { background-color: #F2F1ED; border: 1px dashed #000000; font-family: Courier; margin: 10px; overflow: scroll; padding: 5px; } ... Как видите, у div'а с классом "code" параметр overflow установлен в scroll. Но, не работает. При вводе нескольких десятков символов (не пробельных), этот div уезжает за экран монитора, при этом scrollbar остается заблокированным... В чем может быть пр…
0 votes2 answers -
Непрозрачное изображение на прозрачном слое
Здравствуйте. Есть проблема такого характера. Есть див, к нему прописано opacity: 0.3; Внутри этого дива есть картинка, мне нужно, чтобы она не была прозрачной. Я прописываю картинке opacity: 1 !important;, но она все равно прозрачная. Как быть, подскажите? <div style="width: 600px; height: 300px; background: #FFFFFF; opacity: 0.2;"> <div style="position: absolute; left: 200px; top: 50px;"> <img src="myimg.png" style="opacity: 1 !important;"> </div> </div>
0 votes4 answers -
div поверх iframe
Задача в том что поверх ролика повесить поцентрк рекламу, делаю так,но безрезультатно <html> <style type="text/css"> .block1 { position:absolute; z-index:2 } .block2 { position:relative; z-index:1 } </style> <script type="text/javascript" src="//cdn.o333o.com/embed.js"></script> <body bgcolor=blue> <div class="block1" position: absolute;> <iframe width="510" height="400" src="" frameborder="0" scrolling="no" allowfullscreen></iframe> <div class="block2" position:relative;> <iframe class='na' src='' frameBorder='0' scrolling='no' width='300' height='250'></…
0 votes2 answers -
ПОчему не показывает бэкграунд?
Есть Html код, в нем таблица, а в середине таблицы бэкграунд. Решил другой получше поставить, а он не показывается. Размер одинаковый. Формат тоже одинаковый -gif. В чем может быть проблема?
0 votes22 answers -
Встроенные фреймы???
Добрый день. я являюсь начинающим верстальщиком (создателем) сайтов.Прошу вас помочь мне в следующем: редактор,используемый мною,а именно - FRONTPAGE 2003 имеет поддержку втроенных фреймов.Никак не могу понять - выбирая на своей странице,в необходимом месте - Вставка - Встроенная рамка - появляется фрейм,однако,к примеру,кнопки ,находящиеся слева и справа от фрейма "разлетаются" вниз из зоны созданной рамки.Как мне избежать смещения всей информации из зоны созданного фрейма. С нетерпением жду вашего ответа! Заранее благодарен - Олег.
0 votes31 answers -
overflow-y:scroll; две полосы прокрутки
Есть сайт, отцентрированный по середине, с помощью margin-left:auto; and margin-right:auto; ИЕ отображает полосу прокрутки по умолчание, остальные браузеры - нет. Первая проблемы была вызвана тем, что при появлении этой самой полосы прокрутки во всех браузерах(кроме ИЕ где она просто становилась активной) весь контент сайта смещался влево на ширину полосы прокрутки. Решение было отображать ее во все браузерах с помощью body { overflow-y:scroll; } Но после этого ИЕ начал отображать 2 полосы прокрутки рядом =) подскажите как это можно решить? для примера, откройте в ИЕ и увидите 2 неактивные полосы прокрутки. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/…
0 votes6 answers -
проблема с маштабированием
У меня возникла такая проблема, есть два блока(1 болк флоат лефт 1 флоат райт) при открытие в ie7 ie8 mozile opere они онинаковой высоты, при любом увиличении маштаба они становятся разных росмеров. Как зделать что б они были онинаковыми. Посетить мою домашнюю страницу
0 votes49 answers -
Рамка вокруг страницы. XHTML
Всем добрый день. Возник вот такой вопрос. Задача следующая: есть страница с контентом в 800px, вокруг страницы нужно сделать рамку, которая должна быть по периметру окна при любых его размерах, при этом если ширину окна сделать меньше ширины контента, то правая полоса рамки должна пропадать. Если высота контента меньше, чем высота окна, то вертикального скролла быть не должно. Доктайп следующий: quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Внимательно изучил форум, есть несколько вариантов решений, но на 100% ни одно не подходит. Мои варианты решения: 1. Правая полоса рамки не растягивается на всю высоту окн…
0 votes3 answers -
Нужна ваша помощь
Пожалуйста, уважаемые верстальщики, у кого на полке пылятся PSD макеты,(выполненные заказы и т д ) подарите их мне) Я бы их потихоньку верстал и набирался опыта После выполнения сам psd я уничтожу (сожгу, съем) в сеть естественно выкладывать не буду. Также не беспокойтесь что буду доставать вопросами типа "А как это сделать?" (Хотя, если у вас есть желание могу показать вам готовую работу для оценки) Взамен могу вам предложить бесплатную помощь в верстке, правда я только начинаю верстать, так что после меня надо будет переделывать, возможно. Перечитал кучу книг, пересмотрел кучу разных видео уроков по верстке. Теперь надо побольше практики Сверстал один макет, скачанный …
0 votes47 answers -
legend по центру
Здравствуйте. Возникла проблема с отображением текста/картинки в теге legend по центру в разных браузерах. Пытался искать на сайте и форуме, но ничего толкового не нашёл Итак, вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <table><tr><td> <fieldset><legend align="center">Заголовок по центру</legend> <center>Мой текст</center> </fieldset> </td></tr></table> </body> </html> В FireFox и Google Chrome всё отображается нормально, как и задума…
0 votes11 answers -
0 votes6 answers
-
Как сделать отступ текста от верха ячейки
Буду преблагодарен за ответ на этот простенький вопрос Как сделать отступ текста в данной ячейке таблицы наиболее естесственным образом (без пустых строк/абзацев или встраивания таблицы в ячейку)? Отступ от верхнего края ячейки
0 votes4 answers -
Втсавка видео flv на страницу
Приветствую всех! Инетесует вопрос: Как вставить видео flv, wma, avi на страницу?
0 votes4 answers -
Фон перекрывает картинку в ИЕ. Почему-то...
Привет всем! Помогите пожалуйста, не пойму в ч?м дело. Есть примерно такая конструция: Стили: div.fon {background: url(/pic/fon8.jpg) no-repeat;} #text { position: relative; top: 1px; padding: 0px 30px; vertical-align: top; } #mid { background-image: url('pic/mid.gif'); background-repeat: repeat-y; background-position:top; height: auto; width: 760px; text-align: justify; position: relative; } Код: <div id="mid"><div id="text"><div class="fon"> <p class="..."> текст</p> <img src="pic/kart2.jpg" align="right"> <p class="..."> тескт</p> </div></div></div> Должно быть так: есть фоновое изображение…
0 votes12 answers -
перенос строки при li {display: table-cell}
привет. есть li с назначенным фоновым изображением (иконка). чтобы прижать текст к низу блока, сделал display: table-cell; теперь при добавлении более одного элемента списка, все они выстраиваются в одну строчку. а нужно, чтобы по одному элементу в строке. как корректно растянуть строки в этом случае? привожу код: #maincontent div.downloads ul { padding-left: 0; text-align: justify; } #maincontent div.downloads ul li { display: table-cell; list-style: none; background: url("/images/pdf.png") no-repeat; height: 32px; padding-left: 32px; padding-bottom: 0.5em; vertical-align: bottom; font-size: 120%; } заранее спасибо.
0 votes5 answers -
Тень от текста в html
Подскажите, реально-ли сделать тень от текста при помощи стандартных средств html и css, если текст находится сверху бэкграунда? Если нет, подскажите простое решение плиз.
0 votes9 answers -
Рвется дизайн в ИЕ7.
Ссылка. Смотрим в ИЕ7. 1) В итоге поле "Новости:...." с поиском вылазят на весь экран. 2) Подвал еще страшнее, вроде таблица, но почему так?
0 votes2 answers -
Элементы "дергаются" в Хроме при перезагрузке страницы.
Здравствуйте. Сайт http://kroteks.ru В Хроме наблюдается странная ситуация при переходе по ссылкам главного меню: элементы в шапке как бы дергаются после перезагрузки страницы. С чем это может быть связано?
0 votes6 answers -
Горизонтальный скролл в адаптиве - откуда взялся?
http://resursmed.ru/ При уменьшении видимой области появляется горизонтальный скролл за пределами страницы. А там вроде как пусто. Чем меньше размер окна, тем больше скролл. Пожалуйста, ткните носом, где я ступил?
0 votes6 answers -
CSS селектор по двум классам
Доброе время суток, подскажите пожалуйста. Имеется таблица <table> <tr> <td class"a b"></td><td class"a"></td><td class"a b"></td> </tr> <tr> <td class"a"></td><td class"a b"></td><td class"b"></td> </tr></table>.b{background-color:grey;}.a{background-color:red;}.a.b{background-color:green;}класс "a" динамичный, мне необходимо, чтоб ячейки c классом "а" окрашивались в красный цвет, а если там еще присутствует класс "b" в зеленый, а если нет класса "а" то класс "b" в серый
0 votes1 answer -
Нестандартные фрифты: flash + js
Добрый день Слышала я о такой штуке: как-то можно нестандартный шрифт запихивать во флеш. а потом в html писать тексты обычным способом (ну просто, писать ), а в браузере шрифт подгружается из флешки и эти тексты пишутся уже красивыми заковыристыми шрифтами. сорри, что путано получается. собственно, вопрос: натыкался кто-нить на такое? может, сылдку дадите или этот рецепт? я не могу придумать, что спросить у поисковика.
0 votes9 answers -
Помогите решить проблему с дивом в таблице
В таблице есть 2 строки: верхняя имеет высоту=100%, а нижняя просто 100. В верхнее поле вписан див, в стиле которого так же стоит высота=100%, добавлен оверфлоу=авто и скролл=авто. Но проблема в том, что Опера некорректно отображает этот див (высота в 0 пиксель, не показывая содержимое дива и отображая только его только границы). Проблему с Оперой можно побороть, поставив в стиле дива свойство display, равное table. Но тогда начинает выпендриваться Фаерфокс, бесконечно увеличивая высоту дива и не показывая скроллбары. Пример вот: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <…
0 votes26 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-