NuShiKo
Newbie-
Posts
26 -
Joined
-
Last visited
NuShiKo's Achievements
Explorer (1/14)
0
Reputation
-
вроде подключен уже автоматически проверяются на наличие ssi директив файлы с расширением .shtml если нужно чтобы проверялись еще какие-нибудь можно прописать в .htaccess что-то вроде: AddType text/html .html AddHandler server-parsed .html (пример для .html файлов) И вот это чтобы разрешить SSI: Options +Includes
-
Во-первых, укажите DOCTYPE Во-вторых, если хотите для всех элементов указывать отступы вручную, а не следовать умолчаниям браузеров, обнулите их: * {margin: 0; padding: 0;}
-
Посмотрела в 3-х браузерах, все везде одинаково и так как надо (ie7 ff3 opera9). Если надо таки решить проблему для других браузеров (уточните каких?), сделайте див вместо шапки таблицы, а остальное уже табличкой.
-
Для шапки таблицы сделать бордер такого же цвета как фон шапки и такой же толщины как у тела таблицы?
-
ie7 явно "не нравится" относительно позиционированный элемент относительно контейнера <body>, на практике проблема решается указанием для <body> position: relative; также помогает указание ширины <body> в процентах... Если мне кто-нибудь объяснит в чем тут логика, скажу спасибо
-
В теории не думала почему так но работает все правильно если ширину и позиционирование прописать не для боди, а для объемлющего дива, в котором уже лежит все остальное. Во всех браузерах сейчас не проверяла, но у меня на одном из сайтов было так и вроде работало везде. #all {position: relative; margin: 0 auto 0 auto; width: 102.4em;}
-
Эх.. попробую еще раз все тоже самое, но картинки идут вторым дивом - минус в том, что неудобно будет искать соответствие, стили вроде не трогала вообще... <!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>
-
Как сделать, чтоб всед за одним слоем второй также удлинялся в высоту?
NuShiKo replied to Glebr's question in HTML Coding
напиши как -
Честно говоря так и не услышала ответа на вопрос что именно не работает здесь: <!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 - все работает вроде так как надо...
-
что именно не устраивает в том, как это работает? опишите пожалуйста поточнее какого результата вы хотите добиться а вот ваш последний пример, слегка переделанный <!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>
-
Я бы еще положила это все в один общий контейнер и запретила ему становиться меньше эстетического минимума при изменении размера окна браузера. Например так: #all {min-width: 800px; width:expression(this.scrollWidth < 800? "800px" : "auto"); }
-
#block1{float: left; width: 45%; text-align:left;} #block2{float: right; width: 45%; text-align:right;} <div id="block1"></div> <div id="block2"></div>
-
Подводные камни они такие... внезапные сама всё время удивляюсь
-
так он тут вроде для ссылок и есть? или нет?
-
Можно еще сделать с помощью 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