вопрос
Подскажите как сделать два блока в одном окне как к примеру на сайте kinogo:
У меня дизайн такой же не могу понять как сделать рядом "окно/кнопку" для трейлера..
ВОТ КОД С ФУЛСТОРИ ГДЕ НАХОДЯТСЯ ЭТИ:
P.s Я начинающий по созданию сайтов, верстке...так что не судите строго
У меня дизайн такой же не могу понять как сделать рядом "окно/кнопку" для трейлера..
ВОТ КОД С ФУЛСТОРИ ГДЕ НАХОДЯТСЯ ЭТИ:
<div class="section">
<div style="float:right; padding-top: 5px;padding-right: 10px;font-size:11px;"> <a href="/" target="_blank"><span id="selection_index21" class="selection_index"></span></a></div><!--div-->
<ul class="tabs">
<li class="current"><span id="selection_index22" class="selection_index"></span>Смотреть онлайн:</li>
</ul>
<div style="clear:both"></div>
<div class="box visible" style="display: block; background: rgb(0, 0, 0);">
[xfgiven_video]<iframe src="[xfvalue_video]" width="607" height="360 frameborder="0"></iframe> [/xfgiven_video]
</div>
</div>
P.s Я начинающий по созданию сайтов, верстке...так что не судите строго
[/code]<div class="section">
<ul class="tabs">
<li class="current"><span id="selection_index22" class="selection_index"></span>Смотреть онлайн</li>
<li class=""><span id="selection_index24" class="selection_index"></span>Смотреть Трейлер</li>
</ul>
<div style="clear:both"></div>
<div class="box visible" style="display: block; background: rgb(0, 0, 0); ">
(Тут Код Плеера )
</div>
<div class="box" style="display: none; background: rgb(0, 0, 0); ">
(КОД ПЛЕЕРА)
</div>
</div>[code]
Стили
.section {background-color: #2b2b2b; border-left: 1px solid #404040;border-top: 1px solid #404040;}
ul.tabs { line-height: 26px; list-style: none; padding: 0px; }
.tabs li {float: left; display: inline; list-style: none; cursor: pointer; padding:0 20px; position: relative; text-align: center; font-weight: bold;
text-shadow: #000 1px 1px 1px; color: rgb(201, 201, 201); height: 28px; }
.tabs li:hover {padding:0 20px; background:#a8a8a8;color: rgb(1, 1, 1);text-shadow: #fff 1px 1px 1px; }
.tabs li.current { background: rgb(26, 26, 26); padding:0 20px; text-align: center; cursor: default;}
.tabs li.current:hover {padding:0 20px; background: rgb(26, 26, 26); text-shadow: #000 1px 1px 1px; color: rgb(201, 201, 201);}