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
-
Большой div!
Всем доброго времени суток! Никак не могу разобраться, в чем тут ошибка: Имеется вот такой блок - http://joxi.ru/n2YY0kKc58QG26 Вот с такой стилизацией - http://joxi.ru/J2bJX1MfwDeG26 Не понимаю откуда берется такая высота - http://joxi.ru/LmG7pEXUYXNMml Примечание: если убрать: #menu table {width: 100%;}то сайт принимает такой вид - http://joxi.ru/VrwpeqguXM0GmX Заранее спасибо всем, кто хоть чем-то поможет!
0 votes3 answers -
большой баннер на несколко строк
В начале страницы баннер, который по размерам занимает несколько обычных строк. после баннера по идее ниже должны идти кнопочки. но получается так, что когда заканчивается абзац баннера, то кнопочки расплагаются во второй строке, но на уровне середины баннера ("наплывают" на него) в каком месте исправлять?
0 votes5 answers -
Большой беграунд
Обычно старался избегать использования больших изображений в качестве фона для веб-страницы. Но вопрос назрел. А тут мало того, что разрешений мониторов тьма, так еще и различные мобильные девайсы… Кто сталкивался, может поделитесь соображениями из личного опыта? Либо может есть какая-нибудь аналитическая статейка, или фреймворк. Спасибо. ЗЫ: подразумевается no-repeat изображение, вероятнее всего 100% по ширине и высоте
0 votes4 answers -
Большой блок как ссылка
Сталкнулся с проблемой что не могу сделать ссылкой весь блок. Имеется блок с картинкой, текстом и ссылкой, хочу сделать ссылкой не последние две строчки а всю площадь блока с текстом. Вставлять весь текст как ссылку не хотелось и я придумал задать ссылке позицию абсолют и размер в размер дива. И как бы всё работает, но правда только в фаерфоксе, в IE и Opere на том месте где под ссылкой расположен абзац ссылка не работает. Собственно как это лечится? Вот мой пример http://jsfiddle.net/DeaDrash/PWx8R/ Или если вариантов нет, подскажите может как через яваскрипт сделать весь див ссылкой и чем это плохо?
0 votes3 answers -
Большой обтекаемый блок на bootstrap
Доброго времени суток! Подскажите как можно сверстать такое отображение блоков? Пробовал через свойства float, но ничего не вышло. Максимум что получается это один маленький блок слева, большой по центру и 2 справа + ниже 5 блоков.
0 votes3 answers -
Большой отступ перед clear
Привет всем. Прилагаю изображение с проблемой. В контейнере два флоата, после контейнера clear. Непонятно откуда появляется слишком большой отступ. Где искать проблему?
0 votes11 answers -
большой пробел перед ссылкой почему?
Здравствуйте помогите пожалуйста почему перед ссылкой такой большой пробел как не выравнивай по центру или по краям всегда именно в этом месте так остается http://imageshost.ru/links/85805cd14962b6b6f5d36e6ec0de901f с чем это может быть связано?(помимо кривизны собственных рук )
0 votes3 answers -
Большой фоновый рисунок
у вас в этом уроке взял код http://htmlbook.ru/content/izobrazhenie-na-vsyu-shirinu-maketa Но вот проблема помню как делал а потом видно забыл я хочу чтоб фоновое изображение больших размеров, больше окна браузера, при увеличении окна появлялось с двух сторон, а не как с 1 стороны как показыно в уроке, внизу изменил код но он не работает почему-то изображение пропадает, а помню раньше как-то делал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Фоновое изображение</title> <style type="text/css"&…
0 votes0 answers -
Бордер
Всем привет) У меня 2 проблемы. Надеюсь вы поможете их решить)) 1. На картинке в правой стороне обведён пробел между дивами, подскажите, как его заполнить? Чтобы в выделенном месте тоже была рамка. 2. Как сделать, чтобы вместо выделенного на скрине как "текст текст текст текст ..." места начинался текст? Сам код: <div class="name"> <a href="">Игра Жизнь</a> </div> <div class="date"> 03:00:00 01.01.1970 </div> <div class="text"> Место действия этой игры — «вселенная» — это размеченная на клетки поверхность, безграничная, ограниченная, или замкнутая. В компьютерных реализациях игры чаще всего используют поверхность тора. Каждая…
0 votes7 answers -
Бордер в table повторяется
Здравствуйте. У меня есть таблицы (вывод динамический) Подскажите пожалуйста, как сделать, что бы бордер не повторялся при таких условиях: |_|_|_| |_|_|_| -типа такой, и при td { outline: 1px solid #D1D1D1; } Линии накладываются друг а друга и получается типа: |_||_||_| |_||_||_| <table id="qwert" width="100%" border="1" cellspacing="0" cellpadding="0"> <tbody> <tr> <td align="center"><p><strong>Наименование </strong></p></td> <td align="center"><p><strong>Ед. изм</strong></p></td> <td align="center"><p><strong>…
0 votes4 answers -
Бордер в таблице для ие6-ие7
Привет есть таблица с след стилями .tableBlock table { width: 100%; border-collapse: collapse; empty-cells: show; text-align: center; } .tableBlock table td { background: url(../img/bg.png) no-repeat 0px -179px; height: 23px; line-height: 23px; overflow: hidden; padding: 0px 10px; border-left: 1px solid #181818; border-right: 1px solid #181818; line-height: 23px; } .tableBlock table thead td, .tableBlock table .totalTR td { background: url(../img/bg.png) no-repeat -6px -270px; font-size: 11px; color: #d8d8d8; font-weight: bold; border-left: 1px solid #747474; border-right: 1px solid #747474;} в ие6 и ие7 бордеры ползут вверх не могу понять из за чего Кто нибудь сталкива…
0 votes6 answers -
Бордер в цвет градиента
Товарищи, не могу сделать прозрачный фон на кнопку, чтобы было вот так: http://prntscr.com/luwhmx Пока получается только так: https://codepen.io/dimpin/pen/QzyXvK Может кто сможет подсказать? Буду безгранично признателен.
0 votes4 answers -
бордер вокруг input в опере
как с этим бороться? не удается ни избавиться от него, ни перекрасить его под цвет фона. Такое только в опере.
0 votes4 answers -
бордер для а
есть <p><a>бла-бла-бла</a></p> —- css — a {border-bottom: 1px dashed red} ———— в ие7 нет нижней границы, <a> блочным делать нельзя, line-height тоже... что тогда можно тут придумать.....???? с данной проблемой уже встречался, но не помню как решил...(((
0 votes5 answers -
Бордер для ссылки
<div class="test"><a href="#">Ссылка</a></div>.test {position: absolute; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333; line-height: 13px; height: 13px; top: 21px; display: block;}.test a {color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.3);}.test a:hover {color: #ff0 !important; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 0, 0.3);}В любой версии IE нету этого нижнего бордера. Как вылечить? Добавил ссылки position: relative; но проблема до конца не решилась, оказывается в ИЕ не срабатывает проразность rgba(255,255,255,0.3); Т.е. вся проблема 0.3. Есть ли кробраузерное решени…
0 votes17 answers -
бордер на уровне начала текста
у меня небольшая проблема, надо сверстать блок с бордером такой как на картинки, в чем закавырка бордер начинает на уровне начала буквы С, но из-за line-height это не так как получилось у меня, если посмотреть внимать там есть отступ 5px подскажите как можно устранить это недочет желательно средствами css и без дополнительной разметки, у меня есть вариант бэграундом и воспользивотся бэкграунд позишен но так же не хотелось бы использовать картинки , может кто знает другие варианты да и желательно что бы заканчивался на уровне букв http://jsfiddle.net/vKem2/
0 votes4 answers -
Бордер поля в форме. Chrome/Safari.
Никогда над этим не задумывался, как то не мешало особо. Но тут делаю один макет, и там этот бордер в активном поле жутко раздражает: В хроме оно оранжевое. Кто знает как убрать?
0 votes5 answers -
Бордеры пропадаю из за флоата ?
Обратите внимание товариши . Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>TesT</title> <style type="text/css"> * { margin:0; padding:0; border:0; } html { background-color: white; width: 1024px; } body { } #center { width: 940px; padding: 0; margin: 0 auto; background: #fafcfb; border-left: 3px solid #b8b9bd; border-right: 3px solid #b8b9bd; } #top { background: url(images/top_bg.gif) top left repeat-x; width: 660px; height: 62px; } #top ul li{ list-style: none; display: inline; margin: 5px; } #top2 { background-image: url(images/top_bg2.gif); background-repe…
0 votes3 answers -
Бордеры у пунктов меню при наведении
http://jsfiddle.net/dgfzckzh/ Вопрос:Как сделать разделители у меня не картинкой (там проблема в том, что у бордера 2 цвета. Пробовал делать border: ridge; но не получается Как сделать этот разделитель, чтобы у последнего пункта меню он был не только слева, но и справа. Так, как сделано сейчас имхо неправильно (применено не к конкретному пункту, а к самому блоку меню) И самый главный вопрос: как сделать, чтобы при наведении, фон не закрывал собой этот самый разделитель? Делаю margin-left: 2px, но сдвигаются и сами пункты меню при наведении.
0 votes2 answers -
Бордовые рамки вокруг графических ссылок в IE
Вот так выглядит код странички: <span class="menu_item"><a href="index.html"><img src="img/but_01.gif" width="58" height="16" alt="Главная" /></a></span> <span class="menu_item"><img src="img/menu_brake.gif" width="2" height="16" /></span> <span class="menu_item"><a href="about_CASD.html"><img src="img/but_02.gif" width="68" height="16" alt="О породе" /></a></span> <span class="menu_item"><img src="img/menu_brake.gif" width="2" height="16" /></span> Вот CSS: .menu_item { padding-right: 10px; } Вот как эти две ссылки выглядят в Опере: http://www.vrn17.jino-net.ru/img/opera.jp…
0 votes2 answers -
бордюр не на всю высоту элемента
свойство border делает бордюр элементу от начала и до конца, как сделать, чтоб получились отступу с каждого края?
0 votes5 answers -
Бордюры (border)
всем привет, народ подскажите пожалуйста в одном деле.
0 votes2 answers -
Бордюры в IE
SOS... Как бороться с бордюрами в ослике. Ослик отображает бордюр внутри дива, а остальные браузеры как бы расширяют див на ширину заданного бордюра т.е если у нас высота дива 100px то в ослике 1px бордюр будет в нутри дива тем самым не увеличивая его размер, как это делают другие браузеры. У них, как я понимаю, бордюр на свою ширину расширяет див. 100px ширина дива и если мы ставим бордюр в 1px, то ширина дива уже будет 101px. Ну где то так. В общем подсмотреть проблему можно здесь. Если вы откроете в IE, то нижний бордюр будет неразрывным, а если в другом браузере, то он разрывается. Подскажите как с этим можно бороться?
0 votes2 answers -
Борьба position:absolute и position:relative с z-index
Расскажите, по какому принципу определяется приоритет блоков, спозиционированных абсолютно и относительно? Т. е. всегда ли блок с position:absolute будет находиться над блоком с position:relative ? У меня сложилась такая ситуация в Mozilla и z-index не помогает ее исправить. Причем в IE 7 как ни странно отображается согласно моей задумке
0 votes14 answers -
Борьба с IE. 3 колонки, резиновый дизайн.
Делаю новый шаблон для сайта, 3 колонки, резиновый. Столкнулся с проблемой. В IE в центральной колонке получается небольшой отступ текста на том месте, где заканчивается текст левой. Пример на рисунке. Очень заметно при выделении текста. html <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <style type="text/css"> #left { border: #999999 solid 1px; width: 200px; float: left; } #right { …
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-