alexlut

<a href="#" ONCLICK="window.open('адрес_открываемой_в_окне_страницы.html','','Toolbar=0, Location=0, Directories=0, Status=0, Menubar=0, Scrollbars=0, Resizable=0, Width=550, Height=400');">ссылка</a> где: Toolbar=[yes|no|1|0] - Присутствие Панели инструментов Location=[yes|no|1|0] - Присутствие адреса Directories=[yes|no|1|0] - Присутствие ссылок Status=[yes|no|1|0] - Присутствие статустной строки Menubar=[yes|no|1|0] - Присутствие меню Scrollbars=[yes|no|1|0] - Присутсвие прокрутки Resizable=[yes|no|1|0] - Изменение размера окна мышью Width=[pазмеp в пикселях] - Высота окна Height=[pазмеp в пикселях] - Ширина окна

Спасибо за помощь! Я думаю этот информативный топик можно смело удалять

1. Да, фиксированная 2. Постоянное 3. Да

Простите, что пропал. Угоняли в командировку. Рисовал сам, в Akelpad-е. Однажду увидел оформленную в .txt таблицу - прикололо. Ну, оттуда и пошло... А по делу: я так понял, что задать такое расположение элементов (не обязательно слоев) ┌──────────────┐ ┌──────────────┐ │ │ │ │ │ │ │ │ │ │ └──────────────┘ │ │ │ │ ┌──────────────┐ │ │ │ │ │ │ │ │ └──────────────┘ └──────────────┘ без вложенных дивов невозможно? Тем более, если ширина не фиксированная. Или я все-таки ошибаюсь? P.S. И не выделываюсь я. Просто, по-моему, доходчиво проиллюстрировал то, что хотел узнать. Если это плохо - только скажите - буду рисовать картинки.

Такой макетец: ┌──────────────────────────────────────────────────┐ │ │ │ Каля-маля │ │ ┌───────────┐ │ │ │ │ ☻ 111111 │ │ │ │ ☻ 222222 │ │ │ Рису- │ ☻ 333333 │ │ │ нок │ │ │ │ │ │ │ │ │ │ │ │ │ ☻ 44444 ☻ 55555 │ │ └───────────┘ ────────────────────────────── │ │ │ │ │ │ │ │ │ │ │ │ │ └──────────────────────────────────────────────────┘ Соответственно - картинке задаю float: left, тегу списка 1-2-3 - тоже, но не догоню, как прижать горизонтальный список 4-5 к правому краю напротив нижнего обреза рисунка.Если задать clear: left, то список 4-5 падает под рисунок, а если задать ему float: right и большой margin-top - то рисуется правее 1-2-3. Помогите советом!

Я таки дико прошу прощения за оффтоп, но "ЕвроППа" (при всем моем уважении к товарищу klierik-у) ни в одном из языков не пишется с двумя "П"! А также ИЗ КИТАЯ, но никак не С КИТАЯ. (Еще раз прошу мня простить)

Поиграйтесь с overflow, а чтобы текст не прыгал - используйте неразрывные пробелы (http://www.webtest.philigon.ru/articles/nbsp/)

Располагаю рядом два fieldset-а <div id="content"> <fieldset> <legend>Покупка</legend> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> </fieldset> <fieldset> <legend>Продажа</legend> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> </fieldset> </div> css: #content { position: relative; margin: 0; padding: 0; min-height: 100%; min-width: 925px; _width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 925? "925px": "100%"); } fieldset { display: inline; overflow: auto; width: 46%; margin: 2%; padding: 15px; } legend { letter-spacing: 0.3em; color: #666666; } Хочу избавиться от ограничения ширины окна браузера, а они (fieldset-ы) при разных разрешениях прыгают как хотят. Почему такая беда? padding-и в филдсетах обнулял - не помогло...

К сожалению, рубленные края gif-ов настольго гробят дизайн, что легче отказаться от перекатывания! Там в тенях вся фишка заложена. На этой неделе, если контент будет готов, собираемся выкладывать. Обязательно похвастаюсь в Обсуждении работ

Спасибо klierik, идею уловил. Даже попробовал осуществить: * html #menu a { margin: 0; } #menu a:hover { cursor: pointer; } #menu a.about { background: url(img/about.png); } #menu a.about:hover { background-position: bottom; } * html #menu a.about { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/about.png"); } * html #menu a.about:hover { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/about_push.png"); } Но все равно - то ли :hover не срабатывает из-за background: none;, то-ли еще чего, но картинка при наведении курсора не меняется. Хотя IE6 и перестал ругаться на скрипты...

А сам рисунок можно сделать длиннее - чтобы при уменьшении ширины часть его просто пряталась под слой.

А если есть блок с рамкой, высота которого определяется картинкой слева. И надо чтобы напротив картинки справа точно посередине ее высоты (симметрично, то-есть) был текст в пару-тройку строчек. Как подогнать padding и margin?

Пишу: p.topic { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #996600; vertical-align: middle } Вставляю в блок, высота которого больше высоты строки, а абзац как выравнивался по верху, так и продолжает. Я так понимаю, что для блок, в котором он лежит - это родительский элемент (см. цитату выше). Или я чего-то не понимаю?

В конце концов назначил непосредственно ссылкам, #menu a { display: block; width: 75px; height: 75px; filter: expression(fixPNG(this)); margin-left: 10px; } чем добился прозрачности плюнув на перекатывание в IE6. В других браузерах все работает как надо. Дизайн в IE6 конечно от этого несколько увял, но я оставил это на совести Microsoft... Но тему наверное закрывать не стоит - а вдруг кто-нибудь что-нибудь все же придумает - так сказать, для потомков

В примерах от PacMan и Lazar div-подложка растягивается на 100% ширины родительского элемента. Как сделать, чтобы она была по ширине всавляемого рисунка? У меня получилось только когда я засунул всю конструкцию еще в один див с float: left, и то в IE6 не срабатывает...

А про float я и забыл!!! Надо же - два дня назад тему про него постил... Заклинило, видимо... Спасибо, yopopt!!!

Нужно расположить несколько ссылок-картинок (меню) по горизонтальной дуге. Думал сделать так: #menu li { position: relative; display: inline; } #menu li a { display: block; margin-left: 30px; width: 75px; height: 75px; } а уже сами ссылки подогнать по высоте при помощи top: xx; но оказалось, что при помещении блочных ссылок внутри встроенных [*], последние дружно выстраиваются столбиком. В чем моя ошибка?

а как ручками сделать так, чтобы фильтр действовал только в IE?

На главной странице HTMLbook есть ссылка на статью "Эффект перекатывания с помощью стилей" (http://htmlbook.ru/content/?id=110). Способ отличный, и выручал не раз. А тут столкнулся с проблемой: при использовании скрипта PNG-fix эффект не срабатывает... Помогите пожалуйста, если кто в курсе!

Спасибо! попробовал - работает, но использовал другое решение (подробнее http://www.forum.htmlbook.ru/index.php?showtopic=5149) или, чтоб не лазить лишний раз: margin-left: 2%; display: inline; /* это лечит удваивание magin-а */ ТЕМА ЗАКРЫТА! klierik-у СПАСИБО!!!

Вот код целиком. Сравните в Опере, FF и IE6 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> <!-- html, body { margin: 0; padding: 0; width: 100%; height: 100%; background: #ffcccc; } div#measurer { position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px; } #content { position: relative; overflow: auto; margin: 0; padding: 0; min-height: 100%; min-width: 925px; max-width: 1400px; } * html #content { height: 100%; overflow: visible; width: expression( ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 925 ) ? '925px' : ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 1400 ) ? '100%' : '1400px' ); } #header { height: 150px; background: #FF0000; margin-bottom: 30px; } #block { float: left; margin-right: 1%; margin-left: 2%; margin-bottom: 50px; background: #FF0000; } #footer { position: relative; margin-top: -50px; padding-left: 15px; padding-top: 17px; height: 33px; background: #FF0000; } --> </style> </head> <body> <div id="measurer"></div> <div id="content"> <div id="header"></div> <div id="block" style="width: 50%"> <h1>...</h1> <p> </p> <p> </p> </div> <div id="block" style="width: 20%"> <p> </p> <p> </p> </div> <div id="block" style="width: 20%"> <p> </p> <p> </p> </div> </div> <div id="footer"><p>...</p></div> </body> </html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> ... </head> <body> <div id="measurer"></div> <div id="content"> <div id="header"></div> <div id="block" style="width: 50%"> <h1>...</h1> <p> </p> <p> </p> </div> <div id="block" style="width: 20%"> <p> </p> <p> </p> </div> <div id="block" style="width: 20%"> <p> </p> <p> </p> </div> </div> <div id="footer"><p>...</p></div> </body> </html> Пробовал для block задавать явный margin-left: 30px; те же яйца: в FF и Опере - пиксель в пиксель, а в IE6 :/

* html #content { - я думал, что это и является хаком для IE6 ps Проблема и возникает в шестой версии pps А в яве я тоже не силен - скрипт позаимствовал с сайта Альфа-банка целиком. Меняю значения под свои нужды, ну и живу потихоньку...

Есть блок content, растянутый на весь экран с ограничением минимального разрешения: div#measurer { position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px; } #content { position: relative; overflow: auto; margin: 0; padding: 0; min-height: 100%; min-width: 925px; max-width: 1400px; } * html #content { height: 100%; overflow: visible; width: expression( ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 925 ) ? '925px' : ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 1400 ) ? '100%' : '1400px' ); } Когда внутри этого блока размещаю три последовательных float: left блока вида: #block { float: left; margin-right: 1%; margin-left: 2%; margin-bottom: 50px; } то в Опере и Мозилле левый отступ отображается как надо, а в IE - улетает пикселей на 60 от левого края. Подскажите пожалуйста, что не так? ps Даже если втыкаю один блок - та же история... pps У отступы тоже обнулены