Jump to content

NuShiKo

Newbie
  • Posts

    26
  • Joined

  • Last visited

Everything posted by NuShiKo

  1. NuShiKo

    SSI

    вроде подключен уже автоматически проверяются на наличие ssi директив файлы с расширением .shtml если нужно чтобы проверялись еще какие-нибудь можно прописать в .htaccess что-то вроде: AddType text/html .html AddHandler server-parsed .html (пример для .html файлов) И вот это чтобы разрешить SSI: Options +Includes
  2. Во-первых, укажите DOCTYPE Во-вторых, если хотите для всех элементов указывать отступы вручную, а не следовать умолчаниям браузеров, обнулите их: * {margin: 0; padding: 0;}
  3. Посмотрела в 3-х браузерах, все везде одинаково и так как надо (ie7 ff3 opera9). Если надо таки решить проблему для других браузеров (уточните каких?), сделайте див вместо шапки таблицы, а остальное уже табличкой.
  4. Для шапки таблицы сделать бордер такого же цвета как фон шапки и такой же толщины как у тела таблицы?
  5. ie7 явно "не нравится" относительно позиционированный элемент относительно контейнера <body>, на практике проблема решается указанием для <body> position: relative; также помогает указание ширины <body> в процентах... Если мне кто-нибудь объяснит в чем тут логика, скажу спасибо
  6. В теории не думала почему так но работает все правильно если ширину и позиционирование прописать не для боди, а для объемлющего дива, в котором уже лежит все остальное. Во всех браузерах сейчас не проверяла, но у меня на одном из сайтов было так и вроде работало везде. #all {position: relative; margin: 0 auto 0 auto; width: 102.4em;}
  7. Эх.. попробую еще раз все тоже самое, но картинки идут вторым дивом - минус в том, что неудобно будет искать соответствие, стили вроде не трогала вообще... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> #all {position: absolute; top: 0; left: 0; background-color: teal; width: 400px; border: 0; margin: 0; padding: 0; height: auto;} .block1{float: left; width: 45%; text-align:left;} .block2{float: right; width: 45%; text-align:right;} </style> </head> <body> <div id="all"> <div class="block1"> <ul> <li>1<ul><li>2</li><li>3</li></ul></li> <li>1</li> <li>1</li> </ul> </div> <div class="block2"> <ul> <li>1</li> <li>1</li> <li>1</li> </ul> </div> </div> </body> </html>
  8. Честно говоря так и не услышала ответа на вопрос что именно не работает здесь: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> #all {position: absolute; top: 0; left: 0; background-color: teal; width: 400px; border: 0; margin: 0; padding: 0; height: auto;} .block1{float: left; width: 45%; text-align:left;} .block2{float: right; width: 45%; text-align:right;} ul {border: 0; margin: 0; padding: 0; } .podmenu li {padding: 0 0 0 20px;} </style> </head> <body> <div id="all"> <div style="background-color:Teal;width:400px"> <ul> <li> <div class="block1">1</div> <div class="block2">2</div> <ul class="podmenu"> <li> <div class="block1">1</div> <div class="block2">2</div> </li> </ul> </li> <li> <div class="block1">1</div> <div class="block2">2</div> </li> </ul> </div> </div> </body> </html> это ваш пример очень незначительно измененный, ну и стили я же не знаю какие у вас прописаны поэтому немножко прописала, смотрела в ie7, opera 9 - все работает вроде так как надо...
  9. что именно не устраивает в том, как это работает? опишите пожалуйста поточнее какого результата вы хотите добиться а вот ваш последний пример, слегка переделанный <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> #all {position: absolute; top: 0; left: 0; background-color: teal; width: 400px; border: 0; margin: 0; padding: 0; height: auto;} .block1{float: left; width: 45%; text-align:left;} .block2{float: right; width: 45%; text-align:right;} ul {border: 0; margin: 0; padding: 0; list-style: none;} li {border: 0; margin: 0; padding: 0;} </style> </head> <body> <div id="all"> <ul> <li><span class="block1">1</span><span class="block2">2</span></li> <li><span class="block1">1</span><span class="block2">2</span></li> <li><span class="block1">1</span><span class="block2">2</span></li> </ul> </div> </body> </html>
  10. Я бы еще положила это все в один общий контейнер и запретила ему становиться меньше эстетического минимума при изменении размера окна браузера. Например так: #all {min-width: 800px; width:expression(this.scrollWidth < 800? "800px" : "auto"); }
  11. #block1{float: left; width: 45%; text-align:left;} #block2{float: right; width: 45%; text-align:right;} <div id="block1"></div> <div id="block2"></div>
  12. Подводные камни они такие... внезапные сама всё время удивляюсь
  13. NuShiKo

    2 стиля

    так он тут вроде для ссылок и есть? или нет?
  14. Можно еще сделать с помощью ssi или php. Вот пример на ssi: body { margin: 0; padding: 0; border: 0;} #menu {float:right; margin: 5px 0 0 0; padding: 0; border: 0;} ul {border: 0; margin:0; padding:0;} ul li {display:inline; list-style:none; border: 0; margin:0; padding:0;} li a:link, a:visited {font: 14px Verdana, sans-serif; text-decoration: none; color: black; background: #00FFFF; border: 1px solid #0066FF; margin:0; padding: 0 3px;} li a:hover, a:active {background: #ffffff; } li a.here {font: 14px Verdana, sans-serif; text-decoration: none; color: black; background: #00FFFF; border: 1px solid #0066FF; background: #0066ff; border-bottom: #0066ff;margin:0; padding: 0 3px;} #content {position: absolute; top: 22px; width:100%; background-color: #0066ff;} <div id="menu"> <ul> <li><!--#if expr="$DOCUMENT_URI!=/\/2.html/" --><a href="/2.html">слон</a> <!--#else --><a class="here">слон</a><!--#endif --></li> <li><!--#if expr="$DOCUMENT_URI!=/\/3.html/" --><a href="/3.html">кот</a> <!--#else --><a class="here">кот</a><!--#endif --></li> <li><!--#if expr="$DOCUMENT_URI!=/\/4.html/" --><a href="/4.html">пёс</a> <!--#else --><a class="here">пёс</a><!--#endif --></li> <li><!--#if expr="$DOCUMENT_URI!=/\/5.html/" --><a href="/5.html">мышь</a> <!--#else --><a class="here">мышь</a><!--#endif --></li> <li><!--#if expr="$DOCUMENT_URI!=/\/6.html/" --><a href="/6.html">глист</a> <!--#else --><a class="here">глист</a><!--#endif --></li> </ul> </div> <div id="content"> <p>парам пам пам</p> </div> Естественно, при данном конкретном коде, файл должен называться 2 или 3 или 4 или 5 или 6.html, лежать в корневой директории, и html файлы должны обрабатываться как использующие ssi, то есть надо либо переименовать их в .shtml (и в коде тоже), либо прописать в файле .htaccess директивы: AddType text/html .html AddHandler server-parsed .html и тогда файлы .html будут проверяться на наличие ssi
  15. NuShiKo

    2 стиля

    в IE7 все работает
  16. меню проще сделать списком вот такое как у тебя: стили #menu {float:right;} ul {border: 0; margin:0; padding:0;} ul li {display:inline; list-style:none; border: 0; margin:0; padding:0;} li a:link, a:visited {font: 14px Verdana, sans-serif; text-decoration: none; color: black; background: #00FFFF; border: 1px solid #0066FF; margin:0; padding: 0 3px;} li a:hover, a:active {background: #0066ff;} html <div id="menu"> <ul> <li><a href="#">слон</a></li> <li><a href="#">кот</a></li> <li><a href="#">пёс</a></li> <li><a href="#">мышь</a></li> <li><a href="#">глист</a></li> </ul> </div> И вообще необязательно все дивы отдельно позиционировать. Просто кладешь их все в один большой див и его уже float:right; а маленьким внутри него уже назначаешь бордеры и все прочее.
  17. Уменя вот так на сайте написано в конце страницы: "! Вы можете распечатать эту информацию выбрав команду «Печать» в меню «Файл» Вашего браузера. Внимание! Не забудьте изменить параметр «Ориентация бумаги» на «Альбомная»."
  18. NuShiKo

    тег abbr и IE6

    Можно сделать подчеркивание acronym {border-bottom: solid 1px #FF0000; } или даже вот так: acronym {border-bottom: solid 1px #FF0000; cursor: help;}
  19. Про цвет я тоже подумала просто когда проверяю как слои ложатся ставлю им бордер, чтобы видно было, а потом подумала - ведь если бордера не будет как кто догадается где колонка заканчивается? Можно и цветом выделить. Но тогда да, контент бесконтрольно добавлять не получится.
  20. У Влада все правильнее для случая если высота колонок не фиксирована, количество контента в средней колонке может меняться, либо вытягиваться вниз при меньшем разрешении экрана, и при этом нужно чтобы все три колонки оставались одной высоты. P.S. я, кстати, дала только схему, там еще надо всяких свойств прописать чтобы во всех браузерах одинаково было...
  21. NuShiKo

    тег abbr и IE6

    У меня в 7 ie при наведении мышки на <acronym> подсказка появляется, а вот пунктирного подчеркивания как не было, так и нет, вот мне вчера со сна и показалось что не работает. Почему кстати его нет, никто не в курсе?)
  22. Я поняла, в чем фишка А вот чтобы они у Вас не наползали в конце, надо все же ширину ограничить минимальную. Для лучшего восприятия контента опять же. Как то так может: min-width: 600px; width:expression(this.scrollWidth < 600? "600px" : "auto");
  23. В теории, ангела надо сделать фоновым изображением для всего контента (сделать общий див), спозиционировав его (ангела) куда нужно, а див с картинками вложить в этот общий див и отцентрировать, например. Если нужно могу написать и потестить как минутка будет.
  24. NuShiKo

    тег abbr и IE6

    Может быть использовать тег <acronym>? Или вопрос принципиальный? Ой, прошу прощения, тег <acronym> в ie вроде бы тоже не работает Теперь этот вопрос и меня заинтересовал.
×
×
  • 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