aTei

User
  • Content count

    76
  • Joined

  • Last visited

Community Reputation

0 Обычная

About aTei

  • Rank
    Участник

Contacts

  • Web site
    http://www.weblancer.net/users/Frwd/
  • ICQ
    0

Information

  • Sex
    Мужчина
  • Interests
    юзабилити, верстка
  1. Страница демонстрирующая пример расползания в ie6: http://pva.ru/index_kley.html (клацните на картинку с клеем "ПВА-М") Таблетки из разных css свойств (clear:both;zoom:1;overflow:hidden;...) больному не помогли. Хотя скорее это я плохой доктор и не там лечил. Функция jQuery отвечающая за увеличение картинки: $('#paint a').toggle( function(){ $(this).css({'z-index':'20'}); $(this).find('img').stop() .animate({top:'-40px', left:'-40px', width:'400px', height:'400px' },400); $(this).find('span').hide(); $(this).find('span').fadeIn(500); }, function(){ $(this).css({'z-index':'0'}); $(this).find('img').stop() .animate({top:'0', left:'0', width:'150px', height:'150px' },250); $(this).find('span').remove(); } ); Надеюсь на вашу снисходительность и помощь мне криворукому
  2. @hf3, всё в параграфы - слишком уж радикальный метод. @slicemasta, <strong><code> - использовал только ради seo. <b> - физическое форматирование, дабы внешне выделить объекты, но опять же не вредить seo. @art, была старая версия статьи, переверстал её по уровню моих текущих умений. Прошу оценки и советов.
  3. Нашел тут свою старую статью (перевод), где-то годичной давности и удивлением смотрю на её исходники. В голове просыпается вопрос "Как же можно было так плохо верстать?". Не суть дело - решил перевестать. До Как выглядит: http://game-time.ucoz.ua/publ/cs_podbot_3_...ration/2-1-0-35 Подсвеченные исходники: http://dumpz.org/18061/ После Как выглядит: http://download-cs.3dn.ru/publ/1/nastrojka_podbot/1-1-0-1 Подсвеченные исходники: http://dumpz.org/18063/ Оцените пожалуйста второе. С удовольствием почитаю и прислушаюсь к практическим советам, как сделать статью не столь монотонной и немного оптимизировать seo. __________ Прошу не ругать за использование uCoz
  4. Давайте представим, всё что у нас есть для оценки сайта - его скриншот. Каков диагноз? Что стоит подлечить, а что взять на заметку? Мои замечания: 1. В верхней навигации нужен больше сдвиг от "language" 2. Стиль писать с заглавной буквы добавил бы красоты 3. Эффект, когда элемент вылазит за блок - из "эмоционального дизайна", что хорошо, но стоило сделать на все три элемента а не только на колбочки (баночки?) 4. Контактная информация слабо выделена. Оцените этого больного (кстати, он не мой) и выкладывайте скриншоты своих. Думаю получится весело И, для затравочки, анекдот: - Доктор! Доктор! Что это у меня?! - Где?.. О-о-о, господи! Что это у вас?!
  5. Столько всякого насоветовали. Давайте и я пару ссылок дам Десятка незаменимых Firefox-надстроек веб-разработчика http://habrahabr.ru/blogs/webdev/30989/ 35 дополнений для Firefox, которые я использую http://habrahabr.ru/blogs/firefox/46701/
  6. Добавляем в HTML <!--[if IE 7]> <link type="text/css" href="css/ie7.css" rel="stylesheet" media="screen" /> <![endif]--> В файлике ie7.css (который находится в папке css) переписываем только нужные стили. Как исправить сам баг с навигацией не знаю, не смотрел исходники.
  7. aTei

    Div верстка

    Как видим, расползается много где. А исправление верстки потребует не 5 мин и автору еще не по силам. Предлагаю перенести в Коммерческие Услуги.
  8. aTei

    нужна помосч

    Тянущаяся фоновая картинка: <img> за контент (через z-index), размеры высоты и ширины в процентах. Сам такой способ не использовал.
  9. Пипл, начинайте думать. Нужные идеи, отчего Chrome косячит
  10. Даже в ie6 всё норм, а в Chrome творится что-то не ясное. Порыскал по инету, подсказок на решение не нашел. Наверно это я где-то заплужил, но который час не могу понять где Функция jQuery (версия 1.4.1 min) function accordion (){ maxWidth = $('#accordion').width() - 348; minWidth = 75; $('#accordion ul a').hover(function(event){ $('#accordion ul a').animate({width: minWidth+"px"}, { queue:false, duration:600 }); $(this).animate({width: maxWidth+"px"}, { queue:false, duration:600}); }); } HTML <div id="accordion"> <ul> <li><a class="a1" href="#"> <img src="images/1.png" width="143" height="127" /> <p>Йода</p> </a> </li> <li> <a class="a2" href="#"><img src="images/2.png" width="159" height="127" /></a> <span></span> </li> <li> <a class="a3" href="#"><img src="images/3.png" width="179" height="127" /></a> <span></span> </li> <li> <a class="a4" href="#"><img src="images/4.png" width="120" height="127" /></a> <span></span> </li> <li> <a class="a5" href="#"><img src="images/5.png" width="113" height="127" /></a> <span></span> </li> </ul> </div> CSS #accordion { width:724px; height:129px; margin-bottom:10px; overflow:hidden; background-color:#fff; } #accordion ul{ list-style: none; margin: 0; padding: 0; overflow:hidden; } #accordion ul li{ float: left; display: block; } #accordion ul li a{ display: block; overflow: hidden; height: 127px; width: 75px; text-decoration:none; color:black; font-size:0.9em; border: 1px solid #fff; } #accordion ul li img{position: absolute;} #accordion ul li p{ margin: 0; padding: 0; width: 200px; display: block; padding-left:10px; padding-top:10px; overflow:hidden; } #accordion .a1 {width: 143px;} #accordion .a2 {width: 159px;} #accordion .a3 {width: 179px;} #accordion .a4 {width: 120px;} #accordion .a5 {width: 113px;} #accordion .a1 p{margin-left: 143px;} #accordion .a2 p{margin-left: 159px;} #accordion .a3 p{margin-left: 179px;} #accordion .a4 p{margin-left: 120px;} #accordion .a5 p{margin-left: 113px;}
  11. @rus, не в коем случае не преследовал цель - опозорить автора сайта, а, как и написал выше, «Кто-то прочтет (может даже создатель сайта), заметит ошибки и не будет их повторять (или исправит)» @Игорь Ермаков, тему и написал, чтобы в инете было меньше такого - преследование великой цели маленькими людьми @andronn, так вот же HTML-BEPCTKA.narod.ru
  12. aTei

    imariki.times.lv

    А теперь сделайте всё в синих тонах и посмотрите насколько станет красивее
  13. aTei

    №1 "Раира"

    @MehOlOLBuC, как видим, верстку не засудили, а значит похвалили Семантика это конечно хорошо, но нужно знать меру. Не относится к верстке, но важно: Не понравились юзабилити, типографика и дизайн. Например, заменив один из заголовков со "Скидки" на "Скидки до 20%" (что указано в подписи к нему), конверсия явно возрастет. Дизайн: он вроде чистенький и красивый, но связи у страхования и бабочек нет. И если диз - точно не ваша парафия, то типографику можно было сделать мило и красиво. Теперь вы знаете в каком направление развиваться. Успехов
  14. aTei

    Делаю сайты

    Сайт, на котором вы предлагаете услуги создания сайтов - первое на что смотрит заказчик.
  15. По центру фон до правок сползал на 14-16 пикселей вниз. А в семействе IE не центрировало контент.