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
-
Как к селекту привязать координаты с google-карты?
Есть такая вещь, на странице снизу есть google-карта, выше нее - селект с названиями горов, как сделать так чтобы выборе города из селекта на карте переходило на его координаты? как можно к option привязать координаты?
0 votes7 answers -
Как отцентровать фон?
Здравствуйте. Есть вот такой макет: http://s49.radikal.ru/i125/0901/53/2be8519c2d6a.jpg Необходимо чтоб при уменьшении размеров браузера, фон всегда выравнивался по центру. Грубо говоря в данном макете центр примерно совпадает с двойной сплошной полосой на дороге, если уменьшить окно, то центр сместится. Как этого избежать? В верстке пока мало опыта, сделал только вот эти варианты (на вставки php не обращайте внимание, это будет тема для Drupal'а: <table align="center" border="0" cellpadding="0" cellspacing="0" background="<?php echo $base_path.'themes/region-leader/'?>top_back.jpg" height="456" width=100%> <tr> <td> </td> </tr>…
0 votes2 answers -
Поставить tabindex на элемент div
Здравствуйте Помогите решить задачу. Нужно что при нажатии на клавишу tab фокус определялся на блок див http://joxi.ru/_uqNUxjKTJBvH-c2a_o . Затем если нажать entre открывается дропдаун с выбором локали. Как это сделать ? <div tabindex="0" class="leng drop"> <div class="curr drop-btn">En</div> <ul class="drop-list" style="overflow: hidden; display: none;"> <li class="ru"> <a href="http://dev.digitcapital.com/ru/">Ru</a> </li><li class="en active"> <a href="http://dev.digitcapital.com/en/">En</a> </li> </ul></div>
0 votes5 answers -
valign в мозилле не работает корректно
Вот код (http://fugas-test.jino-net.ru/?color=000000): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <style type="text/css"> <!-- .borderous { border-width: 1px; border-style: solid; border-color: #<?=$_GET['color'];?>; border-left: 0; border-right: 0; } --> </style> <link href="/main.css" type=text/css rel=stylesheet></link> <script defer src="/js/pngfix.js" type="text/javascript"></script><!-- by Vasya Zhukov --> <script src="/js/flash.js" type="text/javascript"></script> <script type="text/javascript">color = "<?=$_GET['color'];?>";</script> <t…
0 votes3 answers -
div в ячейке таблицы.
здравствуйте. итак. суть проблемы такова. не люблю див-ы. пользуюсь таблицаме. задача: есть таблица. есть маленькие картинки. надо, например, три картинки в одну ячейку поместить. причем надо сделать чтобы одна из картинок была на заднем плане. при наведении курсора на любую из картинок работает жабаскриптовская ф-ция. помещаю две картинки в один див, одну в другой див. ну и само собой они(див-ы) идут друг за другом, т.е. размеры ячейки увеличиваются. как вариант попробовал размеры див-ов уменьшить чтобы просто впихнуть все див-ы в одну ячейку таблицы. но так читает тока в мозиле, а в опере и ие размеры див-а игнорятся. но всё равно это не выход. хотелось бы чтобы имен…
0 votes10 answers -
Убрать рамку вокруг ссылки в ИЕ8
ДОброго времени суток! Подскажите, можно ли убрать рамку вокруг ссылки при получении фокуса в ИЕ8 без помощи js? Для остальных браузеров решается с помощью outline: none...
0 votes15 answers -
Reset (прислал верстальщик)
reset.css - прислал верстальщик. Я обычно просто, чтобы не париться, прописываю * {margin:0; padding:0;} Будет ли удобнее и правильнее с таким reset? /* ========== Reset list ========= */ body {margin:0;padding:0;} img {border:0;} :focus {outline: 0;} a {outline:none;} /* ————————-- */ /* Headers all reset */ h1, h2, h3, h4, h5, h6 {margin:0;padding:0;} /* ————————-- */ /* List reset */ ul, ol, li {margin:0;padding:0;list-style: none;} /* ————————— */ /* Definition list (if use) */ dl, dt, dd {margin:0;padding:0;} /* ————————— */ /* Tables (if use) */ table {border-collapse:collapse;border-spacing: 0;} /* ======= End of main list reset ========= */ …
0 votes27 answers -
IE6+ и graceful degradation
Решив провести субботний вечер за просмотром полезного видео о веб технологиях и верстке в частности, натолкнулся на замечательный доклад «Когда хуже — лучше» Юрия Артюха с конференции «РИТ 2011» проходившей весной в Москве. Эту запись я увидел как только она была слита в интернет, но почему-то не принял ей особого значения. И вот вчера, пересмотрев ее еще раз, осознал все великолепие его доклада. Понимаю, что часть форумчан его видела, возможно даже бОльшая, а те кто не видел обязательно посмотрите. Но я все же хочу немного написать о теме, которую он затронул. Так сказать, закрепить материал. Итак, что же предлагал Юрий? Скорее всего вы уже знаете о таком подходе как gr…
0 votes7 answers -
Вставка изображения в псевдоэлемент.
Добрый день! Столкнулся с проблемой отображения картнки в ::before, ::after. Блок сам отрисовывается-виден при проверке. Могу в content запихнуть тескт-все норм, отрисовывается. А вот добавление изображения ни в какую. Пробовал запихивать даже в content: url(address); и в background: url('address'); Проверял путь к картинке-нормальный(проверял на обычном <img src='address'>). Предоставить могу лишь кусок кода: весь проект не имею возможности скинуть. http://cssdeck.com/labs/nafhnhr5
0 votes4 answers -
position:absolute + relative в одном. Есть такое?
кто нибудь знает, можно сделать, что бы объект позиционировать не от угла экрана, а как нибудь от какого то выбранного места, но при этом, что бы он не занимал места, как в position:absolute . А то столкнулся с такой поблемой. Сайту уже чуть ли не полгода, а я его с помощью position:absolute делал на своем обычном, так сказать, мониторе. Все было красиво, пока не посмотрел с широкоэкранного, я был в ужасе
0 votes10 answers -
Помогите с кодом для резиновой верстки
Ребята... Подскажите, а еще лучше, помогите с кодом на сайте khodyka.com Хочу сделать другу сайт, только опыта почти нету....И вышла загвоздка с шапкой страницы....она банально разъезжается при увеличении масштаба.. мне необходимо следующее: 3 области в шапке 1 div под левый рисунок (200Х200) 2 div посередине, разделенный на две области - верхний ДИВ под яваскрипт, отображающий карусель фотографий, нижний ДИВ - отображение навигации для зарегистрированных пользователей; 3 div справа, который отображает обрезанный тизер статьи. Под седьмой эксплоер худо бедно подправил, под 6-ой - тихий ужас. И самое главное - как сделать, чтобы нормально тянулся сайт (шапка), и …
0 votes23 answers -
Высота ссылки
Задая : a { height: 16px; font-size: 16px; } я не могу получить того чего хочу. Как сделать правильно?
0 votes2 answers -
Как прижать футер книзу экрана?
Здравствуйте! Сразу оговорюсь, что прижимать просто так футер книзу я умею (хоть и считаю это совершенно ненужным...). Теперь к сабжу. Есть такой код (код не мой, просто подходит для примера): Код можно посмотреть на этой странице http://www.xs4all.nl/~peterned/examples/csslayout1.html Там макет из хедера, контента и футера. Причем контент растянут на 100% по высоте. Мне надо сделать так: 1. надо сделать хедер, допустим 100px по высоте 2. надо сделать футер, допустим 100px по высоте 3. самое интересное: надо сделать так чтобы между ними был контент, чтобы он был растянут на всю оставшуюся высоту экрана (как в примере по ссылке), но чтобы, если высота контента превышает вы…
0 votes8 answers -
Резиновый блок с текстом. Как сделать?
Сверстал полностью резиновый шаблон по высоте и ширине для разрешения экрана от 1000 пикселей. Но вот незадача: главную задумку - сделать резиновым блок с текстом (с автоматической полосой прокрутки) никак не получается. Вот как должен выглядеть блок под разрешением 1280*1024: Выкладываю пример с версткой и с фиксированой шириной текстового блока: http://ooopri.pavelzheglov.ru/
0 votes17 answers -
Растягивающееся горизональное меню
Как сделать растягивающееся на 100% в ширь меню. Так что-бы внутрение элементы тоже растянулись на всю ширь. То есть если внутри четыре пункта то каждый из них взял на себя 25%.
0 votes5 answers -
margin-bottom НЕ работает в Chrome и Safari
Доброго времени суток ВСЕМ Специалистам CSS! Существует такая проблемка: display: table; position:relative; table-layout: fixed; border-collapse: collapse; background-color: Transparent; border: none !important; padding:0 !important; width:100%; margin-top:172px; height: 100%; margin-bottom:54px; во всех браузерах блок приподнимается на margin-bottom:54px; от зафиксированного футера, Кроме Chrome и Safari. Подскажите решение, не могу разобраться )))
0 votes4 answers -
button - при нажатии настройка стиля
Подскажите пожалуйста: <button>Супер кнопка</button> button { background: transparent; border: 1px solid #DDDDDD; font-family: arial,sans-serif; font-size: 11px; font-weight: bold; color: #666; margin: 0px; height: 25px; border-radius: 3px; padding: 0px 6px; } button:hover { border: 1px solid #999999; } button:active { padding: 0px 6px; margin: 0px; } Во всех браузерах при нажатии (то есть это стиль button:active) по разному проявляется свойство padding, текст сдвигается (в ie вроде padding: 1px 1px 0px 0px, firefox - влево уезжает текст,opera тоже куда уезжает, один Chrome - понимает меня с полуслова )…
0 votes1 answer -
Ширина Option vc IE
приветствую. такой трабл.. есть select с фиксированной шириной любой браузер содержащиеся в нем оптионы растянет на ширину текста. конешно же кроме IE. таблетку против ИЕ6 нашел: <style> behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0); </style> но в ИЕ7 оно уже несрабатывает ((( у когото есть соображения?!
0 votes5 answers -
Position: absolute (проблема в IE и Opera)
Всем добрый день! Помогите, пожалуйста, советом, как можно решить следующую проблему: верхняя полоса в IE (ariel-kosmet.ru) выглядит нормально - по центру и c одинаковым отступом как справа, так и слева, в Opera - она убегает направо, а слева нормально. Как сделать, что бы в Opera полоса была бы также как и в IE? Вот соответствующий блок из глобальных стилей: div.bgred { background: #f01f16; text-align: center; padding: 8px 0 0 40px; vertical-align: middle; width:100%; height: 28px; color: #fff; position:absolute; top:28px; z-index:1 } * html div.bgred { height: 36px;} #lay_f1 div.bgred a { float: left; padding: 5px 20px;} Буду благодарен за любую помощь.
0 votes11 answers -
Не работают :before и :after (в IE и FF )
Для меню с помощью :before и :after добавил уголки, на webkit все отлично, а в IE и FF не пашет. <div class="menu"> <ul class="nav"> <li class="first"><a href="#"><img class="icon" src="images/user.png"> Компания</a></li> <li ><a href="#"><img class="icon" src="images/cal.png"> События</a></li> <li ><a href="#"><img class="icon" src="images/oill.png"> География добычи</a> <ul class="subs"> <li><a href="#">Информация о компании</a></li> <li><a href="#">Фотогалерея объектов&…
0 votes3 answers -
RANDOM в HTML
Народ, у есть сайт, по сути, фотоальбом.Я хочу сделать фишку, чтобы где-то на странице отображались СЛУЧАЙНЫЕ фотки (уже загруженые на сайт). Подскажите, какой тег или функция это делает? Заранее благодарен.
0 votes2 answers -
form - использование двух action
нужно сделать поиск по двум сайтам в одном текстовом поле с двумя кнопочками для переключения. одна проблема: использование двух адресов (action) которые обрабатывает данные формы. action="http://sitename1.**/cgi-bin/search.cgi" action="http://sitename2.**/cgi-bin/search.cgi" Как можно реализовать такое???
0 votes10 answers -
ссылка в форме
Есть вот код, он выводит форму в которой есть кнопка и при нажатии которой происходит действие, как сделать вместо кнопки ссылку (a href =), чтобы при нажатии ссылки действие точно так же срабатывало как у кнопки? Этой же ссылке можно будет присвоить класс css для оформления? <form> <form action="#" method="post"> <input type="text" name="pole1" value=""> <textarea name="message" wrap=virtual></textarea> <input type="hidden" name="opi" value="ds"> <input type="submit" name="submit" value="Отправить"> </form>
0 votes18 answers -
ошибка валидатора Unmappable byte sequence
помогите пожалуйста исправить на страничке ошибку валидатора Error: Unmappable byte sequence: 90.я понимаю, что проблема в каком-то символе, но не понимаю в каком
0 votes1 answer -
Помогите допилить TabControl с помощью Css3
Всем привет! воодушевлённый этой статьёй, решил сделать свой таб контрол(ваш браузер должен поддерживать всякие модные штуки, эксплорер не покатит) мне нужно дважды обратиться к псевдо селектору :target. Сначала для того, чтобы применить стиль для выбранной вкладки: .tabItemHeader { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; vertical-align: bottom; display: inline-block; margin: 5px 0px 0px 0px; border-width: 5px; padding: 4px; border-style: solid; border-radius:10px 10px 0 0; border-color: #666666; background: #666666; } .tabItemHeader:target { bor…
0 votes25 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-