Задать вопрос
UshkiNaMakushke

UshkiNaMakushke

Комментарии

  • CSS zoom есть ли аналог?

    UshkiNaMakushke
    @UshkiNaMakushke
    Аналог zoom — значение в em'ах и изменение фонт-сайза родительского элемента
    Написано

  • CSS zoom есть ли аналог?

    UshkiNaMakushke
    @UshkiNaMakushke
    zoom работает иначе, чем scale. Допустим у вас блок указан 50% и в нем какой-то текст, то zoom 0.5 уменьшит текст в 0.5 но размер блока оставит прежним, а scale уменьшит и блок и текст
    Написано

  • Авторазмер родительского блока по вложенному изображению

    UshkiNaMakushke
    @UshkiNaMakushke 
    <!DOCTYPE html>
<!--[if lte IE 7]><html class="ie8 ie7"><![endif]-->
<!--[if IE 8]><html class="ie8"><![endif]-->
<!--[if IE 9]><html class="ie9"><![endif]-->
<!--[if gte IE 9]><!--><html><!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title></title>

	<style>

	div.thumb {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    padding: 3px 5px 3px 3px !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
	display: inline-block;
	*display:inline;
	zoom:1;
	
}
.thumbimage {
    border: 1px solid #CCCCCC;
    width: 100%;max-width:200px;
}
.thumbcaption {
    font-size: 94%;
    line-height: 1.4em;
    padding: 3px !important;
    text-align: right;
}
.thumbcaption b{
    float:left;
}
.magnify {
   
}
	
	</style>

	

	
</head>
<body>

<div class="thumb" > 
  <a rel="colorbox" href="http://upload.wikimedia.org/wikipedia/ru/6/6a/Anakin_Skywalker.jpg">
    <img class="thumbimage" src="http://upload.wikimedia.org/wikipedia/ru/thumb/6/6a/Anakin_Skywalker.jpg/200px-Anakin_Skywalker.jpg" alt="Нажмите для увеличения">
  </a>
  <div class="thumbcaption">
    <b>>Юный Дарт Вейдер</b>
	<img class="magnify" width="15" height="11" alt="" src="/images/magnify-clip.png">
  </div>
</div>

</body>
</html>
    Написано