Маленьке Звірятко
-
Posts
23 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Маленьке Звірятко
-
-
Делаю верстку с резиновыми колонками и фиксированными отступами между ними.
.col {margin-left: 10px;margin-right: 10px;}
Через float колонки находятся в одном ряду. Если задать margin, при ресайзе окна колонки не обтекаются и переносятся. Подумал для этого использовать бордеры, вот так:
border-left: solid 10px transparent;border-right: solid 10px transparent;
Можно так?
-
Здравствуйте. Я не знаю Javascript, поэтому обращаюсь за помощью. На сайте использую выпадающее ajax-меню от Anton Shevchuk (http://anton.shevchuk.name/book/code/menu.ajax.html)
Это меню срабатывает при hover. Можно как-то переделать код, чтоб меню срабатывала при клике?
$(function(){ //обработчик для события hover для элементов li
$('.topmenu ul li').hover(
function() { // добавляем проверочку - не загружали ли до этого элементы
if ($(this).find('ul').length == 0) {
var file = $(this).data('file');
var li = $(this);
$.ajax({
url: 'ajax/'+file+'.html', // указываем URL
beforeSend: function(){
li.addClass('loading');
},
success: function(data){
li.append(data);
li.find('ul').stop(true, true);
li.find('ul').slideDown();
li.removeClass('loading');
}
});
} else {
$(this).find('ul').stop(true, true); // останавливаем всю текущую анимацию
$(this).find('ul').slideDown(); //находим элемент ul и вызываем анимацию slideDown
}
$(this).addClass("active"); // изменяем фон выбранного элемента путем добавления класса active
},
function() {
$(this).find('ul').slideUp('fast');
$(this).removeClass("active");
}
);
});Или может вы знаете аналогичные ajax-меню, но срабатывающее при клике?
(я пробовал менять .hover на .click, конечно у меня не получилось )
-
Я имею ввиду, что можно двумя способами:
1
<a href="#"><img src="logo.png"></a>2
<a href="#">logo text</a>и CSS:
a {
background-image: url(logo.png) no-repeat;
display: block;
width: 200px;
height: 50px;
}а logo text прячут через
text-indent
или другими способами.
Вот и интересуюсь... )) Хотя, вроде нашел ответ на свой вопрос: http://stackoverflow.com/questions/492809/when-to-use-img-vs-css-background-image
-
Согласен с Sensei. Я тоже где-то на Хабре читал в комментах, что float не предназначено для создания каркаса, и поэтому следует использовать таблицы =))
Мейер в своей известной книге «Каскадные таблицы стилей» писал, что как и «перемещение» (float) так и позиционирование при правильном использовании призвано заменить таблицы. Другого инструмента пока нет.
-
Логотип подразумевает под себя ссылку на главную страницу сайта
ну так это само собой разумеется
-
Логотип должен быть картинкой или фоном?
-
но непонятно почему добавляет на сайте, когда jquery подключаю
<script src="jquery-1.9.0.min.js" type="text/javascript"></script> -
вот интересная статья по теме.http://popel-studio.com/blog/article/pochemu-ne-nuzhno-ispolzovat-semanticheskie-elementy-html5.html
-
Почему? Зачем? Нужно ли это?
В Хроме:
<body style="zoom: 1;">В Опере:
<body style=""> -
Почему? Зачем? Нужно ли это?
В Хроме:
<body style="zoom: 1;">В Опере:
<body style=""> -
вот мне нравится такая структура:
<dl>
<dt><h2>Управление опросом</h2></dt>
<dd>Управление опросом — это сложная маркетинговая задача, которая влияет на опрос</dd>а валидатор ругается.
А можно я так оставлю?
-
-
LittlePony, спасибо
-
Есть такая конструкция:
<div id='wrapper'>
<div id='leftwrap'>
<div id='left'>тут много текста</div>
</div>
<div id='right'>тут много навигации</div>
<div id='footer'>все права защищены</div>
</div>И css:
#leftwrap {
width:100%;
margin-left:-350px;
}
#left {
float:left;
margin-left:350px;
background-color:red;
}
#right {
float:right;
width:270px;
background-color:silver;
}
#footer {
background-color:#777;
}Как отменить обтекание футером колонок, кроме как <div style="clear: both;"></div> перед ним?
-
При кроссбраузерной верстке, на какие версии браузеров следует ориентироватся?
-
У меня при клике на ссылку в меню с помощью псевдокласса active меняется фон меню. Во всех браузерах нормально работает, а в IE 8 фон меняется только тогда, когда клик около ссылки, а не на ней самой. Когда делаешь клик на самой ссылке, напримес "о нас", фон не меняется. Возможно поправить? Меню простое, горизонтальное, список ul.
И в Опере 9й версии тоже тупит, то работает, то не работает.
-
Мне тоже интересно интересно как осуществляется верстка кнопок. Особенно закругленные кнопки и тень под кнопкой, кроме box-shadow
-
mrnobody, спасибо, посмотрю. Меня сейчас интересует такой вопрос: фон для главного меню, как делать? Вырезать целиком (613px X 45px)с psd макета, сохранить в png и сделать бекграундом? Тогда нет проблем со скруглением углов. Или вырезать, например, кусочек 10рх Х 45рх, и замостить через repeat-x, а скругление сделать через border-radius? Или как? Аналогично для фона подменю. Там нижние углы скругленые. Как лучше поступить?
-
wildhind, совершенно верно
-
http://saveimg.ru/pictures/05-05-12/8ec5c5e92e3d826f366dfa22b1bf4c21.bmp
Надо сверстать вот такое меню. Дааа, надо признатся, оказалось это сложной задачей для меня:-( главное гори-ое меню и появление подменю сделать удалось. Подменю появляется через hover. А как сделать, чтоб оно появлялось при клике по ссылке на главном меню? Вообще, ваши рекомендации, советы как сверстать?
-
Добрый день, уважаемые. С праздником.
Вот какая у меня ситуация. Весь контент сайта размещается в двух колонках: блок с картинками (зеленый) и блок с текстом (желтый). Сами колонки находятся в блоке-обертке (серый фон). Высота колонок соответсвенно по контенту в них. Но нужно, чтоб высота колонки с картинками ровнялась высоте текстового блока (текста всегда больше), и при этом картинки полностью заполнили блок. Рисунок 2 иллюстрирует. Я так понял, сделать это на дивах: 1. Это невозможно; 2. Это очень сложно.
Советовали делать на таблицах. Какое же решение?
Рисунки:
1) http://www.php-studia.ru/images/1wcw.gif
2)
Бордер для ссылки
in HTML Coding
Posted
На сайте А. Горбунова как раз такое подчеркивание. Интересующиеся могут прочитать ответ И. Бирмана.