alex.kv

Вот так вот http://jsfiddle.net/Z9nv8/ все отлично работает. width: 35%;

Тут у вас не много вариантов. Либо использовать данный метод Но можно же сделать валидно. либо писать это на javaScript http://learn.javascript.ru/css-selectors

Спасибо!!! Вы мне очень помогли Очень важно чтобы стрелки переключения были под слайдером! Может и как это сделать подскажите?

Вам еще стоит прочитать статью про наследование от родительских элементов и тогда все станет на свои места!

Добрый день! Прошу прощения есть обратился не в ту ветку. Нужно сделать адаптивный слайдер с помощью bootstrap 3. До этого мне еще не приходилось сталкиваться с bootstrap. Покурив немного литературку мне удалось сделать самый простой слайдер, <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> </ol> <div class="carousel-inner"> <div class="item active"> <img src="img/img_1.jpg" alt="" class="img-responsive"> <div class="carousel-caption"> <h3>IMG_1</h3> </div> </div> <div class="item"> <img src="img/img_2.jpg" alt="" class="img-responsive"> <div class="carousel-caption"> <h3>IMG_2</h3> </div> </div> <div class="item"> <img src="img/img_3.jpg" alt="" class="img-responsive"> <div class="carousel-caption"> <h3>IMG_3</h3> </div> </div> <div class="item"> <img src="img/img_4.jpg" alt="" class="img-responsive"> <div class="carousel-caption"> <h3>IMG_4</h3> </div> </div> </div> <a class="carousel-control left" href="#myCarousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="carousel-control right" href="#myCarousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div>но этого не достаточно! Слайдер, который должен сделать я, должен выглядеть следующим образом: http://i61.fastpic.ru/big/2014/0617/f6/3ae2c8a8bebc6cf35caf9c463a060ef6.png (прошу прошения что так вот разместил изображение, просто видимо на этом форуме нельзя прикреплять свои изображения) Так вот может быть кто-нибудь направит меня меня. Как мне сделать индикаторы переключения под слайдером? Как разместить блоки внутри слайдера? кто знает хороший ресурс?

Спасибо большое! А то никак не мог найти ничего похожего!!!

Добрый день, господа. У меня тут не большие затруднения с изображением http://s020.radikal.ru/i704/1404/1c/eed2d4f43f8e.png подкиньте идею как лучше сделать данную "закладку"(никак не могу придумать как ее назвать)? а то я в ступоре уже несколько часов Единственное что получилось это <div class="bookmark"><span class="triangle"></span></div>.bookmark { height: 250px; overflow: hidden; position: relative;}.triangle { position: absolute; top: 30px; left: 40px; width: 0px; height: 0px; border-style: solid; border-width: 50px 100px 50px 0; border-color: transparent #8b8ba6 transparent transparent;}

Вот так вот еще можно сделать http://jsfiddle.net/psics/fLL42/

Да вдавленный текст! Просто не знал как правильно выразиться.

День добрый! Начал верстать макет и с самого начала не знаю с чего начать. http://s019.radikal.ru/i605/1404/28/91ca0a8db98b.png подскажите как можно добиться такого результата с текстом!

Попробуйте сделать через position. Тогда она всегда будет на том месте где вы ее укажите.

Все привет. Оцените как у меня получилась сверстать сайт. Это моя первая работа, так что хотелось бы выслушать горькую правду) http://woodstockgadryerrepair.com/