HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
opacity
Доброго времени суток дорогие форумчане. Появилась необходимость сделать сайт с фоновой фоткой. И тут в бой идут полупрозрачные блоки. И собственно вопрос: Когда блоку ставится прозрачность, текст внутри тоже становится той же прозрачности. Так избежать этого? сделать нормальной видимости? Заранее спасибо за ответы.
0 votes2 answers -
Как сдвинуть средний контейнер вверх, с наложением на верхний, так чтобы нижний поднялся?
Здравствуйте! Вот такая засада, у меня есть 4 контейнера, которые идут порядком друг за другом. Вот так http://jsfiddle.net/jjkJ8/8/ Мне нужно поднять 2й контейнер так чтобы он наложился на первый. Поднимаю его добавляя свойства position: relative; и top: -20px; Сам контейнер поднимается, но вместо себя оставляет пустое место. Мне же нужно сделать так чтобы блоки которые находятся ниже его, заняли его позицию. Чтобы пустое место не оставалось... Уже день сижу и мозг сломал весь. Буду благодарен за помощь опытных товарищей по цеху!
0 votes2 answers -
Съезжает меню
Добрый вечер! Сделал меню, но при масштабировании последний пункт съезжает. Подскажите, что можно с этим сделать? http://jsfiddle.net/P274Z/embedded/result/
0 votes6 answers -
Изменение фона меню при наведении на ссылку
Дорогие коллеги! Крайне нуждаюсь в вашей помощи в решении следующего вопроса. Есть панель горизонтального меню. Нужно, чтобы при наведении изменялся фон и был размером по высоте как панель, по ширине на 5px шире (слева-справа), чем анкор ссылки. Именно так я и сделал. Есть одно НО: при навдении всё меню сдвигается вправо на 5 px. А нужно, чтобы при наведении текст меню не двигался. Код HTML: <ul class="navig"><li><a href="#">Бронирование отеля</a></li><li><a href="#">Купить авиабилет</a></li><li><a href="#">О сайте</a></li><li><a href="#">Контакты</a></li></ul>Код C…
0 votes8 answers -
Как сделать градиентом 3 полосы разного цвета?
http://jsfiddle.net/Zverushka/eAX7f/ Получается не 3 полосы, а гриентный переход. Можно ли как-нибудь сделать именно 3 полосочки однопиксельные?
0 votes7 answers -
Подскажите как сделать картинки одного размера.
Есть код <link rel="stylesheet" href="http://ergodesign.biz/application/maxsite/templates/nic/css/style.css"><table><tr><td><a href="http://ergodesign.biz/uploads/grusha_arozo2.jpg"> <img src="http://ergodesign.biz/uploads/grusha_arozo2.jpg"></a> </td><td><a href="http://ergodesign.biz/uploads/grusha.jpg"> <img src="http://ergodesign.biz/uploads/grusha.jpg"></a></td><td><a href="http://ergodesign.biz/uploads/oreh_temnij2.jpg"> <img src="http://ergodesign.biz/uploads/oreh_temnij2.jpg"></a></td><td> <a href="http://ergodesign.biz/uploads/klen_vankuver1.jpg"&g…
0 votes11 answers -
Плавное вращение 3Dкуба на css3
Есть исходник 3д куба с надписями на гранях, но он дергается при повороте мышкой и текст на нем выделяется.. Как это устранить? спс. вот пример http://www.paulrhayes.com/experiments/cube-3d/touch.html $(function(){ var el = document.createElement('div'), transformProps = 'transform WebkitTransform MozTransform OTransform msTransform'.split(' '), transformProp = support(transformProps), transitionDuration = 'transitionDuration WebkitTransitionDuration MozTransitionDuration OTransitionDuration msTransitionDuration'.split(' '), transitionDurationProp = support(transitionDuration); function support(props) { for(var i = 0, l = props.len…
0 votes3 answers -
помогите сделать такой угол
Всем привет) подскажите как сделать такой угол? через border-radius не получается. http://cs421116.vk.me/v421116720/e15e/RYr1sOtp99M.jpg
0 votes4 answers -
Как подключить geoIP на сайт
На сайте необходимо определить местоположение посетителя из 4 стран, даже из 3-х. Украина, Казахстан и Беларусь. Соответственно, если человек с Украины его надо перенаправить на поддомен ua.domen.com, если с Казахстана - на kz.domen.com и т.д., если человек не из этих 3 стан его необходимо перенаправить на поддомен ru.domen.com Перечитал много материала по теме, но как-то всё сложно. Мне не надо базу по каждому городу в мире, всего 3 страны. Посоветуйте как можно реализовать перенаправление пользователя.
0 votes1 answer -
Выпадающее меню
Добрый день! Уж не раз мне здесь помогали и теперь пришел за помощью. Посмотрите пожалуйста как выпадает плавно список "Наші фото" на этой странице и как резко выпадает тот же список вот здесь. Я устал уже искать ветра в поле ..., помогите исправить на второй странице, что бы выпадающий список показывался плавно как и на первой странице. Спасибо.
0 votes6 answers -
Подскажите с тегом input
Привет, подскажите как сделать чтобы в поле input текст не отправлялся по нажатию Enter, а переносился на следующею строку? и еще как сделать чтобы поле ввода можно было растягивать?
0 votes2 answers -
В чем проблема
Проблема заключается в следующем, хочу сделать мелкие правки на сайте ( править шаблон) сайт - http://wmzworker.ru Для этого я нажимаю проинспектировать элемент, но по какой то причине я не могу найти файл в котором лежит код отдельного елемента, постоянно показывает тот же самы файл в котором ничего нету. И так каждый раз какой бы я елемент не выбрал. http://firepic.org/images/2014-01/17/vuybv62lyrgi.jpg показывает файл css.php в котором ничерта нету.......как же мне править? вот что находится в этом файле: ничерта нужного мне <?php/*******************************************************************************************************************************…
0 votes1 answer -
Про background и спрайты
Всем привет, что-то туплю, скажите, правильно ли понимаю, что спрайты получится использовать только если мы задаем ширину и высоту объекта на странице и фоном на весь этот размер накладываем часть спрайта, равную этому размеру, позиционируя его с помощью background-position ? Т.е. в случае, если мы просто накладываем на кнопку файл с картинкой (не спрайт, а именно отдельный файл), позиционируем его 0% 50% к примеру (с левой стороны посередине), а для свойства :hover подкладываем уже другой файл по такому же принципу - в этом случае каким-то образом эти два файла в спрайт собрать получится ? Надеюсь понятно объяснил
0 votes1 answer -
Верстка сложного background
Ребята помогите пожалуйста, есть такой макет http://itmag.es/4NwBe #itmages , как мне правильно вырезать, чтоб было как на дизайне, все сделано текстурой??????
0 votes0 answers -
Что дает прокрутку?
Никак не могу определить, какой элемент дает прокрутку - вместо 1024пикселя получается 1040 где-то, когда появляется скролл. Может есть какой способ удачный - чтобы легко понять? Уже вроде и все удаляла по очереди и все равно непонятно.. http://zverushka.zz.mu/kadr/index.php Ну и на всех блоках базовых стоит overflow hidden. Откуда блин И по-моему в мозилле скролла нет, а есть он только в вебкит. Ага и в ослике тоже нет прокрутки лишней.
0 votes2 answers -
CSS изображение накладываться на другое
изображение накладываться на другое, но мне нужно наоборот! перепробовал все что можно было, помогите.. файлы <a href="#"> <div class="b_send"> <span class="b_send2">Отправить заявку</span> </div></a><div class="red"></div> .b_send{ padding-top: 6px; overflow: hidden; background: url(../images/button_send.png) no-repeat; width: 132px; height: 31px; font-size: 12px; font-style: italic; color: #000; text-align: center;}.b_send2{ border-bottom: 1px dashed #000000;}.red{ background: url(../images/red.png) no-repeat; height: 80px; width: 80px; margin-top: -52px; margin-left: 16px;}
0 votes4 answers -
Помогите справиться с центрированием в диве, ну никак...
Ребят, испробовал уже кучу методов, не пойму что мешает... Вот сайт: http://testwp.sysrtfm.ru/ на розовом фоне меню, хочу его элементы разместить по центру, по горизонтали... Если не сложно посмотрите плз. Буду признателен
0 votes2 answers -
Помощь по форме поиска
Помогите разобраться с формой поиска на сайте vesti.bg. Подскажите чем реализован эффект увеличения поля. Если за счет скрипта, то укажите где он находится в исходном коде и как правильно подключается. Спасибо!
0 votes1 answer -
Подскажите как реализовать такую форму
Вот как выглядит эта форма http://i.imgur.com/PdC14Rk.png Необходимо чтобы при нажатии на в корзину выбранное значение передавалось другой странице. Как это можно реализовать?
0 votes5 answers -
Странная анимация цвета
http://jsfiddle.net/Zverushka/D2x4y/ Вы можете заметить, что при анимации цвет сначала становится темнее, а в конце анимации светлее - почему?
0 votes11 answers -
Как можно сделать клик по фону?
Есть блок с текстом и фоновым изображением. Вот пример http://jsfiddle.net/mGW6E/ Как можно отследить клик именно по фоновому изображению? Не по тексту и не по пустому месту, а именно по фоновой картинке?
0 votes11 answers -
Как разместить фон с отступами и с repeat
Здравствуйте! Помогите пожалуйста разместить фон top_menu.png для кнопки background-image: url(top_menu-l.png), url(top_menu-r.png), url(top_menu.png); background-position: top left, top right, left 5px right 5px; background-repeat: no-repeat, no-repeat, repeat;
0 votes4 answers -
Межстрочный интервал
Нужно сделать веб страницу по образцу: У меня же получается следующее: Нужно уменьшить межстрочный интервал, в соответствии с образцом. Попробовал задать его через тег line-height во внутреннем листе стилей, но он воздействует на текст не так, как надо: при его использовании меняется межстрочный интервал, но строки, на которых содержатся подстрочные и надстрочные индексы (3я и 4я строка абзаца) продолжают отстоять друг от друга на расстояние большее, чем их соседи без индексов (1я и 2я строка), что не соответствует образцу. Как еще можно исправить этот недочет? И да, не знаю важно это или нет, но образец - это вордовский документ, а не веб-страница.
0 votes6 answers -
Вертикальный текст в таблицах
Здравствуйте, как вы знаете, в таблицах всегда текст записывается горизонтально. Но как его записать вертикально? Нельзя использовать ничего кроме css. Разумеется, текст может быть любой длины. Можно ведь повернуть на 90° текст? Спасибо огромное тому гению, что подскажет отгадку.
0 votes5 answers -
Помогите разобраться с примером всплывающего окна
Пример реализован вот так: http://jsfiddle.net/vend3tta/SE4tS/ по ссылке всё работает, пробую реализовать сам - не работает Вот код html файла: <!DOCTYPE html><head><title>CSS3 Javascript</title><link rel="stylesheet" href="css/style.css"><script type="text/javascript">p = $('.popup__overlay')$('#popup__toggle').click(function() { p.css('display', 'block')})p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') }})$('.popup__close').click(function() { p.css('display', 'none')})</script></head><body><p><input type="button" value="Popup!" i…
0 votes7 answers