Question

Здравствуйте. Подскажите пожалуйста! 

Сделал на главной странице "Онлайн-плеер", там идет разное видео и хочу рядом расположить "МиниЧат". Но когда ввожу код чата, он уезжает вниз. Ставить буду мини-чат Ucozа. На картинке красным квадратом нарисовал место, где хочу разместить. Не знаю что писать. Пробовал рядом писать iframe чата другого, но он тоже уезжает вниз. Решено использовать мини чат Юкоза и настраивать его под себя.

Answer 1

Сделайте следующее, в верхней части сайта найдите код:

<div id="uncheader" class="AppendUHeader">
 <iframe width="740" height="416" frameborder="0" src="http://www.goodgame.ru/player?8412"></iframe>
</div>

замените на:

<div id="uncheader" class="AppendUHeader">
 <iframe width="740" height="416" frameborder="0" src="http://www.goodgame.ru/player?8412"></iframe>

<div id="ah-bl">$CHAT_BOX$</div>
</div>

Далее в стили добавьте:

#uncheader iframe{width:700px;}
#ah-bl,#ah-bl iframe {
    float: right;
    width: 258px;
    display: inline-table;
    background: #fff;
    margin: -17px 0px 5px 0px;
    position: relative;
    top: 27px;
}

Comments

все равно получился чат снизу (

---

вы поставьте и не удаляйте, после посмотрим

---

я решил пока не ставить чат. займусь этим позже

---

Проблема в вашей таблице стилей в которой много ошибок.

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

А то, что шаблон отображается криво, причина не в этих стилях так как и без них все криво, восстанавливайте шаблон и не вините во всем эти стили выше, что я посоветовал. Учите CSS, я вам ранее советовал, создайте тестовый сайт и учитесь на нем, а не на действующем сайте.