Jump to content

relax

Newbie
  • Posts

    16
  • Joined

  • Last visited

relax's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. ширина не фиксированная. то был просто пример, показать в чем проблема
  2. эх я так делал и все бы было отлично, но, там где блок видео может быть разной высоты (так как там еще заглавие, а оно может иметь несколько строк, из-за этого меняется высота) это не подойдет, я просто незнаю какой размер маржина мне указать
  3. а можете подкорректировать мой вариант, чтобы донести до меня суть. Так ка я не могу понять, как сайд бар который находится внутри контента может быть на уровне блока видео, когда тот в неразширенном варианте
  4. вот на скорую руку сделал пример <!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. Здравствуйте. Такая задача: если посмотреть на 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, когда он в уменьшенном варианте, как можно грамотно это решить?
  6. спасибо. именно так и сделал...все получилось
  7. Таблицами верстать не хочу, ибо не семантично. Да, рисунок фиксированной ширины. Использовать float не получается, если я внутри div`а розмещу 2 div с float: left и right соответственно, и укажу второму div фиксированную ширину, то дивы у меня станут так как нужно, но если я в первый div вставлю input и укажу ему width:100% он растянет этот div до ширины контейнера, а второй div сместит вниз.
  8. Здравствуйте. Ищу валидное, кроссбраузерное решение одной проблемы, и не получается, пришел спросить вас совета. Суть проблемы: Есть div с резиновой шириной, допустим 30% от размера окна, в нем находится input и img. img прибит к правому краю, а input должен быть на всю ширину дива до изображения. Если непонятно объяснил, могу нарисовать макет.
  9. так может кто-то поделится мыслями почему у меня в ие шрифт санс-сериф,а не тахома?? я уже грешить на clear-type начал, но с включенным клиртайпом шрифты все равно отличаются, хоть и меньше
  10. а почему же не берет Tahoma?? и как тогда добиться того чтобы шрифты везде были одинаковы??
  11. Здравствуйте. Объясните где может быть проблема: Сделал разметку, в 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; } вроде все как бы и верно, и шрифт должен быть одинаковый, а получается вот что:
  12. Вот столкнулся с очередным багом 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^
  13. Здравствуйте. Появилась проблема, ну никак не могу понять как ее решить, вроде все делаю правильно: задаю шрифт в 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 и шрифт отличается, незнаю даже в чем проблема.
  14. Спасибо за советы. psywalker спасибо, согласен начну вначале читать Эрика Мэйера, а затем уже Эндт Бадд. Мастерская CSS. Эрик Мейер известный разработчик, будет интересно и логично вначале почитать вольный перевод спецификации, а затем уже проф. трюки с css. Lincky Лично я считаю что вы почти правы. Так как я пришол с C++ и Delphi то в web я 100% основной упор буду делать на PHP. И самая главная цель стать профессионалом в PHP. Но, я считаю что уделив максимальное внимание php, можно, и нужно, хорошо знать сопутствующие технологии html,css,javascript,ajax,sql. Если посмотреть на хорошие вакансии php разработчика, то у всех доп требования html,css,xml,javascript,ajax,sql. Да и если стать менеджером проекта, нужно хорошо разбираться во всех этих технологиях. Плюс я практикую создание сайта как фрилансер, только дизайн мне делает дизайнер, а верстаю и программирую уже я. Поэтому и собираюсь подтянуть вначале все что касается верстки и аякса, а дальше все силы на пхп и процесс разработки.
×
×
  • 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