Здравейте отново,
не мога да се справя с кодирането на 3елемента
[css]
#content-oth {background:rgba(255,255,255,0.9); min-height:400px; clear:both; color:#807f7f; width:982px; margin-left:-2px;
-webkit-box-shadow: 0px -1px 13px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px -1px 13px rgba(0, 0, 0, 0.15);
box-shadow: 0px -1px 13px rgba(0, 0, 0, 0.15);
border:2px solid #eaeaea;
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px }
#content-oth .title {width:175px;height:93px; margin-top:-9px;
background: url('../images/cont-title.png') no-repeat; }
#content-oth .title h3{ width:110px;font-size:17px; color:#fff; text-transform:uppercase; padding:23px 0px 0px 32px; text-align:center;
text-shadow:-2px 4px 5px rgba(0, 0, 0, 0.29); }
#content-oth .desc {padding:0px 18px;position:relative;clear:both}
#content-oth #left-cont {float:left; width:480px}
#content-oth #right-cont {float:right; width:480px}
#content-oth #left-cont .title {float:left;margin-left:30px;}
#content-oth #right-cont .title {float:right;margin-right:30px;}
#slideshow {position:absolute;margin:30px 0px 0px 235px;width:510px; height:310px;}
#slideshow ul {}
#slideshow li{list-style:none;
-webkit-box-shadow: -2px 4px 5px rgba(0, 0, 0, 0.03);
-moz-box-shadow: -2px 4px 5px rgba(0, 0, 0, 0.03);
box-shadow: -2px 4px 5px rgba(0, 0, 0, 0.03);
background-color:rgba(242, 234, 222, 0.9);
border:12px solid rgba(242, 234, 222, 0.9);
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px }
#slideshow li img {border:1px solid #cbc9c3}
[/css]
не мога да се справя с кодирането на 3елемента
[css]
#content-oth {background:rgba(255,255,255,0.9); min-height:400px; clear:both; color:#807f7f; width:982px; margin-left:-2px;
-webkit-box-shadow: 0px -1px 13px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px -1px 13px rgba(0, 0, 0, 0.15);
box-shadow: 0px -1px 13px rgba(0, 0, 0, 0.15);
border:2px solid #eaeaea;
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px }
#content-oth .title {width:175px;height:93px; margin-top:-9px;
background: url('../images/cont-title.png') no-repeat; }
#content-oth .title h3{ width:110px;font-size:17px; color:#fff; text-transform:uppercase; padding:23px 0px 0px 32px; text-align:center;
text-shadow:-2px 4px 5px rgba(0, 0, 0, 0.29); }
#content-oth .desc {padding:0px 18px;position:relative;clear:both}
#content-oth #left-cont {float:left; width:480px}
#content-oth #right-cont {float:right; width:480px}
#content-oth #left-cont .title {float:left;margin-left:30px;}
#content-oth #right-cont .title {float:right;margin-right:30px;}
#slideshow {position:absolute;margin:30px 0px 0px 235px;width:510px; height:310px;}
#slideshow ul {}
#slideshow li{list-style:none;
-webkit-box-shadow: -2px 4px 5px rgba(0, 0, 0, 0.03);
-moz-box-shadow: -2px 4px 5px rgba(0, 0, 0, 0.03);
box-shadow: -2px 4px 5px rgba(0, 0, 0, 0.03);
background-color:rgba(242, 234, 222, 0.9);
border:12px solid rgba(242, 234, 222, 0.9);
border-radius:8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px }
#slideshow li img {border:1px solid #cbc9c3}
[/css]
HTML:
<div id="content-oth">
<div id="slideshow">
<ul>
<li>
<img src="images/slideshow/snimka1.png" alt="" width="482" height="280" />
</li>
</ul>
</div>
<div id="left-cont">
<div class="title"><h3>block 1</h3></div>
<div class="desc">
Donec sapien neque, convallis at auctor at, cursus in justo. Phasellus ac blandit nisl. Sed sollicitudin ornare dui, nec aliquet nisl viverra in. Integer nec libero augue, sed bibendum sapien. Nam vitae dolor nisl. Praesent ullamcorper bibendum tempus. Integer sed nibh nunc, vitae aliquam ipsum. Etiam eu lacus metus, ac commodo justo. Vivamus porttitor consequat erat, eu auctor elit semper nec. Nam est mauris, fringilla fringilla aliquet accumsan, luctus ut lectus. Nam et massa eget velit viverra ultricies. commodo justo. Vivamus . Lorem Ipsum е елементарен примерен текст, използван в печатарската и типографската индустрия. Lorem Ipsum е индустриален стандарт от около 1500 година, когато
</div>
</div>
<div id="right-cont">
<div class="title"><h3>block 2</h3></div>
<div class="desc">
Donec sapien neque, convallis at auctor at, cursus in justo. Phasellus ac blandit nisl. Sed sollicitudin ornare dui, nec aliquet nisl viverra in. Integer nec libero augue, sed bibendum sapien. Nam vitae dolor nisl. Praesent ullamcorper bibendum tempus. Integer sed nibh nunc, vitae aliquam ipsum. Etiam eu lacus metus, ac commodo justo. Vivamus porttitor consequat erat, eu auctor elit semper nec. Nam est mauris, fringilla fringilla aliquet accumsan, luctus ut lectus. Nam et massa eget velit viverra ultricies. commodo justo. Vivamus . Lorem Ipsum е елементарен примерен текст, използван в печатарската и типографската индустрия. Lorem Ipsum е индустриален стандарт от около 1500 година, когато
</div>
</div>
</div>