Jump to content

Amigos

User
  • Posts

    93
  • Joined

  • Last visited

Everything posted by Amigos

  1. 2klierik читаем внимательно (цитирую первую строчку сабжа) "Это из серии "На заметку" наверно..."
  2. Шрифтом. Невоможно, никак, нигде и не при каких обстоятельствах. Бьётся кернинг шрифта при любом вмешательстве изменений откланающих текст хотя бы на 1 градус, будь то скрипт или уж тем более фильтр который при этом теряет половину свойств потому что фильтр это уже не текст. Единственный вариант картинка +) Ещё можно скриптом конвертить вертикальные надписи(как уже было проиллюстрировано выше) я правда ещё один способ заню и то со своими накладками, оооочень замороченый только. долго описывать не хочется.(
  3. http://www.artlebedev.ru/tools/browsers/ а у нас что IE6 стал first-child поддерживать?!.
  4. формула (от лат. formula — уменьшительное от forma — образ, вид ) — всякая символическая запись (в виде выражения, равенства или неравенства), содержащая какую-либо информацию. "координата _x PNG = ширина картинки - 100px; " ... ещё глупые комменты будут?!
  5. www.artlebedev.ru +) логотип. скорее всего таже пижня. в любом случае наведение со сменой цвета рамки на разные цвета это работа скрипта, HTML\CSS не хватит. самое простое 1)создаешь массив из цветов 2)пишешь простейший счетчик который будет передирать твой массив 3) и заводишь всё это по событию hover. или over, или releas .................
  6. http://forum.htmlbook.ru/index.php?showtopic=10112 в самом низу.
  7. формулы, извращения какие-то. создаешь контейнер левую каритнку кладеш слева . правую на выбор. float: right; position: absolute; margin-right: 0; или right: 0; ..............................
  8. картинке тупо ставишь zoom: 1; для ссылок и других элементов ещё position: relative; не помешает. только зачем тебе там карта, не вижу никакого смысла.
  9. у тебя очень простой макет, всё прекрасно реализуется с помощю резины. 1) красный фон JPG 2) 4 полупрозрачных PNG (двери, лого, лесница, и тёлка). 3) ещё одна PNG - кусок верхней части content-блока. двигаться будет так - при растяжении экрана content-блока с лестничуй(или с лестницей и тёлкой) будут ездить вправа, и обратно. вопрос насчет смещения чего либо за часть экрана так чтобы показывалось людям с хорошим разрешением решается просто... ставишь необходимым элементам которым нужно это расположение процентный отступ left, margin-left, а обрамляющему (блоку родителю) блоку этот элемент свойство стиля overflow: hidden; вот и всё.
  10. страшная какая-то конструкция. ИМХО Для всего твоего хедера на самом деле хватило бы на 100% следующей конструкциией: <h1><a href></a></h1> <ul id="header"> <li>Город, улица 0</li> <li>firm@domain.com</li> <li>тел. (000) 111-22-33</li> </ul> либо так <ul id="header"> <h1><a href></a></h1> <li>Город, улица 0</li> <li>firm@domain.com</li> <li>тел. (000) 111-22-33</li> </ul> либо вообще вот так <ul id="header"> <li><a href></a></li> <li>Город, улица 0</li> <li>firm@domain.com</li> <li>тел. (000) 111-22-33</li> </ul> <h1>название лого сайта</h1> H1 это не просто заголовок, а приоритет поиска определённого типа текста для поисковых машин, таким образом сомнительно пытаться засовывать картинку в H1 не несущей в себе на самом деле никакой конструктивной информации кроме ALt. Но если решать таким образом задачу H1 можно и <UL> тег к верху засунуть(это может конечно не так гламурнос точки зрения симантики, но ввариант ни чем не хуже любого другого если отбросить идею что в списках должен находитьяс список, только список и ничего кроме списка. На самом деле практика показывает что порой в списках может вполне помещается ещё одно целое дерево сайта. так как порой и для целого сайта нужен список сайтов+)), либо добавить твой h1 (книзу) как в примере и в свойствах стиля сказать ему visibility: hidden; кажется так. css не прилгаю, нет времени. или тогда не сейчас
  11. нет так нет, стало быть пишим 2 строчи на JS или одну на Jquery. переключалка готова. Что-то же должно же быть в любом случае, иначи бессмыслица получается.
  12. Amigos

    Google Chrome

    Вот вам и Хром +) Вешаем ссылку на браузер <a href="evil:%">killme</a> и смотрим как он умирает сов семи закладками+)
  13. Amigos

    Google Chrome

    Если в адресной строке написать about:internets , то заголовок окна изменится на "the tubes are clogged"
  14. Amigos

    IE8 Beta

    Кстати замечу интересное мнение отностиельно ложности статистики от W3Counter, не раз уже натыкался на статьи в буржуийских сайтах об этом.
  15. Делов то. CSS <style type="text/css"> ul.menu, ul.menu * { text-decoration: underline; border: 1px solid #000; position: relative; background: #ccc; overflow: hidden; display: block; padding: 0; margin: 0; float: left; } ul.menu li a { background: url('/fucking-spacer/'); width: 100%; height: 100%; position: absolute; } ul.menu li.selected { text-decoration: none; background: #0000ff; color: #fff; } ul.menu li.selected a { display: none; } </style> HTML (ссылки активные) <ul class="menu"> <li><a href=""></a>link-text1</li> <li ><a href=""></a>link-text2</li> <li><a href=""></a>link-text3</li> <li><a href=""></a>link-text4</li> <li><a href=""></a>link-text5</li> </ul> HTML (одна ссылка неактивна) <ul class="menu"> <li><a href=""></a>link-text1</li> <li class="selected"><a href=""></a>link-text2</li> <li><a href=""></a>link-text3</li> <li><a href=""></a>link-text4</li> <li><a href=""></a>link-text5</li> </ul> Меню за 4 с половиной минуты. Изучи, мудрый флудофоб.+)
  16. jquery. и его возможность использовать class и id, Css свойств, не добавляя при этом лишней писанины в код страницы, один из самых валидных вариант.
  17. Amigos

    IE8 Beta

    2OldNick совершенно не уместный комментарий. Спорно что интересно? что в любому начинающимуся сегодня проекты нужно изначально закладывать фундамент и на завтряшний день?! Спорно то что завтра технологии шагнут вперед?! ... так что же спорно?! Помоему всё вполне очевидно, это только новечкам дарована уникальная возможность не думать о завтряшнем дне, так как им и за сегодняшний бы научиться отчитываться. Смысл сабжа выше как таковой ГуглБраузер касается очень косвенно, и речь идет совсем о другом. Изучай.
  18. Amigos

    Google Chrome

    2ZoNT А ты ещё на хабре посмотри что с ним сделать при помощю цыкла пытались
  19. делается элементарно c помощю одного только CSS. больше ничего нетребуется.
  20. Amigos

    Google Chrome

    2ZoNT +) фаром разве что только яичницу не жарить. Ну что думаете насчет браузера? Освоится за год?!+) Как уже и было сказано, гугл фигну не делает.
  21. Конкретно нужно переверстать. времени жаль нет сейчас искать полноценное решение. Для ie6 починить так, но это плохой вариант - нужна в любом случае кроссбраузерность. <div id="logo" style="left: 0; position: absolute;"> <div id="main" style="position: absolute;"> Покури пока, ребята на формуе проснутся, посмотрят и отпишут лучше. я смотрел очень поверхностно.
  22. На самом деле у тебя очень простая задача, но при этом верстка сайта, да и стили тоже так изуродованы, что тяжело разобраться на первый взгляд даже в очевидных вещах. Валидация. Ошибки. (в 62 строчке нашелся лишний "</ul>") Пробелма в том что IE не прожевал по какой-то причине у блока <div id="logo"> свойство float: left. Кроме того важно помнить что IE6 очень зависимы от свойства position: relative; Друзья, вот классический пример как верстать не следует. Всем известно что IE6 является большим камнем предкновения, при разработке сайтов. Новички, или люди не очень точно разбирающиеся в этих особенностях - облегчите себе жизнь, начинайте сразу верстать под IE6 и FF(2) к примеру, либо проверяйте под большим количеством Brw. сразу. Тем самым вы решите массу проблем, и в дальнейшем под сафари или ff3 или опера, опитимизировать код намного проще, и менее затратнее, эти браузеры отробатывают чеснее.
  23. ...и уж если делаешь список, делай его списком UL, DL !+)
  24. +) query-string: /?_tra_ta_ta, хотя кеш действительно может быть и серверным.
  25. Глупости, всё намного проще. (пишу правда наугад без проверки, проверьте везде ли сработе. Здесь главное само решение) <style type="text/css"> .link { position: relative; width: 20%; } .link div { position: relative; display: inline; left: 100%; } </style> <div class="link"> <div>alt-text</div> link-text </div>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy