css

[shtilev]

скрипт вкладок

css:

/* tabs */
ul.tabs {


        margin: 0 0 0px;
        list-style: none;
}
* html ul.tabs {margin-bottom: 0;}
ul.tabs li {
        float: left;

}
ul.tabs li a {
        display: block;

        color: #444;
        text-decoration: none;
        cursor: pointer;
        position: relative;
}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}






ul.tabs li a:hover {

}
ul.tabs li.tab-current a {
        color: #444;

}



div.t2,
div.t3 {
        display: none;
}
div.t1 {}
div.t2,
div.t3 {

        padding: 0 12px;
}

html:

<div  style="margin-left:30px; margin-top:0px;">

        <ul class="tabs tabs1">
                <li class="t1" style="width:108px; height:59px; background:url(images/audio.jpg);"><a> </a></li>
                <li class="t2" style="width:108px; height:59px; background:url(images/video.jpg);"><a> </a></li>
                <li class="t3 tab-current" style="width:108px; height:59px; background:url(images/photos.jpg);"><a> </a></li>
        </ul>

        <div class="t1">

аудио
                </div>

        <div class="t2">
        <br><br>
        <br><br>
Видео
</div>

        <div class="t3">
        <br><br>
        <br><br>
Фотки


        </div>
</div>

как заметили в html к каждому тегу LI есть вместо класса стиля еще стиль:

width:108px; height:59px; background:url(images/audio.jpg);

мне нужно что бы этот дополнительный стиль можно было перенести к общим стилям и убрать из тега LI

для всех 3 вкладок идут разные картинки

может кто знает как реализовать?

Edited May 7, 2011 by shtilev

[psywalker]

Т.е. при нажатии (НЕ наведении) на LI, его свойство background должно что делать?

[shtilev]

Т.е. при нажатии (НЕ наведении) на LI, его свойство background должно что делать?

мм...вот смотри:

это так выглядит скрипт вкладок:

в стилях прописано background: для каждой вкладки

мне нужно что бы при нажатии (т.е. что бы вкладка стала активной) менялся ее background на другую картинку

и нужно что бы это не в теге LI было, а в общих стилях, т.к. на сайте планируется широкий и узкий режимы и 2 разных стиля, что бы можно было в 2 css файлах прописать разную ширину

[psywalker]

Ну это только JS

[shtilev]

Ну это только JS

а скрипта подходящего у тебя нет?

[psywalker]

Ну это только JS

а скрипта подходящего у тебя нет?

У меня нет, но я могу помочь тебе в написании этого скрипта. Отпиши мне свою аську на почту, разберёмся. psywalker09@gmail.com

[shtilev]

отписал на мыло

[rediskavet]

так можно класс просто менять у нужного элемента. А в .CSS уже для этого класса все что нужно прописать.

[shtilev]

так можно класс просто менять у нужного элемента. А в .CSS уже для этого класса все что нужно прописать.

а как быть с активной вкладкой?

[rediskavet]

а как быть с активной вкладкой?

я не понял. В чем ворпос?

вопрос?