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 версии 8 и ниже. Как быть? Что использовать для ie 7-8? И что-за оператор "only", применимый для старых браузеров, которые не поддерживают медиа-запросы, хотя ie 7-8 на него никак не реагирует..
0 votes1 answer -
Как расположить фон под страницу сайта.........
Привет всем...Учусь верстке уже как месяца полтора, многое ни понимаю многое ни знаю. Помогите пожалуйста. Хочу расположить фон так чтоб он был под уже готовой страницей,верхняя часть чтоб выступала достаточно много ну примерно на 40% экрана, и чтоб виднелись боковые стороны заднего фона.. Заранее спасибо за ответ...
0 votes1 answer -
Сьезжающие вниз блоки(Глюк margin:0 auto и/или border:1px solid black)
Здравствуйте. Сама совсем недавно начала разбираться с вёрсткой сайтов. И вот уже с самого начала появилась проблема, которую не выходит решить самостоятельно. Так что, прошу помоч. Для более наглядного размещения блоков, исполйзовала border: 1px solid black. После удачного размещения все бордеры поставила в ковычки. Но после этого блоки container и header сьехали вниз на 70px (на сколько я понимаю). Блок logo остался на том же месте где был (по отношению к верхней границе экрана). в чем ошибка? INDEX - <body> <div id="container"> <div id="header"> <div id="logo"> <a href="index.php"></a> </div> </div>…
0 votes3 answers -
как сделать меню шире
Подскажите, как тут в верхнем меню сделать его подпункты шире, например Гадания-Гадания на Рождество (уже не влазит по ширине)
0 votes1 answer -
Проблемы с IE 8
Всем доброе время суток. Я набрал следующий код: HTML <body> <div class="header"> <a href="#"> <img src="images/logo.png" alt="internationa"</a> <ul class="menu"> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Patners</a></li> <li ><a href="#">About us</a></li> <li ><a href="#">Contacts</a></li> </ul> </div> CSS body { margin:0; paddi…
0 votes4 answers -
Помогите пожалуйста
Всем доброго дня! Подскажите, кто знает! Почему у меня css селектор прописан 2 раза в файле css через ctrl+f проверил весь документ такого селектора больше нет?? в чём проблема и как это убрать? http://itmages.ru/image/view/782595/6130f404 Заранее спасибо!
0 votes1 answer -
бутстрап 2.3.2.
столкнулся с такой проблемой: бутстрап 2.3.2. нужно сделать страничку отцентрированую с шириной 820Px, при использовании класса container-fluid она тянется на весь экран... если использовать просто класс container то ширина другая... соответственно при изменении окна, минимально все ломается..что посоветуете? извиняйте если такая тема была, не нашел <header class="container-fluid"> <article class="row-fluid"> <div class="span6"> </div> <div class="span6"></div> </article> </header> как сделать такую структуру 840px шириной
0 votes2 answers -
Проблемы с Wordpress темой
Доброго времени суток, помогите разобраться с таинственным поведением верстки после "натягивания" на WP. Верстка делается в соответствии с шаблоном, проверяется PixelPerfect'ом, все супер, но после "соединения" с WP, появляется ряд недочетов, в частности: - межбуквенный интервал в заголовках (в верстке указан 1рх, на WP пришлось уменьшить до 0,6рх - и верстка и тема прошли PixelPerfect), - поведение блоков (позиционирование по правому краю с помощью флоата) ... может что-то пропускаю, может в WP есть таки какой стиль, который перебивает каким то образом стили темы, но вроде бы такого быть не может... раньше замечались расхождения, но под руками не было PixelPerfec…
0 votes1 answer -
Разные размеры изображений в браузере?
Создал картинку в фотошопе определенной высоты, вставил ее в страницу, а она меньшего размера отображается, хотя размер прописан тот же. Вообще не понимаю как браузеры отображают картинки... открыл картинку просто через браузер, она нормального размера, открыл на html странице стала меньшего размера. Скриншот здесь https://yadi.sk/i/mrfI32TNZXyiL слева картинка в просмотровщике, справа html страница в браузера. Разобрался, вот я заработался и на масштаб не смотрел)
0 votes0 answers -
Наложение блоков друг на друга
Всем привет! Народ, подскажите пожалуйста как мне сделать вот такое: https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/977127 Сейчас у меня только вот так получилось: https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/977128 Исходник: <div class="callback"> <div class="callback_name"> <input type="text" name="name" placeholder="Ваше имя"> </div> <div class="callback_phone"> <input type="text" name="phone" placeholder="Ваш телефон"> </div> <div class="callback_order"> …
0 votes2 answers -
второй <select> "подкатегории"
Есть задача сделать вот такую штуку http://joxi.ru/Drlalp9fEZPQmP при выборе марки, внизу подгружаются модели этой марки. Буду делать на вордпресс, хотя список меняться не будет, так что и плагин какой-нибудь подойдет, и любой другой статичный подход. Помогите советом пожалуйста или помогите сформулировать правильный запрос в гугл))
0 votes1 answer -
Проблема в вставки картинки в html коде
Ребята, я попробовал скачать исходники(картинки) для сайта чтобы потренироваться в html css верстке. Скачал, картинки были в папке img(по дефолту), а когда пытаюсь вставить эту картинку на html страницу выдает значок, что мол этой картинки нет(ну вы поняли какой значок) и рядом пишет что было указано в alt="" пишу эти команды, все перепробовал <img src="./img/logo.png" alt="logo"> <img src="img/logo.png" alt="logo"> <img src="../img/logo.png" alt="logo"> ". Использовал Notepad++ Visual Studio Code Sublime везде один и тот же результат, если нужно будет скину весь html код( прошу заметить, что если я копирую в браузере(копировать URL КАРТИНКИ) все вста…
0 votes1 answer -
Картинка (при уменьшении броузера)
Здравствуйте Помогите пожалуйста решить следующую проблему. Есть попытка сделать картинку в хедере так, чтобы при уменьшении броузера она адаптировалась под размеры. Что то идёт не так, и когда уменьшаешь броузер - часть картинки задвигается налево и становится видно только правую часть картинки. Если есть время, то помогите пожалуйста. .logoheader { background: url(../img/pics/headerpic.png) no-repeat right; bottom #0C1A3E; color: #FFFFFF; min-height: 250px; } #header { display: block !important; position: relative; padding: 1em 0 0 0; /* 8em 0 0 0 */ overflow: hidden; }
0 votes0 answers -
Media Type
По какому принципу (критериям) работает медиа-тайп. Например, при создании стиля я указываю, что подходит для всех устройств (т.е. all) Открываю с того же смартфона через браузер сайт, и что? мне адаптируются страницы под размер мобилы? И как мне специальным образом сверстать стиль элементов на странице для мобильного устройства? Ребят поподробней чуток, чтоб вопросов не было больше. Спасибо.
0 votes0 answers -
Увеличение блока по мере наполнения контентом..
Народ.. Такой вопосик... Как сделать так чтобы ссылка выравнивалась по правому краю последнего зелёного блока... ато она расширяется на всю ширину экрана и ширину id="container" нельзя делать фиксированой.... т.к. он будет находиться внутри резинового блока..... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Help =(</title> <style > .card { height:250px; width:200px; float:left; background-color:#99FF66; margin-right:10px; margin-top:5px; } #…
0 votes0 answers -
Всплывающий блок
Ребята, подскажите готовое решение или хороший пример реализации всплывающего блока на ajax или другом, т.е. кликая по ссылке добавить в корзину в магазине всплывает такой блок:
0 votes0 answers -
Ошибка в условных коментариях
Пишу 2 условных комментария. <!--[if lte IE 7]> <style type="text/css"> .shr{font-size:15px; margin-top:-20px; } </style> <! [endif]--> <!--[if IE 8]> <style type="text/css"> .shr{margin-top:0px; } </style> <! [endif]--> Получается что в браузере ИЕ7, всё нормально отображается как и хотел при использовании условного для ИЕ7, как начинаю писать такое для ИЕ8, так как в нём нужно тоже, расплывается всё. Что делать?
0 votes2 answers -
убрать отступ.Таблица
Помогите разобраться с помощью HTML. сверху чтоб не было отступа от обозревателя к таблице
0 votes1 answer -
max-width в div вёрстке
Начал работать с DIV вёрсткой. Вот появились первые проблемы. Суть проблемы: Есть 3 div'a, нужно разместить их в одной строчке. Первый и третий div имеют ширину max-width: 100px - это сделано для того, чтобы при отсутствии в них какой-то информации они просто пропадали и 2-ой div, у которого ширина указывается с помощью параметра min-width, мог расширится засчёт этих дивов. С таблицами это всё просто обернуть, да и информация там не уходит за приделы ячейки(ниже увидите о чём я), а тут возникли проблемы. Помогите довести до ума. Вот мои наработки - http://jsfiddle.net/Hacvc/3/
0 votes2 answers -
table background ie
.nb { background:red; } <table width='98%' class='nb' align='center'> <tr> <td colspan='4'>123</td> </tr> <tr> <td colspan='4'>124</td> </tr> </table> Во всех броузерах красный, кроме IE
0 votes5 answers -
Таблица в html, где колонки и в пикселях и в процентах
Здравствуйте. Помогите, пожалуйста, нужно создать таблицу, где первый столбец должен быть 200px, а два других в пропорции 5/3?
0 votes3 answers -
Наведение на пункт меню
Здравствуйте! Хочу спросить у знающих людей такой вопрос: каким образом может меняться цвет пункта меню при наведении? Вот, например, простое двухуровневое меню: <body> <div id="nav"> <ul> <li><a href="#">Меню</a> <ul> <li><a href="#">Меню</a></li> <li><a href="#">Меню</a></li> <li><a href="#">Меню</a></li> <li><a href="#">Меню</a></li> </ul> </li> </ul> </body> Если в стилях написать: #nav ul li ul li:hover a { color:#F00; } то цвет будет меняться только в пунктах подменю. А если н…
0 votes6 answers -
нужен скрипт
поскажите где мне можно найти скрипт "наверх" как сайте webdiscover.ru, слева полоска появляется если чуть спустится по сайту
0 votes2 answers -
Background
Не могу понять, как работает background. Допустим есть блок сразу после body. Width: 70%, height:100%. Есть картинка фона. Как сделать, чтобы она растянулась на всю ширину, не повторяясь? Спасибо. <img id="y-t-loader" style="display: none;" />] - <img id="y-t-loader" style="display: none;" /> [] - <img id="y-t-loader" style="display: none;" /> [] - вот фон: http://www.imageup.ru/img295/1352714/main-bg.gif.html <img id="y-t-loader" style="display: none;" /> [] - Картинка почему-то не видна, наверно из-за того что она белая. Вот ее пропорции: Height: 6 pixels Width: 961 pixels Эта картинка представляет собой: слева белый, который к прав…
0 votes0 answers -
верстка под все разрешения
Я вот при верстке часто задаю себе вопрос, и постояно не знаю как решить! Как же верстать под все разрешения экрана... Вот опять начал верстать и опять бах немогу сделать у меня так у других по другому! Может скажет кто? в принципе вот: http://jsfiddle.net/H2hMq/ (P.S не знаю почему но radikal уберает прозрачность (вроде не было такого) у меня смотрится нормально без этих отступов тд.. впрнципе вот 2 примера Как выглядит оригинал: http://s020.radikal.ru/i720/1310/87/279584d85b4c.png Как показывает у меня: http://i019.radikal.ru/1310/aa/6e65cecb9c4a.png Вот как то так!
0 votes2 answers