Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: нужна помощь по css!!!
 
 автор: ask1503   (02.08.2009 в 17:36)   письмо автору
 
 

Как сделать с помощью css, чтобы когда находишься на определенной странице, то фон(картинка) этой ссылки был бы другим, в отличае от других ссылок... т.е. переходишь на другую страницу-эта другая уже с другим фоном, а все остальные одинаковые... т.е. "активная страница".

  Ответить  
 
 автор: -....-   (02.08.2009 в 19:07)
 
   для: ask1503   (02.08.2009 в 17:36)
 

Задавайте ссылкам класс с помощью того чем создаётся код страницы
, и тогда сделаете с помощью css.
А так если только javascript

  Ответить  
 
 автор: FlamySnake   (02.08.2009 в 21:12)   письмо автору
 
   для: ask1503   (02.08.2009 в 17:36)
 

правильно #2!
но я дам себе волю предоставить пример:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Компьютерная поддержка</title>
<style>
*{
    margin: 0;
    padding: 0;
}
.SelectionPages{
    width: 100%;
    border-collapse: collapse;
}
.Page{
    background: #333333;
    border: 1px #333333 dashed;
    font: bold Calibri 15px;
    color: #A3A3A3;
    text-align: center;
    padding: 5px 20px 5px 20px;
}
.APage{
    background: #BBBBBB;
    border-top: 1px #333333 dashed;
    font: bold Calibri 15px;
    color: #FFFFFF;
    text-align: center;
    padding: 5px 20px 5px 20px;
}
.Content{
    width: 100%;
    height: 100%;
    background: #BBBBBB;
}
</style>
</head>

<body>

<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%">
    <tr>
        <td width="100%">
        <table class="SelectionPages" width="100%" valign="top">
            <tr>
                <td class="Page">Компьютерная поддержка </td>
                <td class="Page">Игры</td>
                <td class="APage">Софт</td>
                <td class="Page">Разное</td>
            </tr>
        </table>
        </td>
    </tr>
    <tr>
        <td class="Content" width="100%" height="100%" valign="top"></td>
    </tr>
</table>

</body>

</html>

  Ответить  
 
 автор: ask1503   (03.08.2009 в 04:50)   письмо автору
 
   для: FlamySnake   (02.08.2009 в 21:12)
 

спс всем!!!
вопрос уже решил...

  Ответить  
 
 автор: FlamySnake   (03.08.2009 в 07:35)   письмо автору
 
   для: ask1503   (03.08.2009 в 04:50)
 

А скажи каким ты образом сделал?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования