Jump to content

psywalker

Moderator
  • Posts

    13,707
  • Joined

  • Last visited

  • Days Won

    58

Everything posted by psywalker

  1. погоди мих, а ведь такая конструкция тада не будет работать или я тебя не так понял,приведи лучше код пожалуйста p.s. - и не забудь сюда заглянуть: http://forum.htmlbook.ru/index.php?showtop...mp;#entry116098
  2. 1) Отлично, сделал выдвиги поменьше по ширине, думаю так лучше 2) К счастью не имел с ним дело
  3. 1) Ховер эффект не прокатил по ряду причин, но я щас кое что придумал, что-бы было понятнее, на какой странице вы находитесь, зацените 2) Браузер "K-Meleon" - это что такое, я первый раз о нём слышу? http://psywalker.ru/Portfolio/FreshWebLab/home-page.html
  4. psywalker

    Текст

    Не за что, беги учись
  5. Да не за что, пиши если чё
  6. 1) Всё что в начале названия имеют _, предназначены для ИЕ6, это такой как бы хак для него, который видит только этот браузер. А вообще zoom:1; - это запатентованное средство Микрософт, создано для того, чтобы лечить всякие баги в браузерах ИЕ6-7 2) Этот Доктайп более строгий, соответственно код более чистый и правильный, так как ошибки тут не прощаются, я так привык уже
  7. Дим, спасибо за то, что исправил "Портфолио")) А скажи пожалуйста, что именно неинформативно в меню и какое решение можешь предложить?
  8. Вообще бы мог и сам догадаться, лень посчитать? div.wrap { width: 510px; height: 306px; position: absolute; top: 50%; left: 50%; margin-left: -377px; margin-top: -260px; border: 1px solid #000; }
  9. Хватит прикалываться дружище, вот этот код работает начиная с ИЕ5 <!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>Centr</title> <style type="text/css"> *{ margin: 0; padding: 0;} div.wrap { width: 510px; height: 306px; position: absolute; top: 50%; left: 50%; margin-left: -255px; margin-top: -153px; border: 1px solid #000; } </style> </head> <body> <div class="wrap"></div> </body> </html> Блок центрируется ровно по середине экрана
  10. Во первых это пример для наглядности, во вторых если уж на то пошло, надо центрировать не span, а div.wrap, вот он то как раз и отцентрирован! Задай ему бордер и увидешь
  11. Друг, ты ошибся разделом
  12. Блин, торопился я, во дурак, такая очепятка дурацкая, а как исправить, чё то не могу?
  13. Так, посмотреть за завтраком http://fuck-office.com/2009/09/08/tvshow_freelance/
  14. Есть идея в будущем сделать себе сайт-портфолио, и хотелось-бы что-бы работы в нём были идеально отточены и вылизаны до предела. Дело в том, что последняя моя работа, вылаженная на нашем любимом форуме показала, какой я "супер" верстальщик и сколько я делаю ошибок в работе. Конечно же одной работой полагаю это не ограничивается, но зато для себя я вычел много уроков из той вёрстки благодаря вам. Сейчас хотелось бы продолжить традицию и выложить очередную свою вёрстку (4 страницы) на ваш суд. Пожалуйста просьба ко всем не проходить мимо, заглянуть в код, а кому не лень высказать всё, что он думает обо мне и моей вёрстке. Дизайн не интересует, а интересует только код HTML/CSS, и вообще сама работа. Идея с левым меню: Моя Воплощение идеи: Great Rash - За что ему огромное спасибо, исполнил, как всегда на высоте! Всяческая помощь при вёрстке: mishka2 - Спасибо тебе Мишка, в некоторых местах ты неплохо помог В общем идея с левым меню была реализована путём эмуляции позишана-фикседа, работающего везде включая ИЕ6, но при этом повлекла за собой кое какие проблемы, а точнее при сужении экрана не появляется горизонтальная полоса прокрутки, что не очень хорошо смотрится со стороны, да и вообще создаёт некие проблемы. Да и с вертикальным скролом тоже не всё гладко. Левое меню рабочее, так же как и логотип, все 4 страницы. На странице "Contacts" для наглядного примера идеи я заполнил контент текстом. Ребят, в общем зацените работу и расскажите все косяки, которые вы заметите в коде, да и с виду Заранее всем спасибо! http://psywalker.ru/Portfolio/FreshWebLab/home-page.html
  15. Удачи! <!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>Centr</title> <style type="text/css"> *{ margin: 0; padding: 0;} div.wrap { width: 510px; height: 306px; position: absolute; top: 50%; left: 50%; margin-left: -255px; margin-top: -153px; } div.center { width: 100px; height: 100%; position: absolute; left: 205px; top: 0; } span { display: block; width: 98px; height: 99px; border: 1px solid #808080; } span.right { position: absolute; right: 0; top: 105px;} span.left { position: absolute; left: 0; top: 105px;} </style> </head> <body> <div class="wrap"> <div class="center"> <span class="top"></span> <span class="cent"></span> <span class="bottom"></span> </div> <span class="right"></span> <span class="left"></span> </div> </body> </html>
  16. Забудь <!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>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0;} body { min-width: 700px; _width:expression(document.documentElement.clientWidth < 700 ? "700px" : "auto");} div.head { height: 100px; background: #a7a7a7; } div.sidebar { float: left; width: 300px; background: #fee1d1;} div.case_content { overflow: hidden; _zoom:1; } div.case_content div#content_center { float: left; width: 300px; background: #adffe8;} div.case_content div#content_right { overflow: hidden; _zoom:1; background: #f3f3f3;} div.case_content div#content_foot { clear: both; background: #e0c1a2; height: 100px;} div.footer { height: 100px; background: #a7a7a7; } </style> </head> <body> <div class="head">Header</div> <div class="sidebar">Сайдбар(левый) фиксирован по ширине.... по высоте тенятся в зависимости от контента...</div> <div class="case_content"> <div id="content_center">блок фиксирован по ширине, тянется виз... (в зависимости от наполнения контентом)</div> <div id="content_right">резиновый блок, тянется вниз и вправо... (в зависимости от наполнения контентом)</div> <div id="content_foot">резиновый блок, тянется вниз и вправо.</div> </div> <div class="footer">Footer</div> </body> </html>
  17. Воо правильно, вот это другое дело Triumfator В принципе твоя задача просто тупо скопировать мой код и ничего не менять, в плане каркаса, а уже внутрь, в контент можешь засовывать хоть 50 таблиц, а потом просто настраивай прозрачность как тебе хочется в любом браузере
  18. А никто не задумался, как можно решить проблему, которую пытается решить микроформат? Я не понял, s0rr0w тут один такой чтоли?
  19. Конечно же не будет работать, ты бы ещё с фреймами такую штуку промутил, делай дивами, как положено!
  20. В основном щас все сайты натягивают на движок
  21. хаа, ну ты даёшь
  22. http://htmlbook.ru/css/background-repeat.html
  23. Да а как её решить, если все браузеры, которые хоть как то их поддерживают, реагируют только на ихние названия и значения.
×
×
  • 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