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
-
Border - CSS
Добрый день, не буду расписывать а покажу)) вот у меня таблица с 3мя строками, с 3мя столбцами, задаю через 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>border</title> <style type="text/css"> .doc { width: 30%; border:solid black;} </style> </head> <body> <table class="doc" bordercolor="#000000" b bor…
0 votes8 answers -
Border - отделение пунктов меню
День добрый. Есть менюшка. Но она немного не соттветствует общей стилистике сайта, для полного соответствия необходимо прописать код, который бы от делил пункты меню непрерывной линией. border-top-color: #E7E7E7; border-top-style: solid; border-top-width: 1px; min-height: 32px; Код сам рабочий, но возникает проблема, куда его вставить. Если вставляю в стиль "a", то не доходит до конца меню, вставляя отступы. Изменить отсупы не представляется вожным. Есть ли какой нибудь стиль который сделает активным этот код для каждого пункта. Прикладываю код меню .jv_aclickmenu_wrap ul.jv_maccordion ul{ margin: 0; padding: 0 0 0 10px; } /*.jv_aclickmenu_wrap &g…
0 votes6 answers -
border 0 или не 0
Привет, подскажите пожалуйста, как убрать рамку у картинки в google chrome почему border:0 не работает? http://jsfiddle.net/zx5fw2v5/12/
0 votes2 answers -
border Css
Добрый вечер, подскажите, как мне через css сделать рамочку не только наружную но и меж ячеек(у меня 3 столбца и много строк(в разных колонках по разному)), а то через чисты htm рамка получается жирная и не красивая, а через css только внещнюю получается сделать... Благодарю. если ответ требует кода(я думаю врядли, но всёравно) вот <table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td rowspan="4"> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td&…
0 votes8 answers -
Border gradient
Здравствуйте, подскажите как модно сделать линейный градиент для границ блок. Нашел не плохой способ http://css-tricks.com/examples/GradientBorder/ (первый блок) но граница устанавливается только для 2 границ, мне нужно для всех?
0 votes1 answer -
border gradient
Аллоха, люди! Есть 3 состояния кнопки, у каждой из которых border и background градиент. Собственно, как это чудо можно реализовать придерживаясь следующих требований: вся магия должна происходить исключительно на стороне css.в html не должно быть вложенности.стили должны одинаково корректно применяться к любым html тегам.можно использовать любые свойства css3, главное что бы в не поддерживаемых браузерах срабатывала заглушка типа сплошного цвета вместо градиента.P.S. искренняя благодарность и восхищение человеком который реально способен решить данную задачу. Спасибо.
0 votes10 answers -
border groove и border ridge в IE
Приветствую вас! Есть задача - сделать двойную рамку, причем цвет внешней линии должен быть - черный, а "дублирующей" внутренней линии - серый. Соответственно реализовано это с помощью border groove и border ridge, а именно: div { border-top:2px groove rgb(0, 0, 0); border-right:2px ridge rgb(0, 0, 0); border-bottom:2px ridge rgb(0, 0, 0); border-left:2px groove rgb(0, 0, 0); } Во всех браузерах эта конструкция отображается как требуется, КРОМЕ IE5/IE6/IE7, где видно только толстую жирную рамку, а не двойную - черно-серую!!! Подскажите, пожалуйста, что сделать, чтобы это правильно работало в IE? Заранее благодарен.
0 votes21 answers -
Border без высоты не работает?
Привет, форум! Относительно недавно начал заниматься версткой, первые несколько макетов сделал нормально, с третьим вот такая трабла. Если не указать явную высоту блока, то border в упор не замечается. Код прилагаю: #container { width: 940px; margin: 0 auto; border-left: 1px solid #8f8c83; /* Нужна рамка слева и справа */ border-right: 1px solid #8f8c83; height: auto; } При height:auto - рамка не видна. Если указать жесткую высоту - все нормально. Как быть? Есть ли обходные пути? Высота нужна именно auto, так как блок для контента. Спасибо всем откликнувшимся! P.S. Искал по форуму, вроде не встречал такого. Если что - смиренно извиняюсь за дубль.
0 votes3 answers -
border больше размера div
имеем горизонтальное меню, текст в 14px, див меню 14х660px, почему то добавляются по паре пикселей, пробовал педдинг 0, ничего не изменилось, border все равно выше текста, прилагаю код наглядно тут: http://jsfiddle.net/JdvXd/ #header { background-color: #FFF; height: 34px; width: 940px; margin-right: auto; margin-left: auto; position: relative; } #menu{ margin:0; padding:0px; height: 14px; width: 660px; position: relative; float: right; top: 7px; } .menu a { font-family: "Century Gothic"; font-size: 14px; text-decoration: none; color: #2a2a2a; display: inline; float: right; padding-left: 5px; padding-top: 0px; border-right-style: double; border…
0 votes6 answers -
Border внутри таблицы с отступами
Помогите сделать внутри таблицы/блока границу border отступами вида: Не понимаю как это сделать. тег rules не подходит....
0 votes3 answers -
border вокруг кнопок
Есть 3 элемента - кнопки,они находятся в контейнере (tabs-container)...пожалуйста,помогите сделать border вокруг этих 3 кнопок не задевая border (tabs-container). Border должен обводить все 3 кнопки вместе,а не как не по отдельности. Заранее благодарен P.S в tabs-container кроме кнопок содержится 3 фрейма с видео. Вот песочница : http://cssdesk.com/gnjPZ <div class="tabs-container"> <ul class="tabs-navigation"> <li class=""><a href="#tab-1">Кнопка 1</a></li> <li class=""><a href="#tab-2">Кнопка 2</a></li> <li class=""><a href="#tab-3">Кнопка 3</a></li> </ul> </div> .tabs-…
0 votes2 answers -
border для div Width 100% без скроллинга. (Webkit)
Подскажите, плз, необходимо всему сайту сделать бордер 2 пикселя, сделал padding:2px для body и залил внутренний див другим цветом, везде норм, только в Safari и Chrome появляется горизонтальный скроллинг, есть ли более кроссбраузерное решение?
0 votes2 answers -
Border для Img
Нужно сделать типа галереи и чтобы при наведении курсора появлялась рамка в 3 пикселя. Можно задать обычной картинке 3 пик. цвета фона а при наведении (:hover) просто поменять цвет, но нужно чтобы у обычной картинки была рамка в 1 пик. Простыми словами нужно чтобы при наведении курсора рамка в 1 пик. заменялась на 3 пик. без смещения остальных картинок. спасибо
0 votes7 answers -
border и outline
Посмотрите правильно ли я понял. Вот когда пишешь свойство border, то рамка появляется вокруг содержимого, а когда пишешь outline, то рамка появляется внутри содержимого. Я правильно понял? Зелёный цвет это граница дива.
0 votes10 answers -
border и space таблицы
всем привет подскажите пожалуйста, как сделать, чтобы текст в таблице был не впритык к его бордеру, но так, чтобы он был ординарный, т.к. у меня получается только 2 случая: либо граница ординарная, тонкая, но текст впритык либо граница есть, но одновременно с рамкой ячейки. как можно сделать чтобы граница была одна, но текст был не впритык к ней? p.s. использую таблицу как рамку для важного абзаца текста
0 votes1 answer -
Border из кругов
Есть в макете вот такой border из кружков с закругленными углами соответственно нужны идеи как по-умному его можно сверстать. Желательно конечно чтобы граница имела возможность растягиваться по высоте или ширине, ибо в противном случае все сводится к банальному background-image, очевидно. Пробовал маски и svg, но все как-то не очень удачно.
0 votes10 answers -
border как его в нутерь запихать
завдаю элемент шириной 100% ему же бордер в 1px опа-па появляется скролинг и всё понятно он к элементу не имет отношение (ширине) это оконтовка в связи с чем вопрос как сделать так что бы он внутри оказался ———————————-- мои приставления надо создать элемент на 100% а уж в него элемент с бордером но что то ни как не получаться ————-- помоги те пожалуйста
0 votes10 answers -
Border как фон текста
Нужны свежие мысли) Необходимо вот так оформить текст: То есть слева и справа от текста идет border, между чертой и текстом есть отступ, черта должна занимать все свободное пространство. Под текстом абстрактный фон с градиентом, поэтому вариант "задать основному блоку фон с линиями, а поверх положить текст с таким же фоном но без линий" не канает. Может у кого-то уже такое попадалось? P.S. HTML нет, так как на данном этапе сверстать можно как угодно.
0 votes5 answers -
Border наползает на img
У тега H2 есть нижний border. Есть img элемент. У него float:left; Далее идет текст, который, собственно, обтекает элемент img справа. Все нормально, пока текст не доходит до тега H1: сам текст (что в теге H1) имеет нормальный отступ слева (т.е. ширина изображения), а вот нижняя рамка, заданная border-left:... как бы не видит изображения слева и простирается на всю ширину (т.е. проходит под изображением (изображение с прозрачным фоном)). Пробовал и в мозиле и в ie - эффект один и тот же. Подскажите как быть.
0 votes9 answers -
Border от конца блока до границы экрана
Добрый день. Подскажите пожалуйста по такому моменту: На странице есть несколько блоков. Нужно, что бы если блок расположен слева то от него шла линия до границы экрана с лева. Аналогична если блок с права. Т.е. линия должна идти не через всю страницу, а от края блока до границы экрана. Примерно так:
0 votes1 answer -
border с пробелом
Доброго времени суток, как можно осуществить данную проблему? Как показано на картинке, в бордере имеется пространство которое заполнено иконкой, как именно сделать такое пространство?
0 votes3 answers -
border текст
Приветствую, не могу добиться такого эффекта как тут - http://html5up.net/txt Текст наезжает на рамку. https://jsfiddle.net/kL19sfbL/
0 votes2 answers -
Border у img, как избежать.
Ну собственно во всех браузерах исключая хром всё нормально, но я хочу что бы и в хроме было всё хорошо. clan-amp.ru Слева менюшка выскакивающая - почему ссылка сделанная из картинки имеет бордер, хотя он везде задан 0 или none. Я уже замучился искать.
0 votes4 answers -
border у картинок-ссылок
Нужно сделать ссылки на всех страницах подчёркнутыми пунктирной линией, цвет которой отличается от цвета самой ссылки. Вставил код в CSS: a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} Всё заработало, но стали подчёркиваться картинки-ссылки. Вставил строчку: a img {border:0 none;} (пробовал так же {border:0;}, {border:none;} и даже {border:none !important;}) Картинки перестали подчеркиваться только в chrome. Во всех остальных браузерах картинки подчеркиваются. Как исправить? Да, и ещё. Когда ставлю a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} a img {border:5px solid;} то карти…
0 votes6 answers -
Border у фигуры
Раньше не юзал фигуры, решил попробовать, ну тут какие-то грабли)) div { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } получается красный треугольничек, но мне надо цвет #F7F7F7, меняю, и о чудо, у треугольника появляется border, что за странность?
0 votes8 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-