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
-
Верстка эмайл рассылок
Как решается проблема верстки эмайл рассылок, сверстаных в html, под разные почтовые клиенты, особенно учитывая что сейчас почту читают с мобильных устройств, которые иногда не поддерживают html? Есть что сказать? В инете даже англоязычном мне показалось недостаточно информации.
0 votes2 answers -
отрицательный Margin
#contentwrapper{ float: right; width: 100%; margin-left:-430px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/ background:red;} <div id="contentcolumn"> ukukukukukku </div> зачем margin-left:-430px; ели ширина колонки 100% так и останется и колонка не двигается.... объясните мне принцип действия отрицательных марджинов
0 votes3 answers -
Проблема со фоном в футере
Ситуация. В шапке сайта фоном лежит изображение, прописанное в css: body { padding: 0; margin: 0; background: #003D73 url(img/bg2.jpg) no-repeat center top; width: 100%; display: table; } Макет простой и состоит на данный момент буквально из двух таблиц (которые лежат на фоне img/bg2.jpg): ————————-- | основной контент сайта | ————————-- ————————-- |футер | ————————-- Вот в футер, в отдельную таблицу, хочу добавить еще одно фоновое изображение, поверх которого вывести телефоны, контактные данные и пр. Но это фоновое изображение не появляется ибо body забивает собой всю страницу. Как решить эту проблему?
0 votes6 answers -
Как создать вертикальное заполнение таблицы
Не могу понять как это осуществить. Задача такова что необходимо сделать заполнение таблицы следующим образом: 1 5 9 2 6 10 3 7 11 4 8 12 Т.е. нужно, чтоб при добавлении новых элементов div заполнение шло по столбцу. Пример горизонтального заполнения: <html> <head> <title></title> <style> .cell{ width:48px; height:50px; font-size:12px; float:left; border:1px solid black; text-align:center; } </style> </head> <body> <div id="table" style="width:200px; height:100px;"> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="…
0 votes2 answers -
Проблемы с отображением в IE
Добрый день, уважаемые форумчане у меня появилась непонятная проблема с отображением сайта Fraui.ru в IE, а именно по непонятным причинам правый сайдбар свалился вниз, нет шапки с фоновой картинкой и идет наслоение футера. В чем может быть проблема помогите пожалуйста буду очень благодарен!
0 votes6 answers -
стили map area
как стилизовать область ссылки map area ? фон, бордер, прозрачность может через jquery?
0 votes2 answers -
Выравнивание текста внутри тега, содержащего другие теги
Добрый день! В соответствии со стилями CSS у меня выравнивание текста, расположенного внутри тега <p>, идет по ширине, т.е. "justify". Подскажите, пожалуйста, можно ли прописать в CSS-файле свойства для тега <p>, содержащего тег <a>, внутри которого, в свою очередь, находится тег <img>? Другими словами, мне необходимо, чтобы картинка, являющаяся ссылкой, расположенная внутри тега <p>, выравнивалась по центру. Иначе, мне вручную приходится сейчас прописывать для всех таких абзацев <p style="text-align: center">
0 votes4 answers -
Текст в div
Не буду описывать как долго я пытаюсь решить эту проблему. И вообще я дыбил. Проблема в том что у меня текст высотой в 14 пикселей не влазит в див высотой 25. ОН все время падла под ним, как сделать что бы текст был посередине(выравнивание не помогло, оно только по горизонтали выравнивает) <div class="comment"> <div class="comment-head"> <div class="comment-photo"></div> <div class="comment-name"><p style="text-align: center">name of a man</p></div> </div> </div> div.comment{ width: 250px; border-style: groove; border-radius: 8px; height: 140px; border-width: 1px; } div.…
0 votes4 answers -
Резиновая верстка
Как сделать ее?Как растягивать сайт на всю ширину?Я верстаю лендинг.
0 votes8 answers -
background-size: cover; IE8
Добрый день. Подскажите пожалуйста какой нибудь хак, библиотеку, костыль. Который научит ie8 понимать и применять правильно свойство "background-size: cover", без повторного указания нужных блоков и изображений, а на основе готовой верстки. А то все что встречал требуют инициализацию необходимых блоков через js или указания повторного пути к изображению в CSS. Заранее благодарю за ответы!
0 votes2 answers -
Как настроить плавный скрол слайдера по типу “назад-вперёд”?
https://jsfiddle.net/hjyern2a/ Сейчас слайдер медленно двигается от первого слайда до последнего. Но когда достигает последнего элемента, он начинает резко скролить в начало. Как настроить так, чтобы при достижении последнего элемента он начинал так же медленно двигаться до первого и т.д. Т.е. как качели - от первого до последнего и обратно, с одинаковой скоростью.
0 votes4 answers -
Изменить маркеры в маркеровочном списке
знаю про самые распростран?нные: a. b. c. A. B. C. I II III i ii iii ещ? есть квадрат, диск и круг. Но в Microsoft Office Word есть гораздо больше маркеровочных символов, можно ли вставить их? нужен какой-то специальный код? каким образом это прописать в CSS ? заранее благодарю
0 votes3 answers -
class="на русском"
Недавно у одного из знакомых видел названия классов на русском, он сказал что это работает. Это нормально давать классам русские названия? У меня лично подозрения, что Windows какого-нибудь американца просто не поймет этого. Или это поймут все компьютеры во всех странах? :cool: P.S. Повторюсь это не я так делаю, мне такая писанина даже в голову прийти не могла, пока я сам не увидел код, правда не проверял его работоспособность в разных браузера
0 votes2 answers -
Сайт от 1024 и до 1280
Здравствуйте, поскажите как решить такую проблему: нужно чтобы сайт тянулся от 1024 до 1280, и во всех браузерах.. max-width и min-width соответственно не поддерживается IE 6, может кто-то в курсе как это обойти?
0 votes1 answer -
expression вызывает зависание IE6
Здравствуйте, написал следующее под IE6 #last_news .inner { height: expression(this.scrollHeight > 211 ? "211px" : "auto"); } #last_news .content { height: expression(this.scrollHeight > 150 ? "150px" : "auto"); } Этот CSS загружается с помощью условных комментариев. Вешает Internet Explorer 6 ( А вот HTML, для которого он предназначен <div id="last_news" class="cornered"><div class="top"><div class="rt"></div><div class="lt"></div></div><div class="inner"><h3>Заголовок новости </h3><div class="content"><img alt="" src="/sites/all/modules/akado_news/news_stub.png"><p>Текст новости</p…
0 votes6 answers -
Можно ли табы (пример по ссылке) заставить работать в IE6 как в других браузерах?
Вот пример табов: http://intera.name/test/tabs/tabs.htm Везде работает, в IE6 кривовато. Перепробовал разные варианты комбинации стилей, почистил !important Подправил скрипт, он на активный таб теперь дает класс "ui-tabs-selected", а на обычный - "myui" На картинке нарисовал принцип работы. Поможите!
0 votes2 answers -
Проблема с кнопочками(
Здравствуйте! Сверстал простоц сайт! Все вроде бы хорошо было, но возникла одна проблема! Когда уменьшаешь размер окна браузера - две кнопочки уходят влево!( Что делать не подскажите? Вот сам сайт:http://files.mail.ru/NCUBR6 (Заранее спасибо за помошь)
0 votes1 answer -
блок не тянется по ширине в ie7
Нужна помощь. Во всех браузерах все работает нормально, а в ie криво. Вот код: Html <div id="wrap_header"> <!--Блок который должен тянуться --> <div id="header"> <!--Блок который должен быть фиксированным --> <div id="logo"></div> <div id="menu"></div> </div> </div> CSS #wrap_header{ width: 100%; height: 150px; background: url(../images/header_bg.jpg) repeat-x; } #header{ width: 1024px; height: 150px; margin: 0 auto; } #logo{ float:left; width: 200px; height: 80px; background: имадже; } #logo{ float:right; height: 80px; } Во всех нормально отображается, нормально тянется и фиксируется. А во…
0 votes10 answers -
Вертикальный скролл.
Есть сайт. Там присутствует вертикальный скролл, но при прокрутке проматывается не вся страница, а только содержимое одного блока. Не пойму как сделать также.
0 votes4 answers -
IE
Почему в ИЕ так криво отображается сайт, тестил в хроме, лисе и сафари, все нормально. Но вот в ИЕ. Читал что нужно указывать доктайп, правда ли, что это спасет и какой именно? И я не о кодировке. http://s017.radikal.ru/i402/1302/60/626dc97d0134.png
0 votes4 answers -
Как создать раскрывающееся окно?
Здравствуйте! Не могу ни где найти или может описываю неправильно. Нужно, что бы при нажатии на строку текста (списка) снизу открывался скрытый текст или еще лучше таблица. Т.е. нажимаешь на текст допустим "прайс на трусы" (таких строки 4), а снизу открывается этот прайс, а строчки текста, которые были под "прайс на трусы" съехали вниз. Спасибо! ps: вот здесь например: http://www.dentalea.ru/shop/
0 votes1 answer -
Шрифты
Здравствуйте. Объясните мне как новичку или дайте ссылки, какие стили шрифтов нужно использовать при вёрстке сайта) Где нужно использовать обычный, а где подчеркнутый. Или где курсив, а где нужно жирный. Какой нужно использовать в меню и т.д. Я новичок в этом. Уже гуглил, противоречивые ответы находил. Помогите мне зелёному))
0 votes12 answers -
Модальные адаптивные окна
Друзья, такое дело. Адаптирую лендинг, ну тут понятно все. Кто как осуществляет адаптивные модальные окна, какие плагины берете? или сами кодите?
0 votes11 answers -
Сортирока списка с помощью CSS
Добрый день, есть такая задача, список из 5 пунктов, у одного из них клас active (не у третьего), можно ли с помощью css сделать что бы он стал посредине. к примеру тут
0 votes6 answers -
перестроить flex-элементы горкой
помогите пожалуйста переверстать элементы есть несколько элементов. нужно чтобы на iPad вертикальной ориентации они располагались так: 00 00 00 ,а на iPad горизонтальной ориентации, они располагались так: _00_ 0000 я решил эту задачу, используя flex-элементы и скрытые элементы: jsfiddle page но мне нужно решение, которой использует только возможности flexbox(без костылей в виде скрытых элементов)
0 votes2 answers