-
Posts
26 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by XuLLlHuK
-
-
Всем привет!
https://jsfiddle.net/94716qm3/1/
Нужно после input'а выдавать сообщение об ошибке после потери фокуса. -
Спасибо, получилось!
-
Спасибо за идею с background-ом, но проблема в том, что общий фон сделан в виде паттерна и белый фон не сделаешь под наименованием и ценой.
Может есть другой способ прикрыть пунктирную линию под элементами? -
День добрый!
Помогите пожалуйста реализовать такую таблицу цен: http://joxi.ru/DmBDBaZfNJMdKA.
Заранее спасибо. -
Спасибо за помощь! Выбрал в итоге таблицы...)
-
Независимо от содержимого серого блока,и высоты сайдбара его высота должна полностью заполнять пространство между заголовком и подвалом. Мне показался этот способ более оптимальным.
С li согласен - перегнул) -
Всем привет!
http://jsfiddle.net/U5r3c/
Пытаюсь поднять содержимое серого блока к верхней границе.Абсолютное позиционирование не помогает: если текст достаточно объемный и по высоте больше левой части, то он начинает выходить за рамки серого и даже зеленого блоков.
Может к позиционированию чего-то не хватает?
-
Доброе утро!
Нашел очень простую для установки галерею http://ruseller.com/lessons.php?rub_id=32&id=389
Все настроил как хотел!.
Кроме того, что не знаю как сделать так что бы при открытии фотки к ней внизу была подпись....
К каждой фотке своя подпись
Не хватает под большим изображением заголовка h2.
-
проблема в том, что вы position:relative; применяете к .main-menu>li
потомки с position:absolute; в частности .sub-main-menu-block, начинают позиционироваться относительно родителя
Не, все правильно. Я хотел сказать, чтобы список подпунктов был слева относительно высплывающего подменю.
Вот мой вариант. Я так понял, что подменю должно появлятся при наведении, так и сделал.
Если ненужно, уберите:
.sub-main-menu-block{ display: none;}
и.main-menu li:hover .sub-main-menu-block{ display: block;}
Спасибо за вариант, помог при реализации.
Однако возникла очередная сложность после расширения задачи: http://jsfiddle.net/Epza9/
При наведении на пункты и подпункты меню в подменю должны всплывать анонсы, но блок с анонсом выходит за пределы.
Что можно сделать, чтобы подменю с серым фоном обтекала анонс?
-
Что-то не код, а жесть какая-то. Что конкретно вы хотите получить при выполнении сего "чуда"?)
А что с кодом не так?
Нужно,чтобы список Подпунктов был слева, а описание про "многослойные структуры" справа на зеленом фоне.
-
Всем привет!
http://jsfiddle.net/L7Pts/2/ - float не работает. Убираю у "Пункта"
position:relative;
или
display:inline;
и все работает.
Кто подскажет, что не так?
-
Что-то не выходит у меня с фокусом на инпуты... Думал сделать тень и смену стиля текста при клике на label, нажатии Tab'а или клике в сам input непосредственно, но никакой реакции.
Пробовал вроде этого:$("input").focus(function(){...});
Получилось http://melsman.ru/pcf
-
Немного не по сути вопроса, но раз рекомендации принимаете, то я бы :focus{outline: none;} на инпуты поставила бы. Оранжевая рамка портит оформление
Спасибо! Ценная рекомендация!
Сижу с нетбука. У меня половина кнопки "отправить" ушла вниз, а полосы прокрутки нет.
А разрешение какое?
Поправил. Сейчас как?
-moz-border-radius-topleft(и -topright)По-моему, -moz-border-radius не работает в современных FF — только нормальный W3C-шный border-radius без префиксов.
Как тогда закруглить верхние углы для header блока, не затрагивая нижние?Нашел! Спасибо!
Когда пишете, что что-то не работает в Опере, то надо уточнять версию. Их сейчас как бы две. 12 версия для оперофагов, и 17 для всех нормальных людей.
До Вашего поста был оперофагом(не имею привычки пользоваться оперой). Обновил и text-indent заработал. Спасибо!
-
Всем привет!
Вот сверстал форму http://melsman.ru/pcf. Только в Opera почему-то не хочет работать text-indent, а в FF -moz-border-radius-topleft(и -topright), в IE тоже самое. Может что посоветуете?
И еще принимаются критика, рекомендации, совету и прочее!
Благодарю за внимание!
-
Вроде бы считается нехорошим тоном верстать тегом table, или я неправ?
Может другой есть более оптимальный способ?!
-
Всем зашедшим добрый вечер!)
Подскажите как лучше сверстать данный макет шапки: позиционирование или таблица из div'ов?
Если позиционировать, то как лучше выровнить "заголовок", "языковая панель" и "личный кабинет" по-середине, а если таблицей, то как ее сверстать, чтобы объединить строки под логотип(типа rowspan)?
Заранее премного благодарен за помощь!)
-
Добрый день!
Проблема в том, что в разных браузерах выравнивание отображается по-разному. В чем я ошибся? Что исправить или что добавить?(рис.)
#for_clients{
/*-- margin:10px 0px;
padding:0px 10px; --*/
text-align:right;
}
#for_clients a{
font:10pt Arial;
color:#06C;
text-decoration:none;
}
#for_clients a:hover{
color:#C00;
text-decoration:underline;
}
#for_clients div input.btn{
border:none;
background-color:transparent;
background-image:url(images/btn_off.png);
background-repeat:no-repeat;
height:19px;
width:48px;
margin-top:3px;
vertical-align:inherit;
}
#for_clients div input.btn:hover{
background-image:url(images/btn_on.png);
cursor:pointer;
}
#for_clients div input{
border:1px solid #999;
width:155px;
}
#for_clients div{
margin:5px 0px;
font:10pt Arial;
color:#999;
}
...
<td width="25%" valign="top" align="center">
<div id="for_clients">
<form action="#" method="post">
<div>логин: <input type="text" name="login"></div>
<div>пароль: <input type="text" name="pass"></div>
<div><a href="#">забыли пароль?</a><input type="submit" class="btn" value="" name="loginBtn"></div>
</form>
</div>
</td>
...Заранее премного благодарен!
-
Спасибо помогло!=)
-
+ не забыть про доктайп
он так важен?!
Если правильно понял, то
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css" >
#box {
width: 1000px;
margin: auto;
text-align: center;
}
#box div {
display: inline-block;
width: 100px;
height: 400px;
margin: 0 10px;
background: red;
}
</style>
</head>
<body>
<div id="box" >
<div>text</div>
<div>text</div>
<div>text</div>
</div>
</body>
</html>Да, оно!.. но inline-block в IE8 не работает(я не знаю как в предыдущих версиях).
-
Добрый день товарищи!
Подскажите, пожалуйста, статьи или по своему личному опыту, как лучше выравнивать блоки фиксированной ширины по-горизонтали по центру, кроссбраузерно?
К примеру:
имеется внешний блок шириной 1000 пикселей и внутренние блоки по 100 пикселей каждый(рис.)
Решение 1: первая мысль-float
#outer_block{
background-color:#CCC;
padding:10 0;
min-height:280px;
width:1000px;
}
#outer_block div{
background-color:#FCC;
width:100px;
min-height:200px;
margin:0 5;
float:left;
}
<html>
<head>
<title>Тестовая страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<meta http-equiv="Pragma" content="no-cache"/>
<link rel="stylesheet" type="text/css" href="test-styles.css">
</head>
<body>
<div id="outer_block">
<div> </div>
<div> </div>
<div> </div>
</div>
</body>
</html>но как быть с выравниванием?!
Заранее спасибо!
-
В вашем примере указано оформление только для ссылок в right_block, так будет для обоих:
#left_block a, #right_block a{
font:10pt Arial;
color:#666;
text-decoration:none;
}
#left_block a:hover, #right_block a:hover{
color:#C00;
text-decoration:underline;
}Выше вам девушка подсказала, как раз таки правильно. Через запятую нужно перечислять полностью желаемые селекторы.
Так и сделал!
Это ее пост закомментирован!
-
В вашем примере указано оформление только для ссылок в right_block, так будет для обоих:
#left_block a, #right_block a{
font:10pt Arial;
color:#666;
text-decoration:none;
}
#left_block a:hover, #right_block a:hover{
color:#C00;
text-decoration:underline;
}
Спасибо заработало!=)
За сумбур и первую тему "комом" сорри-мысли очень торопятся!=)
-
text_decoration = text-decoration
угу!) сорри!
-
Стиль ссылок.
#left_block, right_block a{
font:10pt Arial;
color:#666;
text-decoration:none;
}
#left_block, #right_block a:hover{
color:#C00;
text-decoration:underline;
}Что-то типа этого. Но здесь синтаксическая ошибка... Как ЗАДАТЬ стиль ссылок в таком случае вложенности?
Нужна помощь в поиске ошибки
in HTML Coding
Posted
Спасибо!