calebelt
-
Posts
8 -
Joined
-
Last visited
calebelt's Achievements
-
В HTML5 нет ничего волшебного. По сути это новые теги и некоторые встроенные возможности браузеров, не более. Тут больше вопрос какой смысл Вы вкладываете в понятие "изучать HTML5"? Для начинающих рекомендую изучить все теги http://htmlbook.ru/html и главное как они работают, изучить все свойства http://htmlbook.ru/css. И тогда можно приступать к урокам вёрстки. Просто читая справочник Вы уже многому научитесь и дальше сами поймёте что читать и куда двигаться. Попутно изучайте JS. Но это уже другая история и посложнее.
-
Сделайте одно видео широким, скажем 2500 px, а другое по ширине слайдера, центральную часть широкого. Фоновое видео подкладываете под слайдер (position: absolute;left:50%;margin-left:-1250px;). Родительский элемент масштабируете, высота обоих видео по высоте родителя. <roditel> <video fon>...</video> <video slider>...</video> </roditel> <style> roditel{width:100%;height:500px; и т.д.} [fon]{position:absolute;margin-left:-1250px;left:50%; и т.д.} [slider]{width:960px;margin:0 auto; и т.д.} </style>
-
Слайдер. <ul style="width: 615%; position: relative; transition-duration: 0s; transform: translate3d(-940px, 0px, 0px);" class="bxslider"><li class="bx-clone" style="float: left; list-style: outside none none; position: relative; width: 690px;"> Поможет припарка. <div class="slider"> <div class="inner"> <div style="max-width: 100%; margin: 0px auto; overflow: hidden; position: relative;" Но вёрстка слайдера немного кривовата, лучше исправить.
- 1 reply
-
- 1
-
-
<div> шире окна браузера без появления скроллера.
calebelt replied to calebelt's question in HTML Coding
Что то у меня не получается. То просто не срабатывает, то расползается. А можно пример кода? Там вообще картиночки будут меняться JS кодом, типа слайдеры такие небольшие. -
<div> шире окна браузера без появления скроллера.
calebelt replied to calebelt's question in HTML Coding
Ну вот можно поставить overflow-x: hidden. Тогда будет скрыт только горизонтальный скролл. Если сайт будут смотреть на ПК, то обычно не сворачивают окна уже 800px. А на смартфонах там скролл либо пальцем делается, либо джойстиком. Ну я так рассуждал. А есть какое то иное решение? К примеру если всё же я сделаю сайт шириной 1000px, а пользователь свернёт окно уже. Вот тут я не знаю как быть -
<div> шире окна браузера без появления скроллера.
calebelt replied to calebelt's question in HTML Coding
Извините. Тупил. Может кому то пригодится. В этом случае надо ставить стиль: body { overflow: hidden; } Работает во всех новых браузерах... Наверное. В IE 7, Opera и FF - работает точно. -
Доброе время суток! Есть такая конструкция: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>div</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Content-language" content="ru" /> <style type="text/css"> .pole_1 { width: 200px; height: 100px; float: left; background: #974C97; } .pole_2 { width: 200px; height: 100px; float: left; background: #3E5896; } #container { width: 800px; margin: auto; } #slider { width: 1600px; margin-left: -400px; margin-right: 0px; } </style> </head> <body> <div id="container"> <div id="slider"> <div class="pole_1"> </div> <div class="pole_2"> </div> <div class="pole_1"> </div> <div class="pole_2"> </div> <div class="pole_1"> </div> <div class="pole_2"> </div> <div class="pole_1"> </div> <div class="pole_2"> </div> </div> </div> </body> </html> Задумка следующая. Есть некая полоса с картинками шириной скажем 1600px. Так же есть основной контент страницы шириной 800px. Полоса с картинками всегда расположена чётко по центру контента. То есть левый край выступает на -400px влево и правый - на 400px вправо. Но тут есть проблема: появляется нижний скроллер в окне браузера, хотелось бы от него как то избавиться. Как это сделать? P.S. Не хотелось бы просто взять и тупо отключить её, может есть более изящное и правильное решение?
-
Добрый день! Есть статичная страница со ссылками, внутри вставлен фрэйм <object type="text/html" width="560" height="426" data="test.html"> </object> Есть ли возможность кликая на ссылки статичной страницы менять контент данного фрейма? Тег <object> выбрал потому что получается все просто (страница простая очень) и аккуратно (iframe глючный довольно и капризный).