Показать сообщение отдельно
  #6 (permalink)  
Старый 06.10.2015, 15:09
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Ruslan_xDD, как вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
* {
	margin: 0;
	padding: 0;
}
.window {
	width: 200px;
	height: 100px;
	margin: 10px;
	border: 1px solid #AAA;
}
.title {
	overflow: hidden;
    background: #AAA;
}
.tit-command {
	float: right;
    background: #777;
}
.tit-command > div {
    background: green;
    display: inline-block;
    height: 25px;
    margin: 0 5px;
    vertical-align: top;
    width: 25px;
}
.tit-text {
	overflow: hidden;
}
.tit-text > p {
	white-space: nowrap; /* Отменяем перенос текста */
	overflow: hidden; /* Обрезаем содержимое */
	text-overflow: ellipsis; /* Многоточие */
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div class='window'>
	<div class='title'>
		<div class='tit-command'>
			<div></div>
			<div></div>
			<div></div>
		</div>
		<div class='tit-text'>
			<p>
				Бессознательное вызывает контраст, это обозначено 
				Ли Россом как фундаментальная ошибка атрибуции, которая 
				прослеживается во многих экспериментах.
			</p>
		</div>
	</div>
</div>
</body>
</html>

У меня в Опере, ФФ, Хроме и ИЕ9 работает...

Последний раз редактировалось ksa, 06.10.2015 в 15:12.
Ответить с цитированием