Jump to content

CrazyBird

Newbie
  • Posts

    4
  • Joined

  • Last visited

CrazyBird's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Все спасибо сам разобрался: <span style='border:1px inset;padding:5px;'><a href='#' class='link_black' style='display:inline-block;'>roman2021@mail.ru</a><input type='image' onclick='login_menu()' src='pic/24/logout_24.png' style='vertical-align:middle;margin-left:5px;margin-right:2px;margin-bottom:3px;'></span>
  2. Помогите выровнять кнопку по вертикали. Щас она задрана вверх относительно текста. <span style='border:1px inset;padding:5px;'><a href='#' class='link_black' style='display:inline-block;'>some@mail.ru</a><input type='image' onclick='login_menu()' src='pic/24/logout_24.png'></span>
  3. Помогите пожалуйста. Мне нужно в полупрозрачном div, выводить png иконки но что б они не были тоже позрачными. Вот html: <div class='footer_app_menu'> <div class='footer_bar_item'><img src='pic/32/circle_32.png'></div> </div> где css стили: .footer_app_menu{ z-index:1000; margin:0 auto;width:700px;border:1px solid #838B8B;background-color:white;border-radius: 45px 45px 0px 0px;margin-top:-37px;height:33px;padding-left:45px;padding-top:2px; /*градиент*/ 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)); /*Прозрачность*/ -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter:alpha(opacity=50); } .footer_bar_item{ z-index:3000; /*Прозрачность*/ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100); } Проблема в том что footer_app_menu накладывается поверх картинки и она тоже становиться прозрачной.
  4. Народ помогите мне нужно сделать классическое 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>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy