Jump to content

mishka

Expert
  • Posts

    2,118
  • Joined

  • Last visited

  • Days Won

    11

Everything posted by mishka

  1. Просто задача не интересная, давно избитая, вот и неохота братся за нее. Ну можешь стукнуть в аську...
  2. Там названна причина - на широком мониторе плохо смотрится, поэтому давайте увеличим весь сайт. Наверное у меня какоето восприятие отличное от восприятия автора статьи, так как я захожу на этот форум, на сайт этого форума, на тот же хабр на монике 1600х1200 и никакого дискомфорта не чувствую. Все отлично растягивается на весь экран. Или я один такой?
  3. Да я же сказал тебе - 2 колонки одинаковой высоты. Так как у тя сайт фикс по ширине, то 3 блока родительских с общим бг, а внутри 2 флоатнотые колонки.
  4. чтобы выпендрится и показать кумунить что сайт в ие6, сафари2 и FF2 при увеличении шрифта масштабирует все, как опера. Ctrl + scroll и они ведут себя как опера(например), но для этого нужно не просто все в em делать, а с умом это делать.
  5. Зачем нужен em в вебе? - чтобы задавать относительные размеры. Относительно чего? Относительно размера шрифта в браузере. По большому счету нужен для ие, так как там есть такая фича - "Вид -> Размер текста -> [выбираем размер]" Так вот зрение у меня плохое, и я в браузере (ие) поставил себе крупный размер, ну для удобства. И вот зашел на этот сайт www.pyatnitca.ком и о ужас что я там увидел. Или я перешел на нормальный браузер FF, но так как у меня и зрение плохое, и моник 1024х768 то я в настройках делаю - масштабировать только текст. Ну меня интересует только чтобы текст был читабелен. И что я там на том сайте увижу? Меня лишили возможности масштабировать только текст, сайт разнесло в стороны, появился неприятный горизонтальный скролл, картина вверху... ужас. Ну и нафиг такой изврат? Сверстать колонки одинаковой высоты. Много постов на эту тему. чтото типа 2 флоат колонки одинаковой высоты. Еще как вариант - JS
  6. Именно из-за того что непонимая что такое em ставишь его куда попало, от этого и валится. все размеры в em - это не показатель крутости. Это обычно показатель неадекватности.
  7. Да это первое чем пытался сделать это... но видимо не так пытался
  8. http://markup-m.narod.ru/tpl/gorizontal_scroll_gallery/
  9. потому что все элементы имеют прямоугольную форму. И ховер будет срабатывать не четко на области, а на прямоугольнике описываюшем область. Так на карте большие областя могут просто закрывать полностью маленькие.
  10. Вот: http://markup-m.narod.ru/tpl/image_map/index.html Только я сделал не на клик а на ховер, мне так кажется удобней...
  11. Макс, ну ты реализуй и покажи. Хотел вчера сделать и выложить на серв.... но когда хотел сделать image-map то имел неосторожность запустить дрим портейбл... слетели все адобы... теперь вот все переустанавливаю. Кстати может кто подскажет как очистить в фотошопе предыдущую лицензию? Без переустановки винды?
  12. Макс, обьясни пожалуйста, как такое сделать на цсс-ховере?
  13. mishka

    Отступы

    Я делал без использования картинок, чтобы легко в css можна было поменять. И то что ты предложил работать не будет, так как нижний бг в данном случае нельзя подцепить на html или body. Если с картинками делать то тогда так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html{ height:100%; } body{ margin:0; height:100%; background:url(bg.gif) repeat-x; } #wrapper{ min-height:100%; border-style:solid; border-width:0 10px; border-color:#d03900; overflow:hidden; background:url(bg.gif) repeat-x 0 100%; } * html #wrapper{ height:100%; overflow:visible; } </style> </head> <body> <div id="wrapper"> <p>Lorem ipsum dolor sit amet consectetuer Vestibulum convallis platea condimentum felis. Vitae magnis cursus orci turpis accumsan montes orci interdum ligula Vestibulum. Ullamcorper dignissim vel interdum et eros sagittis facilisi metus mus vel. Nunc Nam nibh tincidunt elit id lacinia non dui lorem lobortis. Diam eu eget In Ut a laoreet eget convallis et faucibus. Tellus facilisi mollis sapien sagittis.</p> <p>Penatibus vestibulum Nullam elit pede condimentum wisi fermentum et nonummy nunc. Lorem id dolor hendrerit et laoreet quis Curabitur cursus et interdum. Turpis Nam nec Cras rhoncus accumsan vitae et ut Nunc congue. Suspendisse ornare Lorem nibh gravida pretium sollicitudin laoreet Lorem laoreet tincidunt. Elit tortor sit accumsan Phasellus pretium tellus magnis nibh orci nascetur. Dolor urna turpis ullamcorper Sed Nunc.</p> </div> </body> </html>
  14. mishka

    Отступы

    Ну отдохнули годик и снова взялись Я бы задачу так решил <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html{height:100%;} body{ margin:0; height:100%; background:#d03900; } .bt, .bb{ height:10px; background:#d03900; overflow:hidden; margin:-10px 0 0; position:relative; } .bt{margin:0 0 -10px;} #wrapper{ min-height:100%; margin:0 10px; background:#fff; } * html #wrapper{height:100%;} #main{ padding:10px; } </style> </head> <body> <div class="bt"></div> <div id="wrapper"> <div id="main"> <p>Lorem ipsum dolor sit amet consectetuer auctor sed neque rhoncus elit. Malesuada quis leo pretium Nulla consectetuer quam sit Suspendisse at sed. Vestibulum nunc Integer Lorem eget Phasellus convallis neque convallis ut Nulla. Nibh quis eleifend nec et habitant senectus eget wisi morbi ante. Neque adipiscing nec pede nunc a tellus semper eget nibh Vivamus. Diam.</p> <p>Ligula eleifend ac dictum ut elit felis massa Maecenas congue in. Justo et id et pretium enim consequat feugiat nascetur auctor Nam. Id vestibulum justo parturient diam pretium lorem ante dui gravida auctor. Lorem Sed egestas a Curabitur Quisque et sociis aliquam commodo suscipit. Consectetuer mauris Ut turpis wisi.</p> </div> </div> <div class="bb"></div> </body> </html>
  15. .row{ height:1%; /* возможно придется вместо этого ставить zoom:1; а вообще, если на валидность пофиг, то можна сразу зум ставить */ overflow:hidden; } label{ float:left; width:300px; text-align:right; } input{ float:left; }
  16. В первом случае сделать элемент блочным (display:block). Во втором инлайновым (display:inline)
  17. Да уж, это вам не какой-нибудь сайт визитка...
  18. Ты наверное пошутил ) Голландцы замечательно рисуют веб дизы. Почти все русские равняются на сайты Лебедева. Я немогу сказать что у него дизайны хорошие. Мне твои дизы больше понравились, хотя я видел только 2 (только какието одинаковые они у тебя). Ну штамповать-штамповать ненадо. А вообще не прогадаешь.
  19. можна спану просто display:block; а все остальное оставить как есть.
  20. Выбирай что больше подходит: 1. Забить на мертвый браузер FF2 2. Найти другое решение. Например флоатами.
  21. Verder, насчет Украины ты опять заблуждаешься. Да одинаково делают что в России что в Украине. Просто ты смотришь на фриланс. На фрилансе качество это редкость. Ты давал линку на ролик где Лебедев рассказывает про себя и свою студию. Так там Лебедев сказал что в Украине много талантов, только они работают на запад.
  22. А подправить редактор так чтобы юзер в редакторе набрать заголовок, присвоил ему стиль "заголовок 2" и текст обернулся не просто тегом <h2></h2>, а например <div class="heading"><h2></h2></div> получится?
  23. mishka

    HasLayout

    Я тоже абсолютно ничего неимею против схлопывания маргинов. Но в данном случае в ие6 они себя ведут неадекватно, если есть картинка флотнутая, или блочек какойнить. Поэтому поставь не маргин, а падинг. Только ставь паддинг на абзацы и заголовки не вверху и внизу, а только снизу.
  24. mishka

    HasLayout

    У абзацев убери маргин и сделай паддинг, и увидишь что это не у картинки трабла, это у нижнего абзаца дублируется отступ. Можна конечно.
  25. Если спану вместо ширины поставить минимальную ширину, то все будет гуд. SelenIT, красавчег, шикарный подход с минимум html и отсутствием графики. Супер.
×
×
  • 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