Помощник
 |
|
|
|
|
Сообщение сайта
 Помогите немножко по html, А то уже совсем... |
Maxim-KL
|
Сообщение
#1
|
||
 MaximGroups.net  Группа: Banned Сообщений: 1423 Регистрация: 24.9.2010 Из: localhost Поблагодарили: 437 раз Репутация:  122 
 |
|
||
 |
|
||
 |
|
Vred
|
 12.2.2013, 3:05;
Ответить: Vred
Сообщение
#2
|
 мошенник Группа: Banned Сообщений: 679 Регистрация: 19.6.2012 Из: Украина Поблагодарили: 314 раз Репутация: 53
|
Maxim-KL,
.video {padding-top: XXpx; padding-left: XXpx} - тут подгоняй
<div class="video"> - див по размеру картинки, монитор фоном, видяха в диве <iframe width="433" height="244" src="http://www.youtube.com/embed/LOoRDBC3OHI" frameborder="0" allowfullscreen></iframe> </div> Сообщение отредактировал Vred - 12.2.2013, 3:06 -------------------- |
|
|
|
|
devuser
|
12.2.2013, 3:07;
Ответить: devuser
Сообщение
#3
|
 Все будет тип-топ Группа: Active User Сообщений: 713 Регистрация: 5.12.2012 Из: Online Поблагодарили: 345 раз Репутация: 52
|
-------------------- |
|
|
|
|
Vred
|
12.2.2013, 3:22;
Ответить: Vred
Сообщение
#4
|
|
мошенник Группа: Banned Сообщений: 679 Регистрация: 19.6.2012 Из: Украина Поблагодарили: 314 раз Репутация: 53
|
<style> .video {width: 512px; height: 512px; background-image: url(Monitor.png); padding: 0px; background-repeat:no-repeat; background-position:left } .code { padding-top: 80px; padding-left: 41px;} </style> <div class="video"> <div class="code"><iframe width="433" height="244" src="http://www.youtube.com/embed/LOoRDBC3OHI" frameborder="0" allowfullscreen></iframe></div> </div> Вот у меня на скорую руку такой код получился Вроде работает Но можно грамотней P.S.: Но я бы не стал возиться с вставкой ролика в картинку монитора Самый шик сейчас - чтобы по клику ролик открывался в модальном окне в широком формате и приличном размере. Как открываются всякие jquery лайтбоксы для картинок. -------------------- |
|
|
|
|
Maxim-KL
|
Сообщение
#5
|
|
MaximGroups.net Группа: Banned Сообщений: 1423 Регистрация: 24.9.2010 Из: localhost Поблагодарили: 437 раз Репутация: 122
|
Vred, devuser, Огромное вам спасибо за то что помогли а то думал ча что то сломаю...
-------------------- |
|
|
|
|
Vred
|
12.2.2013, 3:44;
Ответить: Vred
Сообщение
#6
|
|
мошенник Группа: Banned Сообщений: 679 Регистрация: 19.6.2012 Из: Украина Поблагодарили: 314 раз Репутация: 53
|
Maxim-KL, да не стоит оно таких нервов. Relax
-------------------- |
|
|
|
|
Maxim-KL
|
Сообщение
#7
|
|
MaximGroups.net Группа: Banned Сообщений: 1423 Регистрация: 24.9.2010 Из: localhost Поблагодарили: 437 раз Репутация: 122
|
И так моя проблема продолжение... Ну никак я не могу нормально работать с голым html в больших обемах у меня траблы получаются... Все что выше спрашивал я организовал так:
<style type="text/css"><!-- .monitor{ position:relative; width:512px; height:512px; background:url(http://....Monitor.png) left top no-repeat; } .area{ position:absolute; left:40px; top:80px; width:430px; height:245px; background:#ddd; overflow:hidden; } .area *{ max-width:430px; max-height:245px; } --></style> <div class="monitor"> <div class="area"> Нужная вставка </div> </div> Но почему то идет выравнивание на левую сторону странички а мне надо на правую... Как я не пробую передвинуть в право оно все равно отображается с левой стороны... Как это чудо передвинуть в правую сторону? 
-------------------- |
|
|
|
|
x64
|
13.2.2013, 13:47;
Ответить: x64
Сообщение
#8
|
 F.A.L.L.O.U.T. Группа: Active User Сообщений: 4055 Регистрация: 30.6.2011 Из: Железнодорожный (Балашиха) Поблагодарили: 3409 раз Репутация: 331
|
что справа, монитор? для .monitor добавить:
margin-left:auto; или содержимое? для .area text-align:right; |
|
|
|
|
devuser
|
13.2.2013, 14:50;
Ответить: devuser
Сообщение
#9
|
|
|
Все будет тип-топ Группа: Active User Сообщений: 713 Регистрация: 5.12.2012 Из: Online Поблагодарили: 345 раз Репутация: 52
|
для .monitor добавьте в css
float:right Собственно по моей ссылке выше я обновил код, чтоб можно было увидеть как получится.
Сообщение отредактировал devuser - 13.2.2013, 14:54 -------------------- |
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Вёрстка HTML-писем | 30 | Vampler | 29406 | 27.3.2024, 12:41 автор: Vampler |
 |
Помогите вспомнить рекламного бота Телеграм для обмена рекламой | 0 | Mixatraider | 730 | 21.2.2024, 23:42 автор: Mixatraider |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3489 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3422 | 19.12.2023, 18:55 автор: CULA |
|
Залить html страницу на 20 доменов | 6 | TABAK | 1710 | 22.5.2023, 16:24 автор: KORUP |
|
Текстовая версия | Сейчас: 25.4.2024, 5:27 |
