Web-design
Пишите:
alexshraiman@rambler.ru
ivan.petrunya@gmail.com

Или звоните:
8 962 725 67 88

Студия Алексея Шраймана.

Разные трюки для web-дизайнеров.

Как решить проблемы с кроссбраузерностью?


Часто у многих верстальщиков возникают проблемы с кроссбраузерностью. Во всех браузерах всё работает идеально, а в Internet Explorer возникают проблемы (чаще всего так и бывает). Или наоборот. Для этого существуют хаки (трюки) на CSS. Вот некоторые методы достижения кроссбраузерной верстки: если какой-то браузер "глючит", можно написать для него отдельный стиль. Смотрите:
Пример для браузера Internet Explorer Пример для браузера Opera Пример для браузера Safari

Ещё одно важное замечание:
Вам не надо создавать копию стилевой таблицы для того браузера, который вы хотите "обмануть": достаточно просто прописать в ней только те стили и классы, которые нужно изменить именно для этого браузера. И всё!
Вот очень подробное описание: http://htmlbook.ru/samlayout/internet-explorer/uslovnye-kommentarii
И здесь: http://webering.ru/blog/html_css/crossbrowsers/

 

Как правильно прописать путь к файлу?


Глупый вопрос? Для программистов — скорее всего да. Но не для дизайнеров :)
Как правило, уже готовый свёрстанный html-сайт мы разбиваем на отдельные php-блоки, сохраняя в виде отдельных файлов шапку, подвал и меню (header.php, footer.php, menu.php) и по аналогии прочие повторяющиеся элементы. Желательно сохранять их в отдельной папке под названием "inc" (от английского "include", "включать в себя"). Смотрите примеры:

PHP include. Простой способ. PHP include. Универсальный способ. PHP include. Выполняет условие пользователя! (Конструкция if-else)

 

Как сделать неактивную ссылку на странице? (Конструкция if-else)


Суть в том, что у нас одно меню для всего сайта в отдельном файле, например "inc/menu.php" (о нарезке на php-блоки я писал выше).
Необходимо сделать так, чтобы на текущей странице ссылка на неё саму была неактивна.

Прежде всего, нужно как-то обозвать страницу. Присвоим ей любую переменную, можно после открытия тега <body>:

<?php
$master ="Главная";
?>

Для подмены ссылки на простой текст пишем такой скрипт:

<?php
if ($master == "Главная")
{echo "<span>Главная</span>";}else {echo "<a href='index.php'>Главная</a>";}
?>

А для подмены картинки такой скрипт:

<?php
if ($master == "Главная")
{echo "<img src='img/divider1.gif' width='37' height='30' alt=''>";}else {echo "<img src='img/divider.gif' width='37' height='30' alt=''>";}
?>

Т.е в обоих случаях, если нашей странице присвоена переменная "Главная", то выполняется первое условие. В противном случае — второе.

Это самый оптимальный способ.

Но есть и другой. Он определяет не переменную, а url страницы.

Впрочем, я им уже давно не ползуюсь...

Я заранее прошу прощения за несколько сумбурный пример, просто нет времени доводить его до совершенства...
Предлагаю Вам скачать архив (Zip, 50 Кб) и разобраться в коде.
Ссылка на архив »

Назад Наверх