maddogrts
-
Posts
704 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by maddogrts
-
-
Необязательно
-
Размещение содержимого блока по центру при owerflow
maddogrts replied to Nil's question in HTML Coding
Слушай давай код рабочий я так понимаю дело не во флешки замени картинкой, давай посмотрим. Что т оменя сомения мучают http://www.vektorzone.narod.ru/css2/visufx...ropdef-overflow -
Ай ай ай разная длинна . Где ? разная ? У каждого элемента есть свой встроинный padding и margin в одном случае ты его убираешь в другом нет. потому и разные. input и select элементы разные и отступы у них тоже разные. Задай всем им одинаковые паддинги )) и все окей будет.
-
Как исключить налезание текста или заставить слои "тянуться"?
maddogrts replied to yurigraphics's question in HTML Coding
Спаботало хорошо ). плавующие блоки во всех браузерах немного подглючиваят из за того что все они (браузеры) по разному считают ширину и высоту )) Но не надо отчаиваться. Почитай про плавующие блоки. И их реализацию. Да если ты пользуешся плавающими блоками то потребность в margin-left: 619px отпадает. http://designformasters.info/posts/css-flo...y-and-practice/ Ну от этого ничего не изменится ))))). А повесил я замечиние не для того что бы ты на стрикт переходил я для того чтобы писал что положенно а не то что ты повесил (уж не знаю был ли это просто проблный вариант ,так не пишут даже для transitional. Не нравиться стрикт меняй на transitional. -
что бы на подвал не налезало . Вот. А задачу я все равно не понял
-
Как исключить налезание текста или заставить слои "тянуться"?
maddogrts replied to yurigraphics's question in HTML Coding
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <style type="text/css" media="screen"> body { width:100%; height:100%; padding: 0px; margin: 0px; font-family: arial, helvetica, sans-serif; font-size: 80%; text-align:center; color: #000000; background: green; } #wrapper { width: 980px; height:100%; background: blue; border-right: 1px solid #5a5a52; border-left: 1px solid #5a5a52; margin: auto; position: relative; } #ad_banner_336x280 { width: 336px; height: 280px; background: red; padding: 10px; right: 0px; float: right; } #news_block_main { width: 594px; background: yellow; padding: 15px; text-align:left; float: left; } #column_1 { width: 296px; padding: 15px; left: 0px; text-align:left; float: left; position: absolute; background: white; } #column_2 { width: 296px; padding: 15px; text-align:left; position: relative; margin-left: 326px; background: #999; } #column_3 { width: 296px; padding: 15px; text-align:left; position: relative; margin-left: 654px; background: brown; } #tray { width: 654px; left: 0px; text-align:left; float: left; position: absolute; background: #f1f1f1; } .clear { clear: both; } </style> </head> <body> <div id="wrapper"> <div id="news_block_main">some text here some text here some te some text here some text here</div> <div id="ad_banner_336x280"><img src="banner_336x280.jpg" width="336" height="280" border="0" /></div> <br class="clear" /> <div id="tray"> <div id="column_1">some text here some texresome text here some text here some text here some text here some text here some text ere</div> <div id="column_2">some text here some text here some text here some text here some text here some text here</div> </div> <div id="column_3">some text here some text here some text here some text here some text here some text here</div> </div> </body> </html> плюс у тебя и все остальные солумбы лезут не туда (это из за абсолютного опзиционирования) position: absolute; меняй на флоат, либо позиционируй абсолютно в относительно позиционированном элементе примом чтобы абсолютно позиционированный элемент был меньше чем относительный. __________________________________________________ добаляй всегда полностью : <!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" xml:lang="en" lang="en"> Это я для примера -
Как исключить налезание текста или заставить слои "тянуться"?
maddogrts replied to yurigraphics's question in HTML Coding
давай код, должен он двигаться ), у тебя что то не так, надо смотреть. -
В верстке без JS никак мое мнение. Тоже осваиваю потихоньку. Щас будут ругать, поясню, для создание хороших эффектов CSS2 маловато пока что (.
-
Scrum Не пали контору
-
увы (, только в винде как нескольно видов настроек. Только взять максимальную )) ), ну и как вариант JS ))
-
Вверху справа стоит рекламный баннер, который у Вас просто не показывается. Видимо у Вас отключен Javascript или еще что-то в этом роде. Я подумаю, как с этим быть.... или подскажите, кто знает! Спасибо. Опера криво работает со скриптами, скрипты не отключены, стоит задуматься.
-
Как исключить налезание текста или заставить слои "тянуться"?
maddogrts replied to yurigraphics's question in HTML Coding
Есть ))))), в em поставь )) (ширину или высоту слоя) например #content {width: 10em} и будет все тянуться -
Если очень надо то JS
-
http://www.positioniseverything.net/explor...hreepxtest.html * html #блоклевый { margin-right: -3px; } * html #центральный { height: 0; margin-left: 0; }
-
_filter и _background боюсь это было к png прозрачности ), картинки все нормальные остались? типа такого было ? Ищи изображение хххх мало ли что _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/хххх.png);
-
Не зачто
-
500р , или ваш код
-
Нифига не понял. Код тоже не понял, /*************************************/ Но когда я вложил в него слой с нижним бг, то в Опере и ФФ мои "100%" остались только на видимой облсти окна, а если текст выходит за границу области (т.е. приходится скролить вниз) то бекграунд не растягивается /*************************************/ Где не растягиваетс чего не растягивается , куда не растягивается ? Напиши что должно быть а лучше нарисуйте. (Ссори я прост оваши мысли не понимаю, уж извините) padding поставте, у вас же селектор универсальный (* - ваша) все отступы убивает. Более конкретно задачу ставте, и проверяйте на валидаторе у вас html не закрыт. И вы туда же, куда стока head ?
-
http://www.htmlbook.ru/content/?id=62
-
Я тебе обяснил, что то что у тебя нарисованно на сайте это не дивы а и вот и вся твоя полоса, сделай ее подругому и все получиться. С чего они тянуться будут ? мне вот интересно
-
<!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css" media="screen"> body, html { margin: 0; padding: 0; border: 0; } body { background: #999; font-family: Verdana; } #container { width: 700px; background: #f7f7f7; border-top: 5px solid blue; border-bottom: 5px solid blue; } p { margin: 0; padding: 0; border: 0; } #content { border-left: 5px solid blue; border-right: 5px solid blue; margin-left: 200px; } </style> </head> <body> <div id="container"> <div id="content"> <p >Home Во-первых, для плавающих блоков должна быть задана ширина, неважно явным или косвенным образом, иначе он заполнит родительский блок, как и обычные не плавающие блоки, не оставив места для обтекания остальным контентом. Во-вторых, в отличие от элементов в основном потоке, вертикальные границы плавающих блоков не объединяются с границами прилежащих блоков. И последнее, плавающий блок может перекрывать элементы уровня блока, смежные с ним в нормальном потоке.</p> <p >News Когда мы устанавливаем для элемента float, он смещаются к правой или левой границе родительского блока, если установить float в том же направлении, для еще одного элемента он будет смещаться к границе предыдущего плавающего элемента, когда элементам перестанет хватать ширины контейнера, они будут перемещаться вниз.</p> <p >Products Плавающий элемент никогда не поднимается выше строки, в которой создан, его верхняя граница выравнивается с верхней границей этой строки (или с нижней границей предыдущего блочного элемента, если нет соответствующей строки).</p> <p >About Плавающий блок позиционируется по вертикали так же, как если бы он был в нормальном потоке, его верхняя граница, выравнивается с верхней границей текущей строки, по горизонтали он смещается к правой или левой границе контейнера настолько, насколько это позволяют отступы контейнера. Остальной контент обтекает его с противоположной стороны.</p> <p >Contact Поскольку плавающие блоки находятся вне основного потока, непозиционируемые элементы возле него располагаются, как будто его нет, но строки в них становятся короче, чтобы освободить место для плавающего блока.</p> </div> </div> </body> </html> У меня почему то все окей, раз так значит ты когда верстал сделал так плохо увы , я бы переделал
-
Это не то что нужно #content{margin-right:230px; height:100%} #l-ugol-content{float:left; margin-left:70px; width:5px; height:100%; background-color:#3767a9} #r-ugol-content{float:right; width:5px; height:70px; background-color:#3767a9} #info{margin-left:90px; margin-right:20px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-image:url(pic/Logotip.gif); background-repeat:repeat-x} "Окей. Обьясните почему все ужасно прописано ???? вот стили на которые лежат в отдельном файле :"Очень плохо, у меня лично глаза даже болят смотреть. Именно поэтому тебе не кто не отвечают очень лениво смотреть на код твоей страницы и врубаться. Есть такая работа как отладка и поиск ошибок, ты что нибдуь слышал об этом? 1. Включи стили в HTML фаил. 2. С помощью коментариев выяви тот участок за который отвечает это твоя синия линия. 3. Вырежь коментарии оставь рабочий минимальный код со своей линией и выложи сюда. И через 10минут тебе ответят с решением, если сам не найдшеь ошибку
-
НЕ хочу лезь в таблицы, выложи минимальный участок кода со стилями. вот тогда и посомтрим. Я думаю если ты отсечешь все лишнее сам увидишь проблему. Если нет тогда поможем
-
http://maddog-rts5.narod.ru/ Белое пятно по прежднему на месте в Opere