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
29,542 questions in this forum
-
ie8 z-index
http://jsfiddle.net/Zverushka/unyf8/ Суть в том, что этих стрелок нет в ие8 и я не могу заставить их появиться.
0 votes7 answers -
transition только для transform - возможно ли?
Хочу анимировать только translatex translatey, но не all. Возможно ли это сделать через transition?
0 votes2 answers -
Влетело из головы(, подвал наезжает на контент
Точно помню что год назад уже спрашивал похожее), а сейчас не вспомнить не получается не найти тот пост. Проблема довольно банальная, один блок наезжает на другой), возможно ранее я не размещал блоки в контенте "абсолютные" и поэтому работало. Подскажите что я забыл)). <div id="page"> <header> <h1 class="name">name</h1> </header> <nav> <a href="index.html">Главная</a> <a href="about.html">Услуги</a> <a href="projects.html">Галерея</a> <a href="contact.html">Контакты</a> </nav> <section class="content"> <div class="box abox"><a href="index.html"…
0 votes3 answers -
Скрипт убегающей кнопки
Погуглив не нашел скрипт убегающего элемента(например кнопки или ссылки) на который пытаются кликнуть а элемент убегает и не дает на себя навести и кликнуть. На jQuery Да )) не дописал нет ли у кого такого скрипта ?
0 votes9 answers -
Вопросы от новичка.
Всем доброго времени суток. http://htmlforum.ru/index.php?showtopic=47865 Решил все-таки откинуть вариант отступов в тексте при помощи div. <b>Название:</b><p>Сам текст</p>Вот мне необходим еще дополнительный отступ после "Сам текст", чтобы хоть как-то отделять разные по смыслу тексты в одной статье. Если бы полгода назад передомной стояла такая цель — я бы как типичный говнокодер кинул 2 <br> в конец. Как сделать по уму? Спасибо.
0 votes24 answers -
Как бы вы поступили - дилемма разметки
http://jsfiddle.net/Zverushka/B5b8Q/ Структура такова, как вы видите. Оберточный блок контента выделен черным только для наглядности - .wrap Обычно часто встречается, что помимо цветных блоков во всю ширину страницы - на странице появляется белый неприметный блок, который даже не требует по сути дополнительной обертки и является главным на странице - в нем много основного контента - много заголовков и разного содержимого. Как бы вы сделали? 1) 2 вложенных блока <div class="main"><div class="wrap"></div></div> 2) Один слой <div class="main wrap"></div> И почему?
0 votes1 answer -
Уезжает правый блок меню
Доброго времени суток. Есть css меню, из ряда разделов, последний - форма поиска. При маштабировании (уменьшении масштаба) блок с формой поиска уезжает. Старница с проблемой: http://www.kino.sumy.ua/ , ширина страницы 1024px. Скриншот №1, без масштабирования Скринфот №2, тоже меню при масшатабировании.
0 votes1 answer -
Как вставить SVG
Как вставить svg файл в тело html документа, кроме <img src="name.svg" />? И какой svg создавать: 1.0, 1.1, Tyni 1.1, Tyni 1.1+, Basic 1.1, Tyni 1.2?
0 votes2 answers -
base64-кодирование
Узнал о возможности внедрения картинок с помощью base64-кодирования. Поскольку статьи я читал стары, то хочу уточнить остаётся ли сейчас ограничение в размере картинок в 20kb? Существует ли падение производительности при отображении закодированных изображений? Можно ли внедрить в css шрифты с помощью base64-кодирования?
0 votes23 answers -
Как убрать лишний отступ
Есть 3 блока по 50 пх и отступом между ними 10 пх. Как их засунуть в другой блок размером 50+50+50+10+10 = 170 пх Главная проблема в том, что все внутренние блоки одинаковые - никак нельзя их различить по классу или id. Вот пример, http://jsfiddle.net/EDAT8/ тут блок 180 пх - на 10 пх больше, так как мешает лишний отступ.
0 votes6 answers -
Как запретить CSS сворачивать меню
Добрый день, господа! В css среди прочего имеется вот такой код #nav ul li { margin-top:-23px; -moz-transition: 0.4s linear 0.4s; -ms-transition: 0.4s linear 0.4s; -o-transition: 0.4s linear 0.4s -webkit-transition: 0.4s linear 0.4s; transition: 0.4s linear 0.4s;}#nav a:focus ~ ul li { margin-top:0; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linears; -webkit-transition: 0.4s linears; transition: 0.4s linear;}Меню в результате выглядит вот так Т.е. когда пользователь кликает по пункту меню, меню полностью закрывается Подскажите как избавиться от этого эффекта? Мне нужно чтобы пользователь видел на к…
0 votes4 answers -
выпадающий список у резинового меню
друзья, подскажите как сделать выпадающее список в резиновом меню? код html <div id="menu"><ul class="menu"><li><a href="#">Создание сайта</a></li><li><a href="#">Веб-дизайн</a></li> <li><a href="#">(X)HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">CMS</a></li> <li><a href="#">Веб-програмирование</a></li> <ul> <li>JavaScript</li> <li>PHP</li> <li>Pen</li> </ul> <li><a href="#">Ресурсы</a&g…
0 votes9 answers -
Как с помощью CSS/JS заставить принять родительский блок высоту резинового дочернего с абсолютным позиционированием?
Есть такой код: <div class="parrent" style="position:relative"> <div class="child" style="width: 100%; position:absolute" ><img style="max-width:100%"></div> </div> Как вы видите, дочерний блок содержит в себе резиновое изображение и в зависимости от размера окна будет менять свою высоту, но при этом parrent будет оставлять свою высоту неизменной, т. к. дочерний имеет position: absolute. Как с помощью css/js заставить parrent принять высоту child?
0 votes2 answers -
Форма поиска. Chrome.
Проблемма в том, что в поле ввода хрома "Поиск..." (placeholder="Поиск...") отображается на одном уровне,а вводимый пользователем текст на пару пикселей ниже. В фф и иэ все нормально. Глаз режет, помогите( Код: [hide] <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Форма для поиска</title> <style>body{background:#394e63;font-family: "PT Sans",Verdana,Arial,sans-serif;}.search {width: 240px;height: 35px;border-radius: 10px;background:#fff;}input[type="text"] {padding:0;margin:0;display:block;height:35px;border: none;outline: none;-webkit-appearance: none;width: 197px;margin: 0px 0px 0px 9px;float:left;font:16px/19px…
0 votes8 answers -
H1 внутри DIV откуда берется отступ
Есть участок кода <div class="topblue"> <h1><?= $csm ?></h1> </div> <ul class="breadcrumbs"> <li><a href="#">111111</a></li> <li><a href="#">Фотографии</a></li> <li><a href="#">Море</a></li> <li class="current"><a href="#">Главные фотки на странице</a></li> </ul>Стили .topblue { background-color: #e6f1f8; /* padding: 2px $column-gutter;*/}h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, s…
0 votes4 answers -
Размер шрифта
Можно ли сделать так, чтобы размер шрифта изменялся пропорционально высоте страницы?
0 votes5 answers -
Как сделать такую кнопку средствами css?
Как сделать такую кнопку средствами css? http://cs618926.vk.me/v618926727/1e8c/J3f325TSgSE.jpg
0 votes9 answers -
Градиент текста в CSS
Здравствуйте. Сенат просит помощи у джедаев. Мне нужно осуществить выпадающее меню при помощи div. Но самой справиться мне мешает тот факт, что текст пунктов меню нужен градиентом, который я делаю так http://jsfiddle.net/kattiperk/Q9LM4/ Есть какой-нибудь способ либо другого градиента для текста, чтобы можно было меню написать списком? Либо сделать спойлер через div, но чтобы корректно отображалось с градиентом уже написанным? Или дайте где почитать. Спасибо.
0 votes3 answers -
Меню из квадратных элементов
Пытаюсь сверстать меню из квадратных кнопок. Задача в том, чтобы они пропорционально уменьшались при уменьшении экрана и если им не хватает места, то переходили на следующую строку. Вот ссылка на то, что я намудрил http://jsfiddle.net/RSW45/ Однако почему-то меню получается не квадратное, а прямоугольное. И можно ли убрать отступы справа и снизу или нало использовать float:left? Правда во втором случае будет проблема как сделать, чтобы меню было всегда поцентру.
0 votes11 answers -
Нужна помощь с меню.
Всем привет! http://jsfiddle.net/L7Pts/2/ - float не работает. Убираю у "Пункта" position:relative;или display:inline; и все работает. Кто подскажет, что не так?
0 votes6 answers -
отменить margin
К сайту подключен reset.css Для одного из элементов (например img) я хочу отменить margin, словно его и не было. Как это можно сделать? margin: none margin: auto Не работает
0 votes2 answers -
Дочерний блок больше высотой чем у родительского
Можно ли выходить за пределы родительского блока фиксированной высоты дочерним блоком тоже фиксированной высоты но больше чем у родителя, да бы перекрыть нижний бордюр чтобы не использовать отрицательные поля и позиционирование ????? это кроссбраузерно?
0 votes1 answer -
Изогнутая тень ?
Всех приветствую. Натокнулся на проблемную тень. Как реализовать такое, тень изогнута. Спасибо.
0 votes4 answers -
Навигатор по страницам
Как привязать навигатор по страницам к низу страницы, а не к последней картинке? http://truebooks.ru/
0 votes2 answers -
Растянуть блок по высоте
Пример тут http://jsfiddle.net/Nfw8M/6/ Надо сделать чтобы блок right и (желательно) left растянулся по высоте, такое же, как и #c
0 votes2 answers