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
-
Проблема с IE
Здравствуйте!целый день читал различные форумы но ответа на свой вопрос так и не нашел. Сделал сайт для Joomla. При выводе контента возникает проблема: Все что заключено в <div class="content"> занимает больше места чем указано(width) и не помещается области контента. Частично решает проблему overflow:auto появляется прокрутка, но размеры как были так и остаются непонятно какими. В Opera все нормально. Вот код PHP: <!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->…
0 votes1 answer -
Хром двинулся
Здравствуйте. Проблема не дает мне спокойно сдать проект заказчику: Вся проблема в том, что в хроме все изображения, которые я задаю как фон для div'ов двинулись на 1px влево, или же фон (body) двинулся на 1 px вправо и другие картинки не вписываются и оставлюят такую пустоту. В чем проблема и как ее можно решить? Зарание благодарен.
0 votes6 answers -
Пункт меню при наведении
Здравствуйте! Есть такая проблема. При наведении на пункт меню блок как бы должен съежать вниз на пару пикселей. Изображение тут - . Уже всю голову поломал. Помогите пожалуйста!
0 votes6 answers -
Дизайн страницы
Доброго времени суток. Хочу на сайт "повесить" шторки по бокам страницы. Как это лучше сделать? У меня несколько вариантов: - сделать одну фоновую картинку - или же как то НЕ смещая текста, разместить шторки по бокам Вообще, что один что другой вариант - я не знаю как исполнить. Полагаю, что в первом варианте (мной предложенным) будет громоздким изображение и грузиться будет долго. Значит не подойдет. Может можно как то разбить одну большую картинку на маленькие, а потом чтобы эти маленькие картинки загружались на фон сайта по своим местам? Другой вариант - пробовал не получается, текст смещается и пр. Премного признателен тем, кто даст дельные советы.
0 votes3 answers -
Очередной вопрос начинающего
Доброе время суток. Я тут наночь глядя написал вот такую радость Подскажите плз почему между меню и рисунком получился пробел и почему меню не двигается вправо под дейсвием комадны li:first-child a Заранее спасибо. Вот код HTML <body> <div id="main"> <a href="#"><img src="img/logo.png" alt="альтернативный текст"/> </a> <div class="menu"> <ul> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Partners</a></li> <…
0 votes7 answers -
Фон
Здравствуйте уважаемые ГУРУ! Возможно ли установить фоновое изображение (точнее Java скрипт) вот такой
0 votes4 answers -
ie8 и z-index -1 -
ie8 и z-index -1 - как сдружить? Надо спрятать псевдослой позади родительского элемента в 8м осле.
0 votes4 answers -
radial-gradient и с префиксами тоже
Добрый день! Гуглил целый вечер, так не до конца и понял. Я могу написать так, это работает: radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),А вот так уже не работает: moz-radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),С другими префиксами та же фигня. То есть, получается, что если оставить, как есть, то несколько устаревшие версии браузеров правильно это не нарисуют. Собственно, можно ли с этим что-то делать? Я так понял, что нет.
0 votes10 answers -
Фоновое изображение с элементами управления на весь экран
Верстаю макет и столкнулся с проблемой: - необходимо сверстать фоновую картинку размером: 1900x1000 на все окно браузера (чтобы она подстраивалась под разное разрешение),а так же не появлялась прокрутка по вертикали и горизонтали (с этим я справился. При этом на фоновом изображении должны быть 5 прямоугольных блоков (ссылок), каждый такой блок находится на определенном рисунке этого изображения. Проблема состоит в том, что эти блоки при разных разрешениях экрана, уезжают со своих мест, так как размер картинки меняется. Пробовал задавать позиционирование блоков в процентах, так же задавал размеры блоков в процентах но не помогает... При изменении разрешения эти пять блоко…
0 votes6 answers -
Как разделить текст на 3 колонки?
Здравствуйте, подскажите как разделить текст на 3 колонки горизонтально? Как на скрине показал:
0 votes4 answers -
Меню на всю ширину.
Здравствуйте! Есть задача сверстать такое меню для адаптивной верстки: Вся задача в том, чтобы крайние пункты были прижаты к своему краю, т. е. не имели бы отступов. Я сделала табличной версткой, но не получилось.
0 votes11 answers -
float + задний фон
Доброе время суток. Есть вот такая проблема. Когда раскидывал по сторонам "Новости" и "Мониторинг", получилось так, что задний фон не растягивается относительно контента HTML: <div class="content"><div class="content-left">Новостная лента<img src="/template/assets/images/logotype.png"></div><div class="content-right">Мониторинг<br>s</div></div>CSS: .content { padding: 10px; margin-left: 300px; margin-right: 300px; background: #fff;}.content-left { float: left;}.content-right { float: right;}Подскажите пожалуйста как с этим бороться
0 votes3 answers -
не видит локальный bootstrap
здравствуйте, друзья! скажите, пожалуйста, у кого были преценденты, по каким причинам может быть такое, что локальный бутстрэп не виден, а подключаешь cdn то видит спасибо!
0 votes1 answer -
Мобильное представление в Хроме не совпадает с моим мобильником
Здравствуйте. Столкнулся с тем, что если на странице нажать на кнопку Быстрая покупка под фото товара, то в мобильном представлении десктопного Хрома при проставлении размера монитора 480 на 800 пикс все выглядит более правильно: , чем в реале на моем мобильнике в том же Хроме с тем же разрешением 480*800 пикс: Скажите, пожалуйста, как понять, каких стилей не достает моему мобильному хрому, чтобы все отображалось как в десктопном эмуляторе? Или лучше не пытаться это понять и попытаться применить стили бутстрап к всплывающей форме сразу? P.S. буду благодарен если Вы поделитесь статистикой отображения всплывающей формы со своих мобильных устройств
0 votes8 answers -
Выравнивание текста и картинки-иконки
Перейдите по ссылке, перейдите по пункту меню "Контакты", Как можно выравнять по одной линии текст ссылки и картинки? http://mbav-websites.xyz/
0 votes1 answer -
Динамически расширяющегося контейнер после сайдбара
Всем привет! Столкнулся с такой задачей. Как видно на рисунке на одном контейнере есть Каталог товаров и сайдбар. В каталоге товары по три в ряде. Теперь задача: можно делать так, чтобы под сайдбаром товары уже шли по 4 в ряд. Возможно ли все это реализовать без разбиение каталога на 2 блока(т.е. верхний(по 3 ) и нижный(по 4))? Заранее очен благодарен!
0 votes2 answers -
before задается только одному
https://jsfiddle.net/onfvgxre/ before почему то задается первому ли, когда я задаю параметр left
0 votes2 answers -
Добавить полосу прокрутки
Есть фиксированный сайдбар. Высота его 100vh. Если экран монитора низкий и пункты это блока не полностью влазят, то у него должна появляться полоса прокрутки http://skrinshoter.ru/s/221018/q2922fiM Добавил ему свойство overflow-y: auto; Какую сделать минимальную высоту не знаю, потому что здесь может быть сколько угодно пунктов https://codepen.io/anon/pen/PyBmrm
0 votes3 answers -
Помогите решить задачку
Помогите решить задачку: почему между div#main и div#sidebar расстояние по горизонтали 10px, если div#sidebar равен 330px и внешний отступ для div#main также 330px. В учебнике данный момент не объясняется, а я чет вообще завис. Upd: я считаю, что блоки должны быть слитны, то есть промежутка быть не должно. Почему я ошибаюсь? Starbuzz.zip
0 votes1 answer -
Проблемы с выравниванием текста
Добрый день. Возникла следующая проблема: у меня есть небольшой блок текста, где два списка, а между ними простой текст ("Достижения"). никак не могу выравнить его по центру. Уже и атрибутом style внутри тега <b> пробовал, и селектором по идентификатору, и по классу. Ничего не работает. Однако другие свойства, например цвет, работают отлично. Подскажите, пожалуйста, что нужно исправить?
0 votes1 answer -
макет страницы в процентах - запутался, помогите
запутался ... начал делать в дивах ... как сделать такой макте для страницы ... ??? http://www.picatom.com/1t/-14916.html - сделал схемку помогите кодом, а
0 votes6 answers -
Кодировке и хостинг
Помогите разобраться. При сохранении html или php файла(предварительно сохраненных в блокноте как utf8 и c прописанным тегом meta) на сервере хостинга, вместо русских букв появляются вопросы. На локальном сервере(Denwer) проблем нет, русские буквы отображается верно. В связи с этим также не работают запросы с русскими символами в параметрах, с английскими все работает.
0 votes9 answers -
Ширина body в IE и других браузерах
Добрый день! Подскажите пожалуйста - необходимо использовать следующий стиль: body { ... margin-left:auto; margin-right:auto; width:900px; ... } В FF, Chrome, Opera и Safari проблем нет, все как надо, а в IE body растягивается на ширину всего экрана. Есть ли какая-нибудь возможность это сделать? Заранее спасибо!
0 votes4 answers -
Подскажите как сделать
Вот ссылка ввв.ляляля_ру/rex/exit.php?urlind=10126&flip=1&opk= тут цифирки Можно ли сделать (желательно IFRAME код) что бы при новом открытие сайта менялись цифры? т.е установить код я открываю сайт а он грузит ввв.ляляля_ру/rex/exit.php?urlind=10126&flip=1&opk=1 при следующем входе загружается ввв.ляляля_ру/rex/exit.php?urlind=10126&flip=1&opk=2
0 votes4 answers -
Фоновый рисунок
Я уже замучился. . . Никак не могу сделать, чтобы картинка растягивалась на всё окно фрейма. Вот index.html: <!DOCTYPE html> <html> <head> <title>Successful Life</title> <meta charset="utf-8"> <meta name="keywords" content=""> <meta name="description" content=""> </head> <frameset rows="40% , *" frameborder="0"> <frame src="head.html" name="HEAD" scrolling="no" noresize> <frameset cols="25% , *"> <frame src="menu0.html" style="background: #fda" name="MENU0" noresize> <frame src="content0.html" style="background: #abc" name="C…
0 votes2 answers