Помощник
|
проблема с двумя блоками css |
123456789igor
|
Сообщение
#1
|
||
|
|
||
|
|||
omfg |
27.8.2012, 22:39;
Ответить: omfg
Сообщение
#2
|
|
Можно ссылку на страницу если это не denwer или полный html + css код
|
|
|
123456789igor
|
Сообщение
#3
|
|
[attachment=39106:index.html][attachment=39107:shadowbox-3.0.3.rar]
вот |
|
|
kvmutl |
28.8.2012, 4:56;
Ответить: kvmutl
Сообщение
#4
|
|
а обтекание где?
для .border-bot и .border-bot2 свойство float:left установите |
|
|
RiD_hb |
28.8.2012, 10:07;
Ответить: RiD_hb
Сообщение
#5
|
|
ну у вас grid... по ней и стройте...
что то в таком духе... <div class="container_12">
<div class="grid_8"> <iframe width="640" height="480" src="http://www.youtube.com/embed/0FgKQdc96k4" frameborder="0" allowfullscreen></iframe> </div> <div class="grid_4"> <p><strong>Right Sidebar:</strong> Integer velit. Vestibulum nisi nunc, accumsan ut, vehicula sit amet, porta a, mi. Nam nisl tellus, placerat eget, posuere eget, egestas eget, dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In elementum urna a eros. Integer iaculis. Maecenas vel elit.</p> </div> </div> |
|
|
123456789igor
|
Сообщение
#6
|
|
попробовал с grid но результат тот же что и с float:left для border-bot и border-bot2 все перекашивается
http://demo3285.atservers.net/ |
|
|
123456789igor
|
Сообщение
#7
|
|
а если делать так:
<article class="a1 border-bot extra-wrap"> <iframe width="640" height="480" src="http://www.youtube.com/embed/0FgKQdc96k4" frameborder="0" allowfullscreen></iframe> Right Sidebar: Integer velit. Vestibulum ni </article> при [CSS].border-bot { /* float:left; */ padding:0px 86% 30px 0; margin-bottom:29px; border-bottom:1px solid #1d1d1d;[/CSS] то видео и надпись располагаются просто друг под другом при float:left все сносит и перекашивает |
|
|
123456789igor
|
Сообщение
#8
|
|
все проблема решена в большее степени спасибо RiD'у сделал что мне нудно через grid
|
|
|
omfg |
28.8.2012, 17:43;
Ответить: omfg
Сообщение
#9
|
|
фуф,ну и версточка на этом сайте,ничего не понятно сначала было,разобрался
может немного нерационально но работает,после <div class="container_12"> и до <!--- <div class="grid_8"> пропиши <div class="main"> <div class="one"> <iframe width="640" height="480" src="http://www.youtube.com/embed/0FgKQdc96k4" frameborder="0" allowfullscreen></iframe> </div> <div class="two"> Right Sidebar: Integer velit. Vestibulum ni </div> </div> В css добавь [CSS].main { width: auto;height:500px;} .one { margin-left:10px; width: 650px;float:left; } .two { margin-left:10px; width: 250px;float:left; }[/CSS] Вот результат [IMG]http://fotohost.kz/images/2012/08/28/YGXt.png[/IMG] |
|
|
RiD_hb |
28.8.2012, 17:59;
Ответить: RiD_hb
Сообщение
#10
|
|
|
фуф,ну и версточка на этом сайте,ничего не понятно сначала было это не верстка, это CSS Фреймворк перелопаченоый...
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3331 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3291 | 19.12.2023, 18:55 автор: CULA |
|
Продам генератор постов для соц. сетей, работающий на контенте со сторонних сайтов, со встроенными своими рекламными блоками под выведение нужной рекламы | 0 | Tutich | 2492 | 19.8.2021, 9:47 автор: Tutich |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6438 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1652 | 3.3.2021, 12:22 автор: kozak199110 |
Текстовая версия | Сейчас: 28.3.2024, 23:37 |