alex.kv
User-
Posts
36 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by alex.kv
-
Добрый вечер, господа. Есть сайт написанный с использование bootstrap Все отлично, но вот проблема с футерем при разрешении 786x1024 Ссылка на cайт: http://justexemple.host56.com/ Вот изображение того как футер выглядит http://c2n.me/3ddzptb Подскажите как решить такую проблему
-
Добрый день! Может кто-нибудь знает или использовал данный слайдер для товара продукта http://c2n.me/3cmxRcm еще при нажатии на изображение оно увеличивается как в jquery плагине slimBox http://c2n.me/3cmy8V3 Подскажите где найти подобное!
-
Спасибо большое! Без вас я бы разбирался очень долго. А почему overflow: hidden не давало показываться меня?
-
Возникла еще одна проблема. Я поднял sub-menu на высоту которая указана в макета и теперь не могу выбрать элементы дополнительного меню, так как когда пытаюсь навести на него оно тут же исчезает, так как я убираю мышь с основного пункты. Как такую вещь решить?
-
Добрый день! Никак не могу решить проблему со своим меня на сайте. По макету все должно выглядеть следующим образом http://c2n.me/3cdJWb4 Но у меня почему-то .sub-menu оказывается под сладером( пробовал выставлять для них z-index. Ничего не помогает. Подскажите как решить проблему? Вот сам сайт: http://justexemple.host56.com/
-
Добрый день! Понравился эффект с сайта http://nikeo.orgfree.com/ Под слайдером три изображения и при наведение на них они принимают форму эллипса. Как такое сделать?
-
Спасибо большое! я как ребенок(
-
При верстке возникла проблема со смещение блока в левую сторону Вот как должен выглядеть результат: http://c2n.me/3cbTQRl Но блок "Наши видеообзоры" никак не хочет смещаться влево( Вот что оно из себя представляет на данный момент: http://justexemple.host56.com/ Как мне изменить расположение блока video-description?
-
Доброй ночи! Нужно сделать пунктирную линию справо и слево от изображения. На картинке пример http://c2n.me/3c83tWt Вот то как это пока сделал я http://jsbin.com/pibecoyofo/1/edit?html,css,output Кто подскажет как сделать больше чем одна точна с одной стороны?
-
Как выровнять div по правому краю без float!
alex.kv replied to Antoshka007's question in HTML Coding
Киньте весь код! -
Тогда советую основательно ознакомиться с этой темой, так как она важна, очень сильно важна. Вам подходит мой вариант?
-
Добрый вечер, господа! У меня в макете нужно сделать следующее наложение блоков http://c2n.me/3c7Bs0s Нужно чтобы на слайдере была наложена шапка Никак не могу придумать как это сделать. Подскажите как бы это сделали вы? Вот то что сейчас есть: http://justexemple.host56.com/
-
А что вы имеете против float? Попробуйте вместо .bottom_menu> div { display: inline-block}сделать .bottom_menu>div { float: left;}Теперь все становить как надо
-
Но ведь если я сделаю ховер на блок, тогда будет изменяться background блока, а не круга( Там следующая иерархия <div class="block"> <a href="#"> <p>Some text</p> </a> <p> bla bla bla </p></div>
-
День добрый! Есть следующий участок макета: http://c2n.me/3a3Bzoo вот код которым я его сверстал: html <section><article><div class="container"><div class="row"><div class="col-sm-12"><h2>summarise the features</h2><h3>summarise what your product is all about </h3><div class="col-sm-3"><div class="block"><a href="#"><p>Attractive Layout</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>Fresh Design</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>multipurpose</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>Easy to customize</p></a></div></div></div></div></div></article></section>css section article .block a { border: 4px solid #efefef; display: table-cell; vertical-align: middle; text-align: center; width: 160px; height: 160px; background: #4BCAFF; border-radius: 50%; position: relative;}section article .block a p { color: #414042; font: bold 15px "lato", sans-serif; position: absolute; top: 180px; left: 25px;}section article .block a:hover { background: #414042;}Получилось вроде не плохо http://c2n.me/3a3BHgc Но никакой не могу понять как сделать чтобы при наведение на круг изменялся background круга и цвет текста. Хотелось бы увидеть как это можно сделать на jQuery!
-
Добавьте небольшие изменения себе в код <div id="topmenu"><ul> <li><a href="#">Home</a></li> <li><a href="#">About us</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact us</a></li> <li><a href="#">FAQ</a></li></ul> <div class="clear"></div></div> #topmenu{background: blue;width: 100%;}#topmenu ul{ list-style:none; height:40px; background:#000 url(images/bg-nav.gif) top left repeat-x;#topmenu ul li a{ display:block; padding:0 10px; float:left; text-transform: uppercase; font:70%/40px Helvetica,"microsoft sans serif",arial,sans-serif; color:green; text-decoration:none; text-align:center;}Проверил в Chrome, Firefox, IE все работает. И старайтесь как можно реже использовать для блоков height
-
Посмотри вот тут вот http://subtlepatterns.com/ может что интересное себе подберешь. Там вроде и заказать можно!
-
Добрый день, знатоки! Оцените качество верстки! Готов принять всю правду и исправиться в следующий раз http://justexemple.host56.com/
-
Добрый день, господа знатоки! Ни как не могу въехать в тему применения градиентов для текста с помощью css. У меня в шаблоне логитип-градиент. http://i031.radikal.ru/1407/73/088d0dac1b86.png http://s018.radikal.ru/i523/1407/fe/93fda5f53c40.png Я попытался сделать его вот таким вот способом .content .logo .logoText { position: relative; font-size: 40px; color: #FFF;}.content .logo .logoText:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, #a00018 35%, #c82945 51%, #e4102c 96%); background-size: 100% 100%;}но получилась полная ерунда http://i058.radikal.ru/1407/12/a430d1abfcb9.png Подскажите как быть. Как сделать такой просто пример? Где лучше почитать как делать градиент для текста в css?
-
спасибо! Не могу поверить что пропустил такую элементарную ошибку постоянно пользуюсь Инспектором кода, но если бы сам мог понять, то не спрашивал бы совета.
-
Попробуйте вот такой вот вариант http://codepen.io/alexkv/pen/Higel
-
Добрый день! Никак не пойму почему у меня в хедаре следующая ерунда: http://clip2net.com/s/ioDzH2 <header> <div class="contener"> <div class="logo"> <img src="img/logo.png" alt=""> <h2>Professional oral care</h2> </div> <div class="english"> <a href="">In English</a></div> <nav> <ul> <li><a href="#">О компании</a></li> <li><a href="#">Продукты</a></li> <li><a href="#">Выбери себе</a></li> <li><a href="#">Общение</a></li> </ul> <ul> <li><a href="#">Сотрудничество</a></li> <li><a href="#">Карьера</a></li> <li><a href="#">Контакты</a></li> </ul> </nav> <div class="social"> <p>Мы на <a href="#">Facebook</a></p> </div> <div class="search"> <input type="text"> <input type="image"> </div> </div> </header>.contener { width: 960px; margin: 0 auto; font-family: "Helv"; font-weight: normal; /*position: relative;*/}/*******************HEADER************************/header { background: #ECF0F2; overflow: hidden; }.logo { float: left; margin: 39px 0 0 0; width: 14%; padding-left: 10px;}.logo h2 { font-size: 14px; font-weight: normal; width: 50%; margin: 8px 0 0 1px;}.english { padding: 36px 0 0 24px; float: left; width: 12%;}.english a { color: #818181; font-size: 13px; font-style: italic;}nav { width: 40%; overflow: hidden; padding-top: 22px;}nav ul { vertical-align: top; list-style: none; float: left; padding-left: 45px;}nav ul li { padding: 0 0 10px 0;}nav ul li a { font-size: 14px; color: #d0003e;}nav ul li a:hover { text-decoration: none;}nav ul:last-child { padding: 0 0 0 80px;}Пытаюсь присваивать блоку social и search float: left, но они оказываются не на верху хедера, а внизу. Почему так получается?
-
А она у вас в psd варианте?
-
А что собственно за DLE не поделитесь ссылкой?