VPF::Помогите сделать ширину разную для двух блоков.

phpmas

Дата 11.5.2011, 13:25 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 33
Регистрация: 11.5.2011

Репутация: нет
Всего: -1

Код


<!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(){$('.selectBlock').sSelect();});</script>
<style type="text/css">
    body{
        padding:100px;
        margin:0;
        background:#CCC;
        color:#000;
    }

    .newListSelected{
        width:100px;
        margin:0 auto;
    }
    
    .selectedTxt{
        width:135px;
        height:25px;
    
        overflow:hidden;
        background:url(select.gif);
        color:#000;
        font-size:24px;
        line-height:25px;
        zoom:1;
        position:relative;
        z-index:1;
    }
    .newList{
        list-style:none;
        padding:0;
        margin:0 0 0 0px;
        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=95);}
</style>
</head>
<body>

        <select class="selectBlock one">
            <option>Казань 1</option>
            <option>Волгоград 1</option>
            <option>Астрахань 1</option>
            <option>Ростов 1</option>
            <option>Армавир 1</option>
        </select>
        
        
        <select class="selectBlock one">
            <option>Казань 1</option>
            <option>Волгоград 1</option>
            <option>Астрахань 1</option>
            <option>Ростов 1</option>
            <option>Армавир 1</option>
        </select>

    

</body>
</html>

Это сообщение отредактировал(а) phpmas - 11.5.2011, 13:26

Присоединённый файл ( Кол-во скачиваний: 5 )

select.zip 29,61 Kb

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »