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
-
кнопочки
расскажите пожалуйста как верстать кнопочки любые блоки стараюсь верстать, учитывая переполнение контентом. в кнопках типа "search", "send", "join now" очень редко меняется текст(тем более из админки). но совесть всё таки не спокойна когда тупо вырезаю в фотошопе фон с определенными размерами и использую для контейнера кнопки как лучше поступать, для каждой кнопки всё таки учитывать переполнение или это не обязательно? может быть существуют какие-нибудь правила хорошего тона?
0 votes6 answers -
Проблема с нижней полосой прокрутки
Всем здрасьте. Решил сделать собственную карусель, с гейшами и нардами, в итоге родил вот такую небольшую кодовёрстку: <!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=windows-1251" /> <title>Фотон</title> <script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { $("div.children").each(function() { …
0 votes0 answers -
Подскажите с form:focus
http://jsfiddle.net/6mJKD/2/ Как сделать чтобы при наведении на форму - все что вокруг находится не разъезжалось, а было статичным. Чтобы толщина рамки увеличилась на пиксель, но не двигало соседние элементы? Спасибо
0 votes4 answers -
Непонятное смещение текста
Добрый день! Не подскажете в чем может быть проблема, плиз. Наверняка что-то простое, но что - не пойму. Есть неизменные шапка, горизонтальное меню и правый информационный блок. Меняется только целевой текст, в зависимости от того, на какой странице находишься. Он располагается от левого края экрана до правого информационного блока. Все было хорошо, но при создании нового варианта страницы основной текст странным образом смещается вниз, ниже нижнего края правого блока. Это происходит только в IE, остальные браузеры таких проблем не обнаруживают. Вроде все теги закрыты, лишнего нету. Все так же как на остальных страницах - ан сползает и все :-( http://www.anticisco.ru/inde…
0 votes3 answers -
Выравниевание сайта по центру
Здравствуйте! Не могу как надо сделать выравнивание сайта по центру. Делаю так, на body задаю такие значения margin: auto; после этого сайт становится по центру. Но правый меню уходит за пределы экрана, и появляется нижняя прокрутка! Вопрос: как сделать правильную выравнивание по центру что бы правый меню поместился на экране? Сайт имеет структуру <body> <div id="main"> <div id="wrapper"> <div class="content"> <div class="header"> <div class="left"> <div class="top"> <!-- логотип --> &…
0 votes2 answers -
Критика, исправление ошибок и поиск решения проблем
Доброго времени суток, уважаемые профи и эксперты! Я только начинаю свои шаги в верстке и прошу мне помочь решить некоторые проблемы. Верстаю макет первого левла вот отсюда - http://divhack.com/ Из-за недостатка знаний столкнулась со следующими проблемами: 1. Не могу спозиционировать ссылки меню. По макету расстояние между ними 70px, абсолютный отступ от края 72px, от края блока 40px. 2. Логотип сайта "International" хочется сделать кликабельным (на сайте, с которого взят макет, предлагается как решение делать логотип в виде картинки, но мне это категорически не хочется), но я не знаю как правильно это оформить в CSS, если делать через <a href="#" class="international'…
0 votes3 answers -
Про ширину фона
Допустим у нас есть неоднородный фон на ширину 1920 пикселей - по сути на максимальное разрешение - я вставляю его по центру как задний фон. Но ведь есть же мониторы с большим разрешением? Как будет сайт с таким фоном выглядеть на них? Будут некрасивые обрезки по бокам. Что делать, как быть?
0 votes8 answers -
Отступ вниз от модального окна
Здравствуйте! Делаю модальное окно, взял отсюда код http://jsfiddle.net/ChpCK/1/. Когда нажимаете на кнопку "Button" появляется модальное окно, прокрутите в самый низ и увидите что внизу нет никакого отступа. Не как не получается сделать его Помогите!
0 votes2 answers -
Градиент в прозрачность
Подскажите, вот нужно сделать рамку Вот вокруг блока какбы вдавленная рамка, которая исчезает. Помогите сделать такое. Пробовал border:5px solid rgba(048,048,048,0.5); box-shadow: 1px 1px 3px -1px #ffffff inset, -1px -1px 3px -1px #ffffff inset, -2px -2px 0px -1px #000000, 2px 2px 0px -1px #000000, 3px 3px 4px -1px #000000; Но получилось не совсем то что нужно, а с фильтрами я не знаком =( Как сделать чтобы было точно как здесь:
0 votes3 answers -
Проблема с CSS
Как сузить фон у анонсов. Здесь все в порядке - http://mordovia-sutochno.ru/poisk2 Здесь - нет нижней тени у ячейки - http://mordovia-sutochno.ru/article/kinoteatri Она обрезается. Тень должна быть сверху и снизу.
0 votes4 answers -
Проблема с jsfiddle.net
Подскажите, почему скрипт прекрасно работает на http://jsfiddle.net/7LYqk/ но при переносе к себе в рабочий документ всё ломается? То есть скрипт не работает. Перепробовала уже все варианты проблема внезапно решилась. если у кого будут такие же проблемы - переместите скрипт из хэда в низ боди
0 votes3 answers -
тег @import
Добрый вечер, задача стоит подключить responsiv.css через файл screen.css файл. Прописываю в самом верху следующее @import url("media.css"); - не работает. @import "media.css" all; - не работает. @import url('/media.css'); - не работает. В чем моя ошибка? Как сделать чтоб работало? Спасибо.
0 votes2 answers -
Перемещение ровно на 20 пикселей правее
Добрый день, в общем вот макет <style type="text/css">.port{ height:200px; width:80%; margin: 0 auto;}.port .one{ width:20px; height:300px; opacity:0.8; transition:1s; }.port img{ -webkit-transform: perspective(1000px) rotateY(40deg); transform: perspective(1000px) rotateY(40deg); width:200px; height:300px; }.port .one:nth-child(1n){ float:left; margin: 10px; position: relative; left:0px; z-index:4; }.port .one:nth-child(2n){ float:left; margin: 10px; position: relative; left:-20px; z-index:3; }.port .one:nth-child(3n){ float:left; margin: 10px; position: relative; left:-40px; z-index:2; }.port .one:nth-child(4n){ float:left; margin: 1…
0 votes1 answer -
Text-align-last
Здравствуйте. Во первых спасибо Максиму за прекрасную статью про равномерное выравнивание инлайн блоков по горизонтали. Пользуюсь регулярно и мне стыдно что пока не перешел на флексбоксы:-) Проблема возникла около месяца назад при обновлении браузеров. Если стоит text-align-last для ul, то все что есть внутри тоже ровняются последней строкой justify. Теперь приходится указывать для внутренних элементов text-align-last чтобы контент нормально показывал. Раньше обходились только с указыванием text-align для li, теперь не катит такое. Вопрос, отныне так и должно быть? Что произошло с браузерами, они были или стали умнее?:-)
0 votes1 answer -
Приоритеты классов
Всем привет. Вопрос собственно такой: каким образом браузер присваивает правила разных классов к 1 объекту? Если чуть по конкретней, то .style1 { border-radius: 3px; display: inline-block; width: 180px;}.style2 { width: 200px;}<input type="submit" name="submit" class="style1 style2" value="Сохранить" > Я не понимаю, почему инпут все равно остаются с шириной в 180 пикселей ...
0 votes2 answers -
css Помощь верстки новостного сайта
Здраствуйте, Нужна помощь в верстке новостного сайта, есть вопросы на которые нужны ответы С Уважением Сергей
0 votes0 answers -
Работа с кукис
Доброе время суток! Мне необходимо, что бы пользователь мог изменять элементы веб-страницы и менять цветовые схемы. Результат планируется сохранять в кукисах Можно ли это сделать не используя РНР?
0 votes1 answer -
Помогите с растяжкой на странице
Вот здесь то чего удалось уже добиться Футер прижат книзу, но внутренний блок с текстом заканчивается там же где и текст (это видно по border'ам серым, которые обрываются вслед за текстом). Если div'у (content_inside), в который заключен текст, поставить min-height 100%, то футер уходит за страницу и появляется прокрутка. Теперь два вопроса: 1. Как подправить, чтобы бордеры div'a(content_inside) прилегали к футеру? 2. Будет ли тогда возможным разместить контент в правом нижнем углу, прижатым к футеру (нижняя часть колонки где флэш с погодой - div.content_inside_sidebar) ? Вот пример разметки: <div id="total"> <div id="content_inside"> <div id…
0 votes0 answers -
Блок с округлением
Подскажите как исправить? http://itmages.ru/image/view/254670/6d6b446d #content { height:400px; margin: 30px 50px 20px 60%; padding: 5px; border: none; } .conten { background: transparent;margin-top:340px;line-height:60px ; } .conten h1, .curved p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#B0BCC2; border-left:1px solid #B0BCC2; border-right:1px solid #B0BCC2; margin:0 5px; font-size:1px; } .conten .b2 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#EBEEF0; border-left:1px solid #B0BCC2; border-right:1px solid #B0BC…
0 votes1 answer -
Не работает кнопка в Firefox&Chrome
Здравствуйте. Есть форма поиска: <form class="searchform"> <input class="searchfield" type="text" value="Искать..." onfocus="if (this.value == 'Искать...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Искать...';}" /> <input class="searchbutton" type="button" value="Go" /> </form> Кнопка почему-то не хочет нажиматься в Firifox и Chrome в Опере всё нажимается нормально...
0 votes2 answers -
z-index
помогите пожалуйста решить проблему на странице z-index блока .header .nav_top_1 ul li a.punkt_1 больше чем z-index блока .wrap .leaf_top_left . однако блок .wrap .leaf_top_left всё таки перекрывает блок .header .nav_top_1 ul li a.punkt_1 в частности и блок .header .nav_top_1 в общем в результате невозможно кликнуть по пункту меню. хотелось бы чтобы меню было кликабельно
0 votes3 answers -
проблемы с блоками
Добрый вечер знатоки 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 -
Как реализовать такой фон?
Есть такой макет: центральная часть фиксирована по ширине (желтый фон у хидера и футера, зеленый - у блока с контентом). Нужно сделать, чтобы фон желтого и зеленого цвета растягивался на всю доступную ширину. Единственное, что я придумал - применить, допустим, для html фон желтого цвета, а для body - зеленого, сместив по вертикали на величину, равную высоте хидера, предварительно подготовив фон, равный по высоте блоку с контентом. Но ведь высота блока с контентом может меняться (например, при увеличении шрифта). Так как все таки это реализовать? Думаю не у меня первого возник подобный вопрос, однако поиск ничего не дал
0 votes1 answer -
Аналогия ФШ-ким sharp/crisp/strong/smooth есть в CSS?
Добрый день. Аналогия ФШ-cким настройкам текста sharp/crisp/strong/smooth есть в CSS? Благодарю
0 votes1 answer -
Помогите реализовать
Есть такой код формы контактов : http://jsfiddle.net/2ZEzW/ И есть такой код кнопки: http://jsfiddle.net/2ZEzW/1/ Как сделать, чтобы при нажатии кнопки "ЗАКАЗАТЬ" появлялась форма контактов. За ранее благодарен.
0 votes3 answers