| |
|
|
| | Здравствуйте Уважаемое сообщество. Ни подскажете как реализовать такое.
У нас есть 1 файл css, и в зависимости от имени страницы нужно выбирать разное значение высоты,
Если загрузилась страница index.html то #head=200px; иначе если любая другая страница contact.html например то #head=100px;
Как прописать такое условие? Наверняка кто сталкивался с такой проблемой. Как реализовать ни поможете? | |
| |
|
|
| |
|
|
| |
для: pautina
(20.02.2010 в 19:50)
| | | Выход прост - в подгружаемом файле *.css оставляете значение 100px, то есть то значение, которое нужно для большинства страниц.
В тех особых файлах, где нужно другое значение, в заголовке ПОСЛЕ тега <LINK>, который подгружает файл *.css, добавляете блок <style></style>, где прописываете нужное значение для интересующего вас элемента.
Браузер всегда исполняет последнее правило, отменяя все предыдущие:
<style>
span {color: aqua} /*будет отменено следующим правилом*/
span {color: green} /*будет отменено следующим правилом*/
span {color: red} /*будет работать - все SPAN'ы будут красными*/
</style>
|
Ну или ещё проще - прямо внутри тега прописываете style="свойство: нужное значение". Правила, прописанные внутри тега, имеют более высокий приоритет (они ведь - последние по времени для браузера) перед указанными в подгружаемых файлах и в блоках <style>. | |
| |
|
|
| |
|
|
| |
для: АЯ
(20.02.2010 в 22:34)
| | | С высотой понятно. Спасибо.
А как сделать чтоб в body подгружались разные рисунки. Вот такой случай 1 страница index.php там мы имеем 1 body для шаблона.
Можно сделать так чтоб мы в 1 боди в зависимости от имени страницы могли поставить разный рисунок. | |
| |
|
|
| |
|
|
| |
для: pautina
(21.02.2010 в 08:59)
| | | А картинку вы хотите в живую или фоном? | |
| |
|
|
| |
|
|
| |
для: oliss
(21.02.2010 в 10:49)
| | | Картинки в ставляю как фон. | |
| |
|
|
| |
|
|
| |
для: pautina
(21.02.2010 в 11:55)
| | |
<?php
echo '<style type="text/css">
<!--
body{background:url('.$name_img.'.gif) repeat-x;}
-->
</style>';
|
| |
| |
|
|
| |
|
|
| |
для: oliss
(21.02.2010 в 12:06)
| | | А можно как то привязать вывод фона для body с именем файла, который загрузился,
Например если index.php то фон в body name_img1, если contact.php то фон в body name_img2 | |
| |
|
|
| |
|
|
| |
для: pautina
(21.02.2010 в 12:15)
| | | Если только используя CSS, то можно только в браузере MSIE - он поддерживает "вычисляемые" стили.
Кроссбраузерно же - только с использованием Javascript. | |
| |
|
|
| |
|
|
| |
для: АЯ
(21.02.2010 в 17:14)
| | | Кроссбраузерность нужна. С кодом не поможете? | |
| |
|
|
| |
|
|
| |
для: pautina
(21.02.2010 в 18:59)
| | |
<style></style>
<!-- Этот блок STYLE нужен в HTML-коде, пусть даже пустой -->
<!-- И он обязательно должен быть в коде ВЫШЕ (РАНЬШЕ), чем скриптовой блок -->
<!-- Или же вместо блока STYLE должен быть вызов CSS-файла <link rel="StyleSheet" type="text/css" href="..."> -->
<!-- Но опять же он обязательно должен быть в коде ВЫШЕ (РАНЬШЕ), чем скриптовой блок -->
<script>
var DLH = document.location.href;
var DSS = document.styleSheets [0];
if (DLH.indexOf ('index.php') > 0)
{
if (DSS.addRule) DSS.addRule ('body', 'background: red', 0);
else if (DSS.insertRule) DSS.insertRule ('body {background: red}', 0);
}
if (DLH.indexOf ('contact.php') > 0)
{
//подключение правил стилей для contact.php по тому же принципу, что и для index.php
}
</script>
|
| |
| |
|
|
