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
29542 questions in this forum
-
Рационально ли?
Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: HTML: <div class="news-img"><img src="/img/post1.png" /><span></span><div class="date"> Oct 18, 2010</div></div> CSS: .news-img { position: relative; } .date { padding-right: 24px; background: url('../img/date-arrow.png') no-repeat right; position: absolute; top: 20%; } .date p { background: #2da8d2; padding: 5px 6px 6px 0; } .news-img > span { width: 14px; height: 55px; display: block; position: absolute; left: …
0 votes7 answers -
Неподвижный бэкграунд.
Здравствуйте. Вот возник вопрос, который никак не могу решить. И не знаю, можно ли вообще это осуществить. У меня разрешение экрана 1680*1050. Есть сайт. Фиксированный дизайн шириной 1000px по центру. На задний фон хотел впихнуть картинку.Но максимальная картинка какая влазит, это шириной 1680. Думал 2560 запихать, но её не отображает. Вот и хотел узнать: можно ли как-нибудь засунуть в бэкграунд картинку 2560*1600 расположив её по центру. Чтобы подходило всем, вплоть до этого разрешения. Делаю я вот так: body { background: url(blackwood.png); background-attachment: fixed; background-repeat: no-repeat; background-position:center; }
0 votes2 answers -
Cкрытые br как их удалить
Оч. странная вешь, Firebag показывает br а в блокноте и Dreamweaver их нет, а надо бы их удалить! Не подскажете в чем может быть баг? http://s41.radikal.ru/i091/1105/08/92376147cd72.jpg вот тут большое изображение Всем заранее спасибо за помощь!
0 votes8 answers -
float:right
Всем привет. Кто нибудь может помочь, почему то блок съезжает. С таким глюком сталкивался в нескольких верстках. При назначении float:right для блока 3, он начинает съзжать в IE7. Этот блок лежит в синем диве фиксированной ширины. Пробовал задавать ширину для всех дивов, даже для контейнера, не помогло ничего Оо Скрин прилагается http://imageshost.ru/photo/248519/id908902.html код для синего блока #dtb { background-color:blue; margin:0 auto; height:150px; border: solid 1px red; text-align: center; margin-top:30px; width:1140px; код для блока с цифрой 3 #zem_uch3 { float: right; border:0px; }
0 votes5 answers -
Помогите сделать ссылку в виде "стрелочки"
Нужно сделать как на картинке: Делаю так: <a href="#" class="item">Пункт 1</a> .item{ display: block; position: relative; height:30px; width:130px; line-height:30px; text-align:center; text-transform:uppercase; color:#fff; background-color: #f00; } .item:before{ content:''; position: absolute; left:0; top:0; border-left:15px solid #fff; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:after{ content:''; position: absolute; left:100%; top:0; border-left:15px solid #f00; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:hover{ background-color: orang…
0 votes10 answers -
вертикальное выравнивание
подскажите пожалуйста про вертикальное выравнивание могу смоделировать, но долго. да и теория интересует. допустим ul содержит текст, li, span. все элементы по умолчанию выравниваются по базовой линии текста, который в ul. если этого текста нет, то по какой базовой линии будут выравниваться элементы?
0 votes1 answer -
Padding
Есть блок , в нем текст. У блока есть своя высота и длина , но при применение свойства pudding - они изменяются. Как сделать так , чтобы текст уходил в блок , а не расширял его внешне?
0 votes3 answers -
Флешь прикрытие
Приветствую мои друзья. Я не силен в CSS вот и обращаюсь. Возьмем к примеру большой флешь объект размером - 920х635. Он стоит ровно по середине. При изменении размера экрана бразузера он все-ровно стоит по середине. В этом флешь файле мне нужно закрыть (прикрыть) часть самого этого файла. Я пытался закрыть картинкой размером 387х159, у меня получилось. Закрывал с помощью тега <div id="apDiv2"></div> вот с таким css стилем #apDiv2 { position: absolute; left: 53%; top: 1666px; width: 387px; height: 159px; z-index: 1; background-color: #FFF; background-image: url(../_img/sf_ban.png); }. Но есть небольшая проблема для меня. По вертикали проблем пока врод…
0 votes7 answers -
стиль html в css'е
1) Ребят, поведайте, пожалуйста, полному нубу откуда повелось переопределять тэг html в css? html { background-color: #FFFFFF; background-image: url("../../Img/bckgrnd.jpg"); background-position: center top; background-repeat: repeat; min-height: 400px; } Дело в том, что, подобных приемов в уроках я не встречал. Вроде как всегда приучали работать с body. Но на практике очень часто вижу подобное. 2) Никак не могу понять назначение height: 100% применительно к тому же html: html { ... height: 100%; } - что это дает? Каким образом происходит растяжение по высоте? Пробовал экспериментировать, убирая данное свойство, но никакого изменения не выявил... В общем, подск…
0 votes4 answers -
Как такое сверстать?
Туплю потихоньку... не могу представить как такое можно заверстать: Это список (<li>) пунктов меню. Думаю что нужен один элемент (типа <span> или <div>) внутри <li>, у него сделать прерывающийся бордер, который повыше, а продолжение бордера уже у <li>, но выходит тоже с прерыванием..., но как это сделать? after, before и border? Мозги уже не варят )
0 votes5 answers -
Проблема со спрайтами
http://zverushka.100ms.ru/dantist/ В айпаде и вроде в айфоне - лишняяя полоса - уже и так и сяк, а не могу ее убрать А эта проблема только в сафари. У кнопки установлен transform scale.
0 votes11 answers -
Не знаю как сделать форму
Нужно сделать такую форму, но не знаю как. Получается сделать только просто выпадающий список. Но для сохранения общего дизайна нужна такая. Заранее благодарен
0 votes7 answers -
SVG траблы
Подскажите плиз кто работал с svg, встраиваю svg прямо в html и все круто кроме одного - примерно 2/3 html это svg и еще гадкий jade в sublime 3 ломает индентацию (приходится ручками подправлять). Решил встроить svg спрайтами через background-image но есть проблема - не могу использовать fill, что мне делать то, отдельный спрайт для ховера делать ?
0 votes7 answers -
CSS отказывается работать/отображаться.
Здравствуйте. У меня возникла проблема и я попробую ее объяснить. Дело в том, что у меня отказывается подключаться/отображаться css к html. В коде ошибок нет, вроде все правильно подключаю, а результата нет. Буду очень благодарен если поможете. Скриншот - http://hostingkartinok.com/show-image.php?id=e630d03148bf4d2babe81fedd6c098ae
0 votes2 answers -
Меню западает за видимость
Парни,есть сайт,я его сверстал,но проблема моя в том что выпадающее меню залазит за видимость экрана( Как сделать красиво?Или хотя бы что бы что б оно автоматов в другую сторону выпадало? Вот скрин,и ссылка на сайт. http://cs629325.vk.me/v629325382/27aec/7GVSae6yP5s.jpg http://chobd.esy.es/
0 votes7 answers -
вывод ошибок из ajax
подскажите решение для вывода ошибок при аякс запросах, использую бутстрап алерт не нравится в идеале хочу всплывающий нотис например вверху окна чтобы потом он сам пропал
0 votes3 answers -
как с сайта подключиться к абоненту watsapp
Здравствуйте! Возможно ли сделать так, чтобы пользователь, просматривая сайт на мобильном устройстве, мог по ссылке сразу подключиться к абоненту Watsapp (хозяину контента сайта)?
0 votes3 answers -
div
Я столкнулся с проблемой. Я ограничил div margin'ом со всех сторон %'ами, но мне нужно растянуть div на полную ограничив его этими процентами. Как это сделать? Тут height и width не помогает.
0 votes5 answers -
Тормозит карусель
Добрый день! Или у меня что-то с интернетом или карусель на главной и следующая страничка "купить" долго загружаются. Можете глянуть в чем причина?? Спасибо!
0 votes8 answers -
ссылки в фреймах
В первом фрейме у меня записано Во втором - это: В IE работает нормально, в опере при нажатии например на первую ссылку в первом фрейме, во втором открывается в верхней строчке второй рисунок c point2, а не первый, то есть происходит смещение.
0 votes0 answers -
Таблица в div'е
Мне необходимо нарисовать таблицу внутри дива(который определённой ширины). И когда я рисую таблицу, если она не влезает в этот див, то просто добавлялась полоса прокрутки. Всё бы вроде ничего, сделал, но появилась другая проблема - не смотря на то, что я явно указываю ширину столбцов CSS'ом, они всё равно стремятся быть как можно уже. А мне нужно, естественно, чтоб они были всё-таки той ширины, которую я указываю. Привожу пример исходника: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <style type="text/css"> …
0 votes4 answers -
скрыть при условии
вопщем немогу сам придумать как выстроить такое отношение <div id="rightcolumn"></div> <div id="content"> <table class="contentpaneopencat"></table> </div> нужно чтобы если <table class="contentpaneopencat"> существовал, то <div id="rightcolumn"> был бы {display:none;} нимогу сам сообразить
0 votes2 answers -
Смысл значения -x%
Здравствуйте! Помогите, пожалуйста, понять смысл этого кода Html: <body> <div id="container"> <div id="header">шапка</div> <div id="wrapper"> <div id="content">содержимое</div> </div> <div id="menuGr">меню1</div> <div id="menuBb">меню2</div> <div id="footer">информация</div> </div> </body> Css: html,body{ margin:0; padding:0; } #wrapper{ float:left; width:100%; } #content{ margin: 0 25%; } #menuGr{ background:#7F120D; float:left; width:25%; margin-left:-100%; } #menuBb{ background:#0404EE; float:left; width:25%; margin-left:-25%; } #footer{ background: #…
0 votes7 answers -
z-index
Дорогие форумчани, Не могу разобраться почему не работает z-index.. ttfan.ru Под слайдером есть поле с 3 колонками, над этим полем должен быть маленький header Помогите пожалуйста
0 votes3 answers -
padding в меню
Столкнулся с такой проблемой, хочу сделать отступы от текста сверху и снизу по 5px и по бокам 10px делаю padding:5px 10px; у меня только по бокам отступы получается, а с сверху и снизу ничего не происходит. http://jsfiddle.net/ha7ap/
0 votes8 answers