NuShiKo
Newbie-
Posts
26 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by NuShiKo
-
вроде подключен уже автоматически проверяются на наличие 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
-
меню проще сделать списком вот такое как у тебя: стили #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; а маленьким внутри него уже назначаешь бордеры и все прочее.
-
Уменя вот так на сайте написано в конце страницы: "! Вы можете распечатать эту информацию выбрав команду «Печать» в меню «Файл» Вашего браузера. Внимание! Не забудьте изменить параметр «Ориентация бумаги» на «Альбомная»."
-
Можно сделать подчеркивание acronym {border-bottom: solid 1px #FF0000; } или даже вот так: acronym {border-bottom: solid 1px #FF0000; cursor: help;}
-
Про цвет я тоже подумала просто когда проверяю как слои ложатся ставлю им бордер, чтобы видно было, а потом подумала - ведь если бордера не будет как кто догадается где колонка заканчивается? Можно и цветом выделить. Но тогда да, контент бесконтрольно добавлять не получится.
-
У Влада все правильнее для случая если высота колонок не фиксирована, количество контента в средней колонке может меняться, либо вытягиваться вниз при меньшем разрешении экрана, и при этом нужно чтобы все три колонки оставались одной высоты. P.S. я, кстати, дала только схему, там еще надо всяких свойств прописать чтобы во всех браузерах одинаково было...
-
У меня в 7 ie при наведении мышки на <acronym> подсказка появляется, а вот пунктирного подчеркивания как не было, так и нет, вот мне вчера со сна и показалось что не работает. Почему кстати его нет, никто не в курсе?)
-
Я поняла, в чем фишка А вот чтобы они у Вас не наползали в конце, надо все же ширину ограничить минимальную. Для лучшего восприятия контента опять же. Как то так может: min-width: 600px; width:expression(this.scrollWidth < 600? "600px" : "auto");
-
В теории, ангела надо сделать фоновым изображением для всего контента (сделать общий див), спозиционировав его (ангела) куда нужно, а див с картинками вложить в этот общий див и отцентрировать, например. Если нужно могу написать и потестить как минутка будет.
-
Может быть использовать тег <acronym>? Или вопрос принципиальный? Ой, прошу прощения, тег <acronym> в ie вроде бы тоже не работает Теперь этот вопрос и меня заинтересовал.