relax
Newbie-
Posts
16 -
Joined
-
Last visited
relax's Achievements
Explorer (1/14)
0
Reputation
-
вот на скорую руку сделал пример <!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, вы наверное меня не поняли, так точно не получится
-
Здравствуйте. Такая задача: если посмотреть на 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, когда он в уменьшенном варианте, как можно грамотно это решить?
-
Растянуть input на всю ширину div, минус изображение справа
relax replied to relax's question in HTML Coding
спасибо. именно так и сделал...все получилось -
Растянуть input на всю ширину div, минус изображение справа
relax replied to relax's question in HTML Coding
Таблицами верстать не хочу, ибо не семантично. Да, рисунок фиксированной ширины. Использовать float не получается, если я внутри div`а розмещу 2 div с float: left и right соответственно, и укажу второму div фиксированную ширину, то дивы у меня станут так как нужно, но если я в первый div вставлю input и укажу ему width:100% он растянет этот div до ширины контейнера, а второй div сместит вниз. -
Здравствуйте. Ищу валидное, кроссбраузерное решение одной проблемы, и не получается, пришел спросить вас совета. Суть проблемы: Есть div с резиновой шириной, допустим 30% от размера окна, в нем находится input и img. img прибит к правому краю, а input должен быть на всю ширину дива до изображения. Если непонятно объяснил, могу нарисовать макет.
-
По разному выглядят шрифты в разных браузерах, в Opera, FF у меня все ок, в IE6 проблем
relax replied to relax's question in HTML Coding
так может кто-то поделится мыслями почему у меня в ие шрифт санс-сериф,а не тахома?? я уже грешить на clear-type начал, но с включенным клиртайпом шрифты все равно отличаются, хоть и меньше -
По разному выглядят шрифты в разных браузерах, в Opera, FF у меня все ок, в IE6 проблем
relax replied to relax's question in HTML Coding
а почему же не берет Tahoma?? и как тогда добиться того чтобы шрифты везде были одинаковы?? -
Здравствуйте. Объясните где может быть проблема: Сделал разметку, в 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; } вроде все как бы и верно, и шрифт должен быть одинаковый, а получается вот что:
-
ie6 bug, image поцентру по вертикали при указанной line-height, устал уже...
relax posted a question in HTML Coding
Вот столкнулся с очередным багом 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^ -
Здравствуйте. Появилась проблема, ну никак не могу понять как ее решить, вроде все делаю правильно: задаю шрифт в 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 и шрифт отличается, незнаю даже в чем проблема.
-
Полдскажите хорошие и правильные книги по (x)html, css, javascript, php, ajax
relax replied to relax's question in HTML Coding
Спасибо за советы. psywalker спасибо, согласен начну вначале читать Эрика Мэйера, а затем уже Эндт Бадд. Мастерская CSS. Эрик Мейер известный разработчик, будет интересно и логично вначале почитать вольный перевод спецификации, а затем уже проф. трюки с css. Lincky Лично я считаю что вы почти правы. Так как я пришол с C++ и Delphi то в web я 100% основной упор буду делать на PHP. И самая главная цель стать профессионалом в PHP. Но, я считаю что уделив максимальное внимание php, можно, и нужно, хорошо знать сопутствующие технологии html,css,javascript,ajax,sql. Если посмотреть на хорошие вакансии php разработчика, то у всех доп требования html,css,xml,javascript,ajax,sql. Да и если стать менеджером проекта, нужно хорошо разбираться во всех этих технологиях. Плюс я практикую создание сайта как фрилансер, только дизайн мне делает дизайнер, а верстаю и программирую уже я. Поэтому и собираюсь подтянуть вначале все что касается верстки и аякса, а дальше все силы на пхп и процесс разработки.