You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке.
Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
Question
CrazyBird
Народ помогите мне нужно сделать классическое Windows окно на css(не знаю как правильней обозвать).
Проблема у меня с позиционированием элементов в заголовке окна(логотип приложения должен быть слева,название по центру,кнопка закрыть справа).
Вот код:
<div style='width:1000px;height:500px;background-color:white;border:1px solid #696969;text-align:center;margin-left:25%;
border-radius: 5px 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
'
>
<div style='background-color:#4682B4;height:22px;border-bottom:2px solid #696969;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius:10px 10px 0 0;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
'>
<span style='font-weight:bold;color:white;'><img src='css/img/application_icon' alt='Картинка приложения'></span>
<span style='font-weight:bold;color:white;'>Название</span>
<span style='position:absolute;margin-left:440px;margin-top:3px'><a href=''><img src='css/img/close_16.png'></a></span>
</div>
</div>
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.