Jump to content

relax

Newbie
 View Profile  See their activity

  • Posts

    16

  • Joined

  • Last visited

 Content Type 

Everything posted by relax

  1. relax
    ширина не фиксированная. то был просто пример, показать в чем проблема
  2. relax
    эх я так делал и все бы было отлично, но, там где блок видео может быть разной высоты (так как там еще заглавие, а оно может иметь несколько строк, из-за этого меняется высота) это не подойдет, я просто незнаю какой размер маржина мне указать
  3. relax
    а можете подкорректировать мой вариант, чтобы донести до меня суть. Так ка я не могу понять, как сайд бар который находится внутри контента может быть на уровне блока видео, когда тот в неразширенном варианте
  4. relax
    вот на скорую руку сделал пример <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Insert title here</title> <style> #header { width: 960px; height: 100px; background-color: #AAA; margin: 0 auto; } #main { width: 960px; margin: 0 auto; } #video { margin: 5px 0; width: 640px; height: 360px; background-color: #AAA; float: left; } #content { width: 640px; height: 500px; margin: 5px 0; background-color: #AAA; float: left; } #sidebar { float: right; width: 300px; height: 900px; margin: 5px 0; background-color: #AAA; } </style> <script type="text/javascript"> function aaa() { document.getElementById('video').style.width = '960px'; } </script> </head> <body> <div id="header"></div> <div id="main"> <div id="video"> <button onclick="aaa();">Expand</button> </div> <div id="sidebar"></div> <div id="content"></div> </div> <div id="footer"></div> </body> </html> так вот, он работает, но мне нужно чтобы блок #content был выше блока #sidebar, когда я их меняю сеставми смотрите что выходит Justnewone, вы наверное меня не поняли, так точно не получится
  5. relax
    я непонятно тему описал? никто даже не заглянул в нее
  6. relax
    Здравствуйте. Такая задача: если посмотреть на Youtube, там блок видео может расширятся на ширину сайта, а сайд бар соответственно опускается ниже. Сверстать такое совсем не является проблемой, например так: http://www.jankoatwarpspeed.com/post/2009/...css-jquery.aspx структура только получается вот такая <div id="header"></div> <div id="main"> <div id="video"></div> <div id="sidebar"></div> <div id="content"></div> </div> <div id="footer"></div> но у меня проблема в том, что нужно (для SEO), чтобы блок #content был сразу за блоком #video, и затем следовал #sidebar. Если я так размещаю блоки, то не получается поднять $sidebar на уровень с #video, когда он в уменьшенном варианте, как можно грамотно это решить?
  7. relax
    спасибо. именно так и сделал...все получилось
  8. relax
    Таблицами верстать не хочу, ибо не семантично. Да, рисунок фиксированной ширины. Использовать float не получается, если я внутри div`а розмещу 2 div с float: left и right соответственно, и укажу второму div фиксированную ширину, то дивы у меня станут так как нужно, но если я в первый div вставлю input и укажу ему width:100% он растянет этот div до ширины контейнера, а второй div сместит вниз.
  9. relax
    Здравствуйте. Ищу валидное, кроссбраузерное решение одной проблемы, и не получается, пришел спросить вас совета. Суть проблемы: Есть div с резиновой шириной, допустим 30% от размера окна, в нем находится input и img. img прибит к правому краю, а input должен быть на всю ширину дива до изображения. Если непонятно объяснил, могу нарисовать макет.
  10. relax
    так может кто-то поделится мыслями почему у меня в ие шрифт санс-сериф,а не тахома?? я уже грешить на clear-type начал, но с включенным клиртайпом шрифты все равно отличаются, хоть и меньше
  11. relax
    а почему же не берет Tahoma?? и как тогда добиться того чтобы шрифты везде были одинаковы??
  12. relax
    Здравствуйте. Объясните где может быть проблема: Сделал разметку, в Opera, FF у меня с шрифтами все ок, везде одинаковые, в IE6 проблемы, шрифт какой-то тонкий, смотрю на другой машине, в FF, IE7 -все ок, в опере этот же противный тонкий шрифт. Вот описываю подробно ситуацию: index.htm <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="css/style.css" media="screen, projection" /> <title></title> </head> <body> <div style="font: 1.6em Tahoma, Geneva, sans-serif; font-weight: bold;">Главная</div> </body> </html> style.css html { font-size: 100.01%; } body { font: 0.625em Tahoma, Geneva, sans-serif; color: #000; } #mytext { font-size: 1.6em; font-weight: bold; } вроде все как бы и верно, и шрифт должен быть одинаковый, а получается вот что:
  13. relax
    Вот столкнулся с очередным багом ie6. есть такая разметка <div id="company"><a href="#">Тра-ля-ля <img src="../img/abc.jpg" /></a></div> и css div#company { float: right; text-align: right; line-height: 40px; } div#company img { vertical-align: middle; border: none; } так вот в нормальных браузерах текст и изображение размером 20х20пх отображается по центру по вертикали, а в IE6 подпрыгивает вверг дива, как будто не учитывается line-height: 40px;. Как исправить жту проблему в IE^
  14. relax
    Здравствуйте. Появилась проблема, ну никак не могу понять как ее решить, вроде все делаю правильно: задаю шрифт в css html { font-size: 100.01%; } body { font: 62.5% Tahoma, Geneva, sans-serif; } h1 { color: #26a6af; font-weight: bold; font-size: 1.6em; text-decoration: none; } вроде все ок, должно все работать. Я работаю на линуксе, на нем виртуальный winXP, проверяю на нем, на opera, firefox, ei8 - все ок, никаких отличий. Беру ноутбук, открываю эту страницу в opera b ie7 и шрифт отличается, незнаю даже в чем проблема.
  15. relax
    Спасибо за советы. psywalker спасибо, согласен начну вначале читать Эрика Мэйера, а затем уже Эндт Бадд. Мастерская CSS. Эрик Мейер известный разработчик, будет интересно и логично вначале почитать вольный перевод спецификации, а затем уже проф. трюки с css. Lincky Лично я считаю что вы почти правы. Так как я пришол с C++ и Delphi то в web я 100% основной упор буду делать на PHP. И самая главная цель стать профессионалом в PHP. Но, я считаю что уделив максимальное внимание php, можно, и нужно, хорошо знать сопутствующие технологии html,css,javascript,ajax,sql. Если посмотреть на хорошие вакансии php разработчика, то у всех доп требования html,css,xml,javascript,ajax,sql. Да и если стать менеджером проекта, нужно хорошо разбираться во всех этих технологиях. Плюс я практикую создание сайта как фрилансер, только дизайн мне делает дизайнер, а верстаю и программирую уже я. Поэтому и собираюсь подтянуть вначале все что касается верстки и аякса, а дальше все силы на пхп и процесс разработки.
  16. relax
    Здравствуйте. Вопрос к мастерам с хорошим опытом. Какие книги вы читали чтобы поднять свой уровень в web-разработке. Предисловие: я программист, по профеcсии работаю достаточно давно, программирую под различные СУБД на win32, хорошо знаю ООП, немного читал о паттернах проектирования, неплохо разбираюсь в синтаксисе html, css, javascript, php. Теперь решил досконально изучить web-разработку. По этой теме достаточно много книг, но очень много реально противопоказано читать, сейчас во время web-стандартов и div разметки, читать о старых приемах с таблицами и даже без намека на существование стандартов страшно и очень неправельно. Хороших книг как я понял мало. Вот и появился вопрос: посоветуйте реально стоящие книги, которые учат правильно смотреть на верстку, которые учат правильным приемам css-разметки. Которые Вы, как профессионал, держите у себя на полке и считаете что книга очень полезна. Я не новичок, так что желательно книги с серьезным уровнем. Я пока прочитал: Джеффри Зельдман. Web-дизайн по стандартам. Собираюсь читать: 1. Эндт Бадд. Мастерская CSS. Профессиональное применение web-стандартов. 2. Дмитрий Котеров "PHP5 в подлиннике", (Наиболее полное руководство по PHP5, примеры на PHP5, XML, ООП.) 3. Э. Гутманс, С. Баккен, Д. Ретанс. PHP 5 Профессиональное программирование Как вам такой выбор? что еще посоветуете? что можно по javascript почитать, по AJAX, по разным фреймворкам, по микроформатам?? Можно советовать и книги на английском, но они идут у меня сложно, уровень еще не тот. А какие ресурсы можете посоветовать? я пока завсегдатай на habrahabr.ru и присматриваюсь к alistapart.com. Жду ваших комментариев. Спасибо.
×
×
  • 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

  I accept