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
-
Как оптимальнее разместить большую картинку в качестве фона?
есть большая картинка - кора дерева. задача разместить в качестве фона. размер для ширины в 1280пх - около 750кб.. что есть не оптимально для скорости загрузки. вот как бы её так сжать правильно? как вариант вижу - сделать левый и правый сайд бары, и в них выводить 2 крайние картинки шириной примерно 300*800, с повторением по вертикали. Но может это как-то по другому делается? пс: решил не заморачиваться, сжал до 350х800, повторение везде + снизил качество фона, получилось 100кб..
0 votes4 answers -
Почему в мобильной версии пропадают стили ссылок?
http://www.vvd.su/aktsii/item/126-sdelaj-selfi-vyigraj-iphone сделал карту ссылок, что при наведении на ссылку в картинке выделяется ссылка. но при мобильно-планшетной версии (меньше 767пх)- стили с позициями ссылок исчезают. Почему это происходит? Впрочем всеравно, что поехало,в мобильной версии такие мелкие надписи на картинке и вовсе не видно. Я хотел ссылки подвинуть - а их #raz a:nth-of-type(1) совсем исчезли.
0 votes0 answers -
Выравнивание меню
https://jsfiddle.net/konstantinskiy/3unbLjwk/1/ Есть вот такой пример меню, нужно сделать чтобы стрелочка была прижата к тексту справа, а не к диву с правой стороны. Как это сделать?
0 votes1 answer -
Не получается со слайдером
Доброе время суток! Не могу понять почему не работает помогите разобраться в коде. Скриншот того что должно получится http://clip2net.com/s/3BzTwIW HTML: <div class="container"> <input type="submit" name="slides" id="btn-4" value="Доставка" checked> <input type="submit" name="slides" id="btn-5" value="Гарантия"> <input type="submit" name="slides" id="btn-6" value="Кредит"> <div class="site-wrapper2"> <div class="text-content clearfix" id="slide4"> <h2>Доставка</h2> <img src="img/delivery.png" alt="Доставщик"> <p>Мы с уд…
0 votes1 answer -
Не индексируемый текст
Здравствуйте. Появилась необходимость сделать текст в шапке не индексируемым. Проблема в том, что он должен индексироваться на главной странице и не должен на остальных. Как этого добиться?
0 votes0 answers -
адаптивная верстка
Всем добрый день! Опыта мало. Пытаюсь адаптировать готовый сайт. В самом начале столкнулась с проблемой: задала body 320 px., mframe и в px., и в процентах задаю. Смотрю через Firebug и вижу, что mframe 323,6px. Почему так происходит? Ссылка на сайт http://labradorskie.com/ @media screen and (max-width: 320px) { body { width: 320px; } BODY td, th {background-color: #e5e5b7;height: 100%; } .mframe{ width:310px;height: 100%; } } ,
0 votes2 answers -
Плавающий background
Привет, как реализуется плавающий background img, например как на http://air-plane.by (это не реклама)?
0 votes1 answer -
Проблема с вёрсткой
Всем привет скажу сразу я новичок пытаюсь сверстать страницу тут два вопроса первый как убрать границы у страницы, прописал паддинги и марджины не помогло или я что то не так сделал, второй вопрос почему не добавлятся картинка на фоновое изображение Сразу скажу картинка норм с путём всё норм пробовал полный путь в кавычках другие картинки добавял ни одна не работает, просьба помочь Огромное спасибо p.s картнка 17 это скрин с видео по которому я делаю вот так должно выглядеть на 18 это то как щас у меня выглядит <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c…
0 votes1 answer -
Всплывающий блок
Ребята, подскажите готовое решение или хороший пример реализации всплывающего блока на ajax или другом, т.е. кликая по ссылке добавить в корзину в магазине всплывает такой блок:
0 votes0 answers -
Верстка форм и вопрос по WordPress
Добрый день, коллеги. Какой самый выгодный способ сверстать форму на отправку такого рода: http://habreffect.ru/777/0959d6d37 Пробовал сделать на плагине Contact Form 7, так как бланк заказа стоит на WP. Столкнулся со странностями данного плагина. Значит проблема в чем? Кто имел дело с этим плагином, тот поймет о чем сейчас пойдет речь. Мне требуется сверстать большую, нет, даже огромную форму. И как себя ведет плагин при этом. У него где-то стоит ограничитель на количество символов для ввода тэгов для верстки? Вот сам скрин http://habreffect.ru/e67/127f3d855 Тоесть дальше "<t" вписать можно много кода, но после нажатия Сохранить, код стирается снова до этого же порога…
0 votes0 answers -
Плавающий тег
Доброго времени суток. Нужна помощь в решении одной задачки. И так. Есть блок фиксированной ширины и высоты, внутри него находится тег <img>, размеры которого могут изменятся в зависимости от размеров изображения, но при этом тег <img> всегда должен находится строго в центре блока.
0 votes2 answers -
asp.net
Мой сайт (http://www.au-to.ru) использует обработчик формы на php, который запускает на сервере exe-файл с помощью коменды exec("")... До сих пор с хостингом было все ОК, но сейчас приходится менять... Но новом хостинге (если не выбирать выделенный сервер - дорого) запуск exe-файл не возможен из php. Требуется asp.net. Попробовал почитать... но получается слишком объемно (+ инсталяция программ, сервера...) Может кто-то может помочь с asp.net в этой ситуации?
0 votes2 answers -
Expressions IE6 for transparent png
Собственно на днях мною в поисках идеального решения для фикса картинок(не фонов, с ними всё проще: либо png8\gif либо filter) было накопано решение, которое несколько не удовлетворяет критериям универсальности. Собственно, для начала спасибка developer'ам yandex за осмысленную пачку решений. Сабж выглядит так: /* PNG 24 Expression */ * body img { _visibility:expression( function(t) { t.runtimeStyle.visibility = 'hidden'; var png = document.createElement('png'); png.style.cssText = 'zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + t.src + ',sizingMethod=crop);'; png.appendChild(t.replaceNode(png)); if( png.parentNode.getAttrib…
0 votes5 answers -
Вложенные DIV-ы
Доброго времени суток!В общем проблема такая!На сайте есть вертикальная тень.Сверху она "притухшая" в середине идёт нормальная а к низу опять угасает.Нужно сделать так чтобы средняя часть тени тянулась по высоте контента.Посоветовали сделать вложенные DIV-ы.Подскажите как это примерно реализуется или ссылку на материал киньте.Буду очень признателен.
0 votes3 answers -
синяя рамка у картинке в ие
каа убрать на картинках-ссылках синию рамку в браузере IE? пс в других браузерах этой рамки нет. Заранее спасибо!
0 votes3 answers -
Двойной background
Добрый день! Такой вопрос: как сделать "двойной" background, т.е. часть (65% по горизонтали) надо замостить одной текстурой, а оставшиеся 35% другой?
0 votes4 answers -
Java script, событие на одинакоые элементы
Никак не могу понять как правильно нужно делать Допустим, есть 3 (или 10) кнопки-иконки, выполненные в блоках div, меняющие свой вид на другие картинки при наведении или нажимании мышки. На события onclick или onmouseover и т.д прикручиваются соответствующие события смены картинки +всякие свистелки Как нужно правильно оформить эти блоки див? id делать всем одинаковый или разный (или вообще можно без него обойтись), css стиль привязывать по id или по class, что одинаковое должно быть что разное. И потом, как оформить в java срабатывание функций, чтобы оно работало на всех иконках. Покажите, пожалуйста, на этом примере http://jsfiddle.net/6hu2W/10/ Тут событие работает то…
0 votes3 answers -
Верстка под планшеты и смартфоны
Только начинаю изучать адаптивную верстку. И вопрос следующий. Можно ли определить тип устройства клиента? Допустим, что у него планшет. Или же смартфон. Ведь разрешения бывают самые разные. Допустим я хочу чтобы на всех смартфонах, независимо от их разрешения, макет получался бы с одной колонкой, на всех планшетах - 4 колонки, а на компьютерах и ноутах - 6 колонок.
0 votes1 answer -
Два дива на той же позиции
Здравствуйте! У меня есть два дива, сверху и снизу. Мне нужно чтобы они были на той же позиции(второй див над первым, точнее когда кликаем на меню в первом диве, появляется второй див, над первым дивом). Второй див я сделал снизу, добавил к нему position:relative и поднял на 800 пикселей(у самого дива так же 800 пх). Проблема в том что внизу, место этого дива остается, появляется скролл, который мне не нужен. Как реализовать правильно, без скролла?
0 votes1 answer -
Вопрос о поиске элемента(кода) CSS и HTML
Доброе время суток!Вопрос такой как найти этот код,нужно поменять но не могу найти http://i57.fastpic.ru/big/2013/1031/88/8ddced59787dc435bf9fb6298cbf1288.jpg вот код html и css http://jsfiddle.net/rfNw6/
0 votes2 answers -
Слайдер
Помогите сделать слайдер на jquery, не могу под себя настроить, очень надо? http://itmages.ru/image/view/1347317/bd869857
0 votes2 answers -
Что растягивает h3?
Добрый день. Счастья всем На странице у блока "Случайный товар"(слева внизу под списком категорий) h3 тег непомерно высокий, большое значение height. У его собратьев h3 в блоках Новинка и Рекомендуем ниже всё нормально с высотой. Все блоки выводятся одним и тем же модулем. Как понять, что растягивает тег h3?
0 votes3 answers -
Помогите с лэйаутом
Задача: Хеадер на всю ширину, сайдбар фиксированный 200px, контент-область (.main), котороя в ширину тянеться по контенту. Ну и футер, тоже на всю ширину. Никак не получается добиться того, что бы контейнер .cont в ширину тянулся строго по своему контенту (который определяется шириной .main) http://jsfiddle.net/uqw94/ В дальнейшем в контент-области (.main) у меня будет широкая таблица, и нужно что бы весь лейаут тянулся в ширь по этой таблице, как-то так (по каким-то причинам .main не хочет тянуться в ширь по своему контенту): http://jsfiddle.net/jTMU5/4/ P.S. на флоатах у меня это реализовать вообще не получается.
0 votes4 answers -
Как поставить все в центр?
Заметил одну вещь на сайтах, когда уменьшаешь их в размере, они все по центру остаются, к примеру сайт steam или тот же htmlforum, но только у html растягивается, а на steam он просто уменьшается, посмотрите В общем. Вопрос: как так сделать?Позишн абсолют или фиксед не помогает.
0 votes4 answers -
параметризация тега "P"
Как возможно выполнить параметризацию тега "параграф" - "P"? Если я хочу отобразить текст размером 20, чтбы автоматом межстрочный интервал изменялся. Нужно делать новый стиль "P" для каждого размера, который я используюв проекте?
0 votes6 answers