kattiperk

Думаю, правильнее использовать градиент.

То, что будет отличаться немного - лучше, чем картинкой делать.

Это же так неважно, лучше искать варианты проще и правильнее по выполнению. И еще лучше - убедить в этом заказчика.

Например, так:

http://jsfiddle.net/kattiperk/c77Pt/

С процентами варьировать переход. Я бы так делала.

При помощи linear-gradient.

А, всё.

Немонго отдохнули и решилось так

table.price tr:hover td:nth-of-type(3) span {color: #fff !important;}

О, ashton-lex мне идею подкинул.

Нужно создать сайт домохозяек со своей CMS и страпонами )))

Прошу закидать объективными помидорами

 

http://bestfuns.url.ph/Task1/

Гарно. Только ховер на ссылках внизу должен убирать подчеркивание. А также шрифт вроде был похожим на Arial. С засечками мало кто использует на сайтах.

А так можно мне карусель украсть себе, где ползунок ползёт?))

Ааа! И конвертик как у меня выезжает.

А точнее с наведением.

http://splat.cc.ua/

Давайте мне немного объясним.

Вот код таблицы:

<table class="price"> <tr>  <td></td>  <td>    Переезд однокомнатной квартиры  </td>  <td>    <span>от 5 450 руб.</span> (Газель + 2 грузчика)  </td>  <td></td> </tr> <tr>  <td></td>  <td>    Переезд двухкомнатной квартиры  </td>  <td>    <span>от 10 600 руб.</span> (Бычок + 4 грузчика)  </td>  <td></td> </tr> <tr>  <td></td>  <td>    Переезд трехкомнатной квартиры  </td>  <td>    <span>от 14 150 руб.</span> (Мебельный фургон + 6 грузчиков)  </td>  <td></td> </tr> <tr>  <td></td>  <td>    Переезд четырехкомнатной квартиры  </td>  <td>    <span>от 17 350 руб.</span> (Мебельный фургон + 8 грузчиков)  </td>  <td></td> </tr> <tr>  <td></td>  <td>    Переезд офиса «под ключ»  </td>  <td>    <span>от 800 руб./м<sup>3</sup></span> Погрузо-разгрузочные и транспортные работы  </td>  <td></td> </tr></table>

Вот её CSS:

table.price {border-collapse: collapse;width: 100%;cursor: pointer;} table.price tr {width: 645px;}table.price tr td {padding: 5px 0;}table.price tr td:first-child,table.price tr td:last-child {width: 15px;}table.price tr td:nth-of-type(3) {text-align: right;}table.price tr td:nth-of-type(3) span {font-weight: bold;color: #b86401;}table.price tr td:nth-of-type(3),table.price tr td:nth-of-type(2) {border-top: 1px solid #fff;border-bottom: 1px solid #fff;} table.price tr:hover {background: #68940c;color: #fff !important;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}

Для спан нужен вот такой цвет детской блевотины #b86401.

А при наведении на весь ряд цвет текста должен быть белым, даже у того спан.

У меня вопрос: как сделать спан при наведении булым, наводя только на ряд, а не на сам спан?

P.S.

Поместить его в колонку не помогает, ессно.

Всем спасибо.

Так а по дизайну мы вс делаем. Как поставили, так и стоит.

Паддинги были, вчера были.

Хм. Подтягивала. Надо ещё поподтягивать. Спасибо.

Всем привет.

http://splat.cc.ua/

Помогите лисичке с меню.

Наведите на "Наши услуги".

Всё хорошо при переходе в уже выпавшее меню?

У меня такое чувство, что оно очень быстро убегает от мышки.

Что не так?

P.S.

Кто откроет Сафари или ИЕ, не ругайтесь. Ещё не правила.

P.P.S.

Там есть псевдоэлемент ::after, который делает тот прекрасный зелёный треугольничек.

да, съехала.

я пока не допёрла как связать верхнюю часть слайдера с самим слайдером.

кажется,я такого не сделаю

про hd и что-то там left справа я исправлю, совсем с ума сошла.

с валидатором разберусь, никуда не денусь.

а там с фонами проблема была. чего-то не так было, как мне нужно. ну ладно.

про слайдеры у меня мало знаний. я планировала сделать его, но пока не знаю как правильно до конца.

будет оно вообще двигаться у меня и передвигаться та розовая хрень корректно.

а так спасибо. нет у меня надзирателя.

Побейте.

http://splat.cc.ua/

Совет: оставьте это на хостинге, большинству качать ваш архив не с руки.

а, да? тогда сейчас мне дадут дяди пароли.

Я тоже поучаствую.

А если я просто для себя сделаю вёрстку как упражнение, меня побьют?)))

Я бы увеличила межстрочно ерасстояние тут, а также в выпадающем меню.

http://joxi.ru/MutnUxjKTJC7RlbGh_c

Ещё бы сделать ширину каждого пунтка меню не фиксиврованной. Очень странно смотрися серый фон при наведении на Главная, Контакты и Прайс-лист.

http://joxi.ru/3-1nU_3JTJBNU_GFN-U

При активном выпадающем меню хотелось бы видеть равную ширину как пункта меню, так и спойлера.

http://joxi.ru/7-1nUxjKTJCpRtSaUas

http://joxi.ru/Fe5nU_3JTJBkWGOKucY

В меню поиска я бы сделал внутренний паддинг слева хотя бы 5 пкс. Это из-за того, что края скруглены.

http://joxi.ru/P-5nU_3JTJAbVWXkSew

При наведении на ссылки хотелось бы, что они хоть как-то себя вели. Особенно про почту в хедере. Там хоть поинтер для курсора сделайте или поинтер с подчеркиванием.

И, как мне кажется, футер должен прилегать вплонтую. (это в Мозиле он так себя ведёт)

http://joxi.ru/_O5nUxjKTJCzRjqAnPA

http://joxi.ru/gO9nUxjKTJCzRqIdTlY

Может, margin: auto 0; применить?

Я бы левый padding подравняла, то смотрится немного некачественно.

http://joxi.ru/CAxkU_3JTJBeaMY7eIs

Или так надо?

Пришло вермя делиться накопленными знаниями и опытом! Поскольку временной ресурс у меня ограничен, выберу только одного ученика, который в перспективе будет заниматься со мной фрилансом. Естественно, все обучение будет проходить бесплатно. Что могу предложить: 1) Советы по HTML/CSS 2) Основы CSS3-анимации 3) Знакомство с методологией БЭМ 4) Работа с препроцессорами 5) Знакомство с jQuery Требования к кандидату в падаваны: 1) Желание обучаться 24/7 2) Знание основ верстки 3) Хотя бы один сверстанный макет для демонстрации текущего уровня 4) Готовность выполнить тестовое задание 4) Наличие перфекционизма, особенно в период обучения Что нужно для начала: 1) Короткий рассказ о себе и зачем вам верстка (желательно с ссылкой на профиль в соцсетях) 2) Примеры тестовых-работ Свои письма отсылайте на почту: zargzak [at] gmail [dot] com

я отписалась на почту.

А пробел-таки надо после запятой

Неоправданно широкое/высокое левое меню.

Большая ошибка - всё, что обозначено ссылками при наведении ничего не делает. Хотя бы пусть меняет цвет или подчеркивается.

Очень высокий хедер, всё можно сделать компактнее, тогда станет красивее.

Также кнопка "Найти" при наведении остается с указателем стрелочкой, привычнее чтобы была pointer.

Шрифты однозначно уменьшить, хотя бы 12px.

Расстояние между пунктами вертикального меню уменьшите.

Еще стоит добавить "Регитрация", так как есть логин и пароль для входа, а где я его возьму?

Ну вот подправьте, всё у вас получится. Не в дизайне, так с вёрсткой.

оцените мою первый дизайн,что можно изменить?,какие ошибки я сделал?,не критиковать строго!

http://lybrook.net/

стоп. дизайн или вёрстку?

Обычное меню, без задержек с появлением.

Ну или минимальную, если хочется плавно.

Хотя не мне ж решать

а если float: right применить?

но про ширину блоков не забывайте.

ясно спасибо)

 а это твоё решение с задержкой?

обычно так пользователю кажется, что сайт подтормаживает. чисто на психологическом уровне.

это юзабилити касается.

красота, кончено, непомерная, но я бы так не делала.

<? // —————————-конфигурация————————-- //  $adminemail="baluyev@gmail.com";  // e-mail админа   $date=date("d.m.y"); // число.месяц.год  $time=date("H:i"); // часы:минуты:секунды  $backurl="http://maximbaluyev.com/index.html";  // На какую страничку переходит после отправки письма  //———————————————————————- //     // Принимаем данные с формы  $name=$_POST['name'];  $email=$_POST['email'];  $msg=$_POST['message'];     // Проверяем валидность e-mail  if (!preg_match("|^([a-z0-9_\.\-]{1,20})@([a-z0-9\.\-]{1,20})\.([a-z]{2,4})|is", strtolower($email)))   {    echo "<center>Return <a href='javascript:history.back(1)'><B>back</B></a>. Wrong data!";    }   else   {   $msg="   <p>Name: $name</p>   <p>E-mail: $email</p>   <p>Message: $msg</p>   ";      // Отправляем письмо админу   mail("$adminemail", "$date $time Сообщение от $name", "$msg");     // Сохраняем в базу данных  $f = fopen("message.txt", "a+");  fwrite($f," \n $date $time Сообщение от $name");  fwrite($f,"\n $msg ");  fwrite($f,"\n —————");  fclose($f);     // Выводим сообщение пользователю  print "<script language='Javascript'><!-- function reload() {location = \"$backurl\"}; setTimeout('reload()', 6000); //--></script>  $msg  <p>Message already flied away! Wait, you will be redirected to the active page...</p>";  exit;   }  ?>

<form action= "post.php" method= "POST"> 			<p id="message">Name:<br><br>				<input type= "text" name= "name" class="nameform">			</p> 						<p id="message">e-mail:<br><br>				<input type= "text" name= "email" class="mailform">			</p> 						<p id="message">Type a message...<br><br>				<textarea name= "message" class="messageform"></textarea>			</p>							<input type= "submit" value= "Send" class="submit">  

а также