Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Как идентифицировать..как использовать эти классы для двух.. (https://javascript.ru/forum/xhtml-html-css/17022-kak-identificirovat-kak-ispolzovat-ehti-klassy-dlya-dvukh.html)

sashajs 03.05.2011 02:38

Как идентифицировать..как использовать эти классы для двух..
 
Код:

        .newListSelected{
                width:135px;
                margin:0 auto;
        }
        .selectedTxt{
                width:100px;
                height:25px;
                padding:0 30px 0 10px;
                overflow:hidden;
                background:url(images/select1.gif) no-repeat;
                color:#000;
                font-size:24px;
                line-height:22px;
                zoom:1;
                position:relative;
                text-align:left;
                font-size:1em;
                z-index:1;
        }
        .newList{
                list-style:none;
                padding:0;
                margin:0 0 0 4px;
                width:135px;
                position:absolute;
                z-index:500;
                top:25px;
        }
        .newList li{padding:0;margin:0;}
        .newList li a{
                display:block;
                background:#FFF;
                opacity:0.85;
                filter:alpha(opacity=85);
                font-size:1em;
                text-align:left;
                padding:0 6px;
                line-height:normal;
                outline:none;
                height:25px;
                padding:6px 0 0 6px;
                overflow:hidden;
        }
        .newList li a:link,.newList li a:visited,.newList li a:hover{color:#000;text-decoration:none;}
        .newList li a.hiLite,.newList li a.newListHover{opacity:0.95;filter:alpha(opacity=95);}

Как их идентифицировать?
Т.е. нужно чтобы было .newList1 и .newList2 но если так писать то не работает.

ksa 03.05.2011 08:53

sashajs, расскажи по-человечески что таки тебе нужно... :)

aleks7890 11.05.2011 10:11

Весь код:
Цитата:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Стилизация Select</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="select.js"></script>
<script type="text/javascript">$(document).ready(function(){$('.selec tBlock').sSelect();});</script>
<style type="text/css">
body{

background:#CCC;
color:#000;
}
.newListSelected{
width:135px;
}
.selectedTxt{
width:135px;
height:25px;
padding:0 0px 0 0px;
overflow:hidden;
background:url(select.png);
color:#000;
font-size:20px;
line-height:30px;
zoom:1;
position:relative;
z-index:1;
}
.newList{
list-style:none;
padding:0;
margin:0 0 0 4px;
width:135px;
position:absolute;
z-index:500;
top:35px;
}
.newList li{padding:0;margin:0;}
.newList li a{
display:block;
background:#FFF;
opacity:0.85;
filter:alpha(opacity=85);
font-size:18px;
padding:0 6px;
line-height:normal;
outline:none;
height:30px;
padding:6px 0 0 6px;
overflow:hidden;
}
.newList li a:link,.newList li a:visited,.newList li a:hover{color:#000;text-decoration:none;}
.newList li a.hiLite,.newList li a.newListHover{opacity:0.95;filter:alpha(opacity=9 5);}
</style>
</head>
<body>
<form action="#">
<select class="selectBlock">
<option>Казань</option>
<option>Волгоград</option>
<option>Астрахань</option>
<option>Ростов</option>
<option>Армавир</option>
</select>
</form>
</body>
</html>
Нужно чтобы была не одна кнопка а две и разноой ширины.


Часовой пояс GMT +3, время: 16:55.