Помогите с html!? Как сделать?

1NVADER
На сайте с 25.12.2010
Offline
56
566

Помогите с html пожалуйста! Создаю сайт с сериалами, столкнулся с небольшой проблемой, хочу сделать кнопки горизонтально, чтобы при нажатии на кнопку высвечивался видео плеер от вконтакте 750X500 ... Взгляньте на скриншот, все станет понятно .... как сделать? Выручайте плиз, моих знаний не хватает!!!

jpg 109649.jpg
Интересные факты | ADZI.RU (http://adzi.ru)
LEOnidUKG
На сайте с 25.11.2006
Offline
1774
#1
как сделать?

Руками, через JS.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
1NVADER
На сайте с 25.12.2010
Offline
56
#2
LEOnidUKG:
Руками, через JS.

Какими скриптами? Помогите найти плиз ...

webrock
На сайте с 05.04.2010
Offline
261
#3

Да, можно красивым модельным окном на jQuery выводить.

погуглите модельные окна или человечка наймите.

Полный аудит сайтов. (/ru/forum/765361)
кот Бегемот
На сайте с 07.12.2009
Offline
278
#4

CMS какая?

Яндекс Директ, Гугд адворс, не дорого и ответственно. Телеграмм @H_Ilin
S
На сайте с 03.01.2012
Offline
26
#5
1NVADER:
Какими скриптами? Помогите найти плиз ...

Тут к примеру посмотрите

facegrodno
На сайте с 02.05.2009
Offline
45
#6

делаем кроссбраузерную верстку и правильно выставляем отступы (padding и margin)

донора в студию!!!

Партнерка кино и развлекательное (http://u.to/BrgYAQ) Новая Кинопартнерка (http://goo.gl/tXuaC) NEW Май 2012
1NVADER
На сайте с 25.12.2010
Offline
56
#7
garik77:
CMS какая?

DLE 9.6

facegrodno:
донора в студию!!!

ikvid.com

...

извините что так долго отвечал .... был на работе...

---------- Добавлено 05.06.2012 в 19:15 ----------

Sisyphus:
Тут к примеру посмотрите

спс, то что надо ... пошел пробовать ...

1NVADER
На сайте с 25.12.2010
Offline
56
#8

Сделал кнопочки, получилось довольно неплохо ... но есть как всегда проблема с "ошибкой природы" (я дак называю браузер IE) вот такой вот косяк! В остальных браузерах все работает и отображается правильно!

Вот html


1 сезон, серия:
<br><br>
<nav>
<ul>
<li><a href="#tab1">1</a></li>
<li><a href="#tab2">2</a></li>
<li><a href="#tab3">3</a></li>
<li><a href="#tab4">4</a></li>
<li><a href="#tab5">5</a></li>
<li><a href="#tab6">6</a></li>
<li><a href="#tab7">7</a></li>
<li><a href="#tab8">8</a></li>
<li><a href="#tab9">9</a></li>
<li><a href="#tab10">10</a></li>
<li><a href="#tab11">11</a></li>
<li><a href="#tab12">12</a></li>
</ul>
</nav>

<section class="tab" id="tab1">

<iframe src="http://vk.com/video_ext.php?oid=168157473&id=162698161&hash=e5d1aaf7b3bdab63&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

<section class="tab" id="tab2">

<iframe src="http://vk.com/video_ext.php?oid=-20226142&id=162705280&hash=bd05b89aeda10205&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

<section class="tab" id="tab3">

<iframe src="http://vk.com/video_ext.php?oid=-37678744&id=162529905&hash=9af76ec8df259826&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

<section class="tab" id="tab4">

<iframe src="http://vk.com/video_ext.php?oid=-9213342&id=162485447&hash=90eb8dc2a9933c3c&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

<section class="tab" id="tab5">

<iframe src="http://vk.com/video_ext.php?oid=-9213342&id=162485451&hash=9786207456ee5b4f&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

<section class="tab" id="tab6">

<iframe src="http://vk.com/video_ext.php?oid=-9213342&id=162485452&hash=f416520466f4bd10&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

<section class="tab" id="tab7">

<iframe src="http://vk.com/video_ext.php?oid=-9213342&id=162485453&hash=ff486bf95e947563&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

<section class="tab" id="tab8">

<iframe src="http://vk.com/video_ext.php?oid=-30673602&id=162466752&hash=caa93500fe9a88f3&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

<section class="tab" id="tab9">

<iframe src="http://vk.com/video_ext.php?oid=-36422332&id=162608086&hash=7b16303a3baa3efc&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

<section class="tab" id="tab10">

<iframe src="http://vk.com/video_ext.php?oid=27572000&id=163104137&hash=117e0cf942df67fd&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

<section class="tab" id="tab11">

<iframe src="http://vk.com/video_ext.php?oid=-20226142&id=162751522&hash=cb5fd534437e4daa&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

<section class="tab" id="tab12">

<iframe src="http://vk.com/video_ext.php?oid=170808945&id=163194383&hash=1cb699e139762d67&hd=3" width="750" height="500" frameborder="0"></iframe>

</section>

и css


/*Кнопки*/
nav{height:28px;}
nav ul{margin:0;padding:4px;width:100%;height:28px;}
nav li{list-style:none;float:left;height:24px;line-height:24px; margin:5px 5px; width:25px; display:block; float:left; position:relative;background:#1C3C51;}

nav li a, nav li a:visited, nav li a:hover {font-size:11px;font-weight:bold; list-style:none;display:block; position:absolute;top:0;left:0px; right:1px;height:24px; line-height:24px; width:25px; display: block;text-align:center;color:#fff; font-size:11px; text-shadow:#e8e8e8 0 1px 0;}
nav li.selected{background:#1C3C51;background:linear, left top, left bottom;}
nav li a:focus{outline:none;}

Помогите плиз, а то я в CSS вообще почти не разбираюсь)

jpg 109678.jpg
1NVADER
На сайте с 25.12.2010
Offline
56
#9

уже сам разобрался ...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий