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
-
Картинка заднего фона (и не только) с точки зрения оптимизации ?
Здравствуйте! Меня интересует вот такой вопрос, с точки зрения оптимизации и скорости загрузки страницы, какого размера картинку выбирать для заднего фона ? Например - 16х16 или 64х64 и более ? Как это влияет на скорость загрузки страницы. А так же, как лучше всего создавать свой сайт, что бы визуального материала было много(картинок), но страница грузилась как можно быстрее ? П.С. Почитав в интернете, пришёл к выводу, что для заднего фона лучше использовать jpg, если я не прав, поправьте. П.П.С. JS решения не предлагать, не дружу с ним, пока что осваиваюсь только в HTLM/CSS Буду признателен за помощь и любой совет, который мог бы быть полезный новичку, дабы сразу научить…
0 votes2 answers -
Выпадение блока в IE
Подскажите, пожалуйста, почему в IE данный блок выпадает из main? Верстка: https://googledrive.com/host/0B6IlwqUO2fshV3M2MjRXT1VTM28/
0 votes1 answer -
Объясните ошибку в коде
Добрый день! Никак не пойму почему у меня в хедаре следующая ерунда: http://clip2net.com/s/ioDzH2 <header> <div class="contener"> <div class="logo"> <img src="img/logo.png" alt=""> <h2>Professional oral care</h2> </div> <div class="english"> <a href="">In English</a></div> <nav> <ul> <li><a href="#">О компании</a></li> <li><a href="#">Продукты</a></li> <li><a href="#">Выбери себе</a></li> <li><a href="#">Общение</a></li> </ul> <ul> <li>…
0 votes3 answers -
Фон и нефиксированный div
Здравствуйте, возникли проблемы. Прошу помощи Мы имеем серый фон. Но нам еще нужен белый поверх него. Было решено занести его в див. Это и есть рабочая площадь. Стили div'а с белым фоном .fon { margin-right: -496px; position: absolute; padding: 0px; width: 950px; height: 90%; right: 50%; background-color: white; box-shadow: 1px 0 8px rgba(0,0,0,0.5);}Выше у нас идет таблица. В левом столбце меню. С ним проблем нет. Поднять наверх его смогу. Проблема состоит в правом столбце. При больших объемах информации (а они будут очень большие), как вы видите, вся наша таблица уезжает вниз Футер я зафиксировал. Он остается на месте,…
0 votes2 answers -
почему не работает вертикальное выравнивание по нижнему краю?
http://jsfiddle.net/L05sah7u/
0 votes4 answers -
В заголовке таблицы с двумя картинками
Всем привет, Мне нужно в каждом заголовке таблицы отобразить имя поля и две картинки для указания сортировки справа от лейбла Если делаю так : ...<th ><table><tr><td>SKU </td><td><a onclick="javascript:runSort('SKU', 'asc');" ><img src="/images/asc.gif" ></a></td></tr><tr><td> </td><td><a onclick="javascript:runSort('SKU', 'desc');" ><img src="/images/desc.gif" ></a></td></tr></table></th>...То у меня разваливается вся таблица - я так и не понял почему, так как внутренний <table></table> валиден и нигде не разрывает внешную табли…
0 votes3 answers -
nth-child
Как выбрать предпоследний блок? например, есть несколько дивов <div></div><div></div><div></div><div></div><div></div>как покрасить предпоследний блок в зелёный цвет, без задания ему класса? Что бы при добавлении или уменьшении ещё блоков, цвет применялся только к предпоследнему блоку.
0 votes5 answers -
Выравнивание блока по центру
Добрый день, у меня есть блок шириной 100% от минимальной ширины сайта 960px в этом блоке еще два блока шириной например по 400px. float у них по левому краю. Если уменьшать ширину окна браузера до минимальной то правый блок смещается вниз. Все так и должно быть но как мне выравнить эти два блока по центру когда блок не помещается в минимальную ширину и смещается вниз?
0 votes5 answers -
длина страницы
Здравствуйте! При верстке, всегда ли нужно указывать длину страницы? И в каких случаях этого делать не стоит?
0 votes1 answer -
При наведении на картинку отобразить список
Однажды на кулинарных сайтах видел, что при наведении на фотку - справа вылезает табличка с ингредиентами. Вот вопрос как это делается? вот в частности такая структура сейчас на сайте: <p><a class="thumbnail" href="/"> <img class="thumb" src="/.jpg"> </a> </p> <p>Игредиенты</p> <ul>....</ul> <p>Время приготовления:</p> <p>Выход:</p> Как понимаю надо сделать див от ингредиентов до выхода, присвоить ему класс. и дисплей: ноун сделать. Но как быть, чтобы это всплывалось при наведении на картинку выше? Да и еще где-то сбоку?
0 votes1 answer -
Адаптивное меню
Ребят помогите советом. Есть адаптивное меню, не могу понять, почему оно снизу вверх открывается внуть хэдера. Нужно чтобы оно плавно вниз уходиле без изменения высоты самого блока. Что не так делаю ?
0 votes2 answers -
Не работает слайдер
Добрый день. Есть простой слайдер на радиокнопках. Дело в том, что у меня либо не отображается ни одного слайда, либо сразу все вместе. https://github.com/k1rilenko/Device
0 votes0 answers -
Картинка открывается под флэш роликом подскажите решение...
Всем доброго время суток. Описание проблемы картинка открывается под флэш анимацией что можно сделать? вот ссылка _http://www.foto-oazis.com.ua/fotooboi_20b.html П.С. Это мой первый сайт написанный с помощью div'ов так что сильно не пужайтесь увиденному изврату ) П.С. Впринцепе если кто та даст ссылку на подобную анимацию написанную на javascript тоже буду оч признателен...
0 votes0 answers -
DIV являеться родителем для другого DIV
Форумчане выручайте! Например к описанию свойства margin идет следующие Если я применяю данное свойство к DIVу который находиться в другом DIVe, то отступ идет в обоих дивах. Как мне сделать, чтоб первый див был родителем для другого дива находящегося в нем?
0 votes3 answers -
В опере поехал див !
Дивы коректно отображаются в Internet Explorer , Mozilla Firefox , Google Chrome . Но зато в Opera едут влево пикселей на 200 . нашел хак для оперы : @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .style {background: #F00;} } Я так понимаю его нада прописывать в хеде . Но как мне его подключить чтоб дивы отображались норм не только в опере но и во всех бравзерах ? <!--map--> <div id="map_canvas" style=" margin: 12px 0; border: 2px solid #ccc; position:relative; width:186px; height:283px; left:-229px; <!--Для Opera - 25px --> top…
0 votes1 answer -
outline:0
суть описана в самой теме
0 votes4 answers -
Изменение стилей
Есть таблица. Первая ячейка пустая {width:10px;background:url(1.png);}, во второй просто ссылка. Нужно, чтобы при наведении на ссылку стили первой ячейки изменились на {width:10px;background:url(2.png);} Как это можно сделать?
0 votes3 answers -
Как вставить два изображения в один элемент
Есть горизонтальное меню в виде вкладок. В стилях прописано фоновое изображение. Нужно еще в угол вставить маленькую иконку вопроса. Как это можно сделать не удаляя фон? Если вставлять второй background то фоновое изображение естественно исчезает и появляется иконка. Пробовал этот вариант Но что то у меня не выходит. Вложенность у меня такая <ul> <li><span><a><span>Аукционы</span></a></span></li> </ul>
0 votes1 answer -
проблемы с блоками
Добрый вечер знатоки css и HTML, у меня появилась проблемма, вернее она была но вот никак немогу ее решить, прошу помощи ! вобщем есть сайт вордпресс движок, есть неплохой шаблон, который я немного переделал, но вот незадача мой sidebar нижная его часть, уходит влево, при условии что основного контента мало , тоесть некоторые блоки уходят под контент и правый sidebar не растягивается по вертикали вот прилагаю ссылку http://osadovod.ru/tag/malina А вот если контента много http://osadovod.ru/bolezni-i-vrediteli-rastenij-chast-pervaya-bolezni.html код темы замудренный, вот див который отвечает за бар #sidebar{float:left;width:322px;} Голову уже сломал как сделать так чт…
0 votes6 answers -
Псевдокласс :focus
почему :focus не срабатывает при клике мыше по кнопке <input type='button' />
0 votes3 answers -
Замена картинки
День добрый, форумчане! Такое дело - есть картинка с линком. Необходимо сделать так, чтобы при наведении картинка заменялась на другую. Чем это лучше сделать? Сайт у меня первый, поэтому практически всё статично, на голом хтмл.
0 votes3 answers -
Тег <label>
Здравствуйте. Вопрос, как я уже сам понял, больше философский, наверное, но теперь-то мне очень нужно и узнать ответ наших профи ) Почитал про тег <label>. Ну, все замечательно - привязывает к переключателям "кликабельное" текстовое описание. Есть два способа синтаксиса..., Гугл говорит... а вот тут и понеслось... )) В итоге, даже нашел (лучше бы не находил) на эту тему статью на Хабре (!), где чуть ли не холивар вышел Итак, вкратце. Вариант раз: <input type="checkbox" id="01"><label for="01">Кликни текст</label> Все прекрасно и по правилам, НО зачем нам эти id и for, если можно делать и без них, тем более при 99 копипастах чекбоксов менять столь…
0 votes1 answer -
Автоматическая высота блока
Посмотрите пожалуйста ссылку farfalla.com.ua/admin/add_cat.php Обратите внимания по центру сайта есть 3 блока. структура их такова. <div id="wrapper"> <div шв="header"> <!--header--> <div id="middle"> <div id="container"> <!-- #container--> <div class="sidebar" id="sideRight"> <div id="side_right_cont"> <!--siderightcont--> <!-- .sidebar#sideLeft --> <div class="sidebar" id="sideLeft"> <div class="side_left_cont"> <!--sideleftcont--> <!-- .sidebar#sideLeft --> <div id="content" > <!--content--> <!-- #middle--> <!-- #wrapper --> <footer> #wrapper { width…
0 votes2 answers -
Ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE
При первом наведении происходит ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE 8 и 10 (в остальных нормально). Вживую (в области основного контента): http://suits.ru CSS: a:link { text-decoration: none; color: #003366; border-bottom: 1px solid #C0C7CE; } a:visited { text-decoration: none; color: #4E5869; border-bottom: 1px solid #C0C7CE; } a:visited:hover, a:hover, a:active, a.active { text-decoration: none; color:#B50000; border-bottom: 1px solid #E7E7E7; } Помогите, пожалуйста, исправить. Может я запрос не так формулирую, но поиск ничего не дал.
0 votes3 answers -
Полоса прокрутки!
Привет всем. Меня интересует как сделать полосу прокрутки чтобы она появлялась с определенного масштаба. Допустим чтоб полоса появлялась с 1200px. Заранее спасибо!!!!!!!
0 votes3 answers