+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Помогите с блоками DIV

  1. #1

    Помогите с блоками DIV

    Здравствуйте, помогите выровнять блок доп. информации и плеер или может подскажите как красивее разместить данный блок, а может быть полностью переделать его

    блок.jpg

    fullstory .poster{float:left;width:346px;max-height: 350px;}
    .fullstory .screens{background:#82b032;float:left;width:305px;height:163px;margin-left:10px;padding:5px;overflow:hidden;}
    .fullstory .screens li{float:left;width:118px;height:80px;margin:1px;}
    .fullstory .screens img{width:118px;height:80px;}
    .fullstory .screens .cont{float:left;width:240px;overflow:hidden;}
    .fullstory .screens .es-nav{margin-left:244px;}
    .fullstory .screens .es-nav-prev, .fullstory .screens .es-nav-next{background:url(../images/screens_buttons.png) 0 0 no-repeat;width:61px;height:80px;}
    .fullstory .screens .es-nav-next{background-position:0 0;}
    .fullstory .screens .es-nav-next.active:hover{background-position:0 -80px;cursor:pointer;}
    .fullstory .screens .es-nav-prev{background-position:-61px 0;margin-top:2px;}
    .fullstory .screens .es-nav-prev.active:hover{background-position:-61px -80px;cursor:pointer;}
    .fullstory .poster, .fullstory .screens{border-radius:5px;box-shadow:0 1px 3px #656565;}
    .fullstory .n_rating{float:right;margin-top:20px;}
    .fullstory .n_rating .cont{background:#dbdcd9;width:321px;padding:6px 0;margin-bottom:5px;font-size:12px;color:#5a5a5a;text-align:center;text-shadow:0 1px 0 #fff;border-radius:5px;}
    .fullstory .n_rating .cont .title{font-size:13px;text-transform:uppercase;margin-bottom:4px;}
    .fullstory .n_rating .cont span.rate{font-size:16px;color:#6d9337;height:28px;}
    .fullstory .opis{float:right;margin-top:2px;}
    .fullstory .opis .cont{background:#dbdcd9;width:110px;padding:6px 0;margin:20%;font-size:12px;color:#5a5a5a;text-align:center;padding:2px;border-radius:5px;}
    .fullstory .text{margin:20px 30px 0 0;font-size:12px;text-shadow:0 1px 0 #fff;}
    .fullstory .text2{margin:20px 30px 0 0;font-size:12px;text-shadow:0 1px 0 #fff;}
    .fullstory .text span{color:#51643a;}
    .fullstory .text2 span{color:#51643a;font-size:14px;}


    <div class="n_rating">
    <div class="cont">
    <div class="title"><b>Ссылки:</b></div>
    <div class="eval">
    <span class="rate"><span class="attachment"><center><b><a href="[xfgiven_link][xfvalue_link][/xfgiven_link]">Установить</a></b></center></span></span>
    </div><a href="/ustanovka_apk.html">Как установить игру?</a>
    </div>
    <center>{rating}</center>
    </div>
    <div class="clr"></div>
    <div class="text">
    <div class="opis">
    <div class="cont">
    <h4>Разработчик:</h4>&nbsp[xfgiven_razrab][xfvalue_razrab][/xfgiven_razrab] <h4>Рейтинг:</h4>&nbsp[xfgiven_rating][xfvalue_rating][/xfgiven_rating] <h4>Голоса:</h4>&nbsp[xfgiven_votes][xfvalue_votes][/xfgiven_votes] <h4>Обновление:</h4>&nbsp[xfgiven_update][xfvalue_update][/xfgiven_update] <h4>Версия:</h4>&nbsp[xfgiven_version][xfvalue_version][/xfgiven_version] <h4>Жанр:</h4>&nbsp[xfgiven_category][xfvalue_category][/xfgiven_category] <h4>Кол-во установок:</h4>&nbsp[xfgiven_installation][xfvalue_installation][/xfgiven_installation] <h4>Что нового:</h4>&nbsp[xfgiven_whats_new][xfvalue_whats_new][/xfgiven_whats_new] <h4>Цена:</h4>&nbsp[xfgiven_price][xfvalue_price][/xfgiven_price] <h4>Размер:</h4>&nbsp[xfgiven_size][xfvalue_size][/xfgiven_size] <h4>Баннер:</h4>&nbsp<img src="[xfgiven_banner][xfvalue_banner][/xfgiven_banner]" /> <h4>Операционка:</h4>&nbsp[xfgiven_os][xfvalue_os][/xfgiven_os] <h4>Требования:</h4>&nbsp[xfgiven_requirements][xfvalue_requirements][/xfgiven_requirements] <h4>Gamecenter:</h4>&nbsp[xfgiven_gamecenter][xfvalue_gamecenter][/xfgiven_gamecenter] </div>
    </div>
    <div id="{news-id}" style="display:inline;">{full-story}<br /></div>
    <br><br>
    <center><h2>Видеообзор</h2></center>
    <iframe width="540" height="360" src="http://www.youtube.com/embed/[xfgiven_youtube][xfvalue_youtube][/xfgiven_youtube]" frameborder="0" allowfullscreen></iframe>
    </div>
    </div>
    Нашли ошибку в тексте? Выделите фрагмент текста и нажмите "Ctrl+Enter". Спасибо за помощь в развитии сайта.
    <div class="primary_title top related">
    <div class="left_part"><h2 class="right_part">Пользователи, скачавшие это приложение, также скачали:</h2></div>
    <div class="gl_bg">
    {custom category="1" template="relatednews" aviable="global" from="0" limit="4" order="date" cache="yes"}
    </div></div>
    {comments}
    {addcomments}
    {navigation}

  2. #2

+ Ответить в теме

Похожие темы

  1. Рисование div блоками.
    от Vampire в разделе HTML
    Ответов: 2
    Последнее сообщение: 20.12.2011, 05:45
  2. помогите создать страницу с 8 блоками
    от Syndicate221 в разделе Помогите!
    Ответов: 1
    Последнее сообщение: 20.10.2011, 22:30
  3. Свирстать блоками
    от asbury в разделе Помогите!
    Ответов: 2
    Последнее сообщение: 23.09.2011, 19:26
  4. тени под блоками
    от z3l в разделе CSS
    Ответов: 7
    Последнее сообщение: 29.08.2011, 22:18
  5. Проблема с блоками
    от Gray в разделе CSS
    Ответов: 2
    Последнее сообщение: 05.08.2010, 12:37

Метки этой темы

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения