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
-
Wrapper обязателен или можно обойти?
удалите, пожалуйста, эту тему.
0 votes7 answers -
Помогите с CSS
В Firefox картинка слайдера ушла в сторону, текст на кнопках "В корзину" находится слишком низко... - http://yari-design.ru/tovar/2014/kedr
0 votes8 answers -
Firefox медиа запрос
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Recipes</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="css/style.css" rel="stylesheet"></head><body> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div></body></html>.image { display: inline-block; height: 100px; width: 24%; border: 1px solid black;}@media screen and (max-width: 640px){ .image { width: 49%; }}https://yadi.sk…
0 votes2 answers -
применить свойство с помощью :hover
как применить свойство любому элементу на странице при использовании :hover :active и тд. при изменении последовательности блоков и использовании "+" цвет применяется
0 votes2 answers -
Таблица: максимальный размер ячейки
<table border="1" width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="left_in" rowspan="3"> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </td> <td bgcolor="green" height="30">UUU</td> </tr> <tr> <td bgcolor="red" height="*">III</td> </tr> <tr> <td bgcolor="green" height="30">DDD</td> <…
0 votes4 answers -
Выравнивание картинок в сложной таблице
Я не профи, но отсутствием логики не страдаю. Даже модинг игр изучил методом научного, но в этот раз мое логическое мышление зашло в тупик: вроде все правильно прописал, а получается фигня какая-то. В общем мне нужно сделать на сайте графически оформленную таблицу объявлений, состоящую из двух строк, по три ячейке в каждой. Таблица графически оформлена по краям в виде картинок-закладок (со значками в центре каждой), которые должны тянуться в зависимости от разрешения моника пользователя по принципу (фикс-угол\растяжка\фикс-значек\растяжка\фикс-угол). Так вот нарезал я все, прописал, посмотрел... и уведел фигню - значок не в центре, растяжки тянутся как им вздумается. При…
0 votes4 answers -
конфликт карусели и флеша
Здравствуйте, у меня проблема. Сделала на сайте карусель, все было хорошо, пока не вставили в эту страницу флеш. Карусель стала тормозить. Пробовала другие карусели - тоже тормозят. Не знаю даже, что и делать... Может проблема во флеше, не знаю как устранить так как во флеше не разбираюсь. Подскажите, пожалуйста!... Вот эта страница www.simco.kz
0 votes5 answers -
Как создать новую страницу сайта?
Мой хост jet-hsot.ru Я залил файл html в папку ,где index.html ,а в index html создал ссылку на этот файл.и когда я перехожу по этой ссылке меня бросает не понятно куда. Подскажите как мне сделать дополнительные страницы на сайте.
0 votes4 answers -
Проблема с высотой контейнеров
Здравствуйте. Делаю резиновый сайт. Не оплучается сделать нормальную высоту контейнера, работает только с фиксированным размером. Перепробовал вё что можно, не получается и всё Суть в том ещё, что сделано несоклько слоёв, на нижнем слое помещён слой с картинкой фона, который должен так же ресайзится. Может проблема в этом... В коде жирным выделил, то, что добавлял, думая, что это поможет... Код html: <div id="wrap"> <link href="css.css" rel="stylesheet" type="text/css" /> <div id="layerbg"> <img border="0" src="pict/bg.jpg" width="100%" height="100%"></td> </div> <div id="header" align="center"> <div id="topmenu" align="c…
0 votes4 answers -
Выравнивание input относительно текста
Как сделать выравнивание input относительно текста или текст относительно input вот здесь hxxp://svitelektro.com.ua/shvvp.html кривовато получается
0 votes4 answers -
Размещение картинки в блоке
Скажите как можно сделать так что бы картинка отображалась как бы обрезано,то есть не сжатой по ширине,а что бы была как обрезана по ширине. Просто здесь в блоках картинки выглядят не очень красиво
0 votes1 answer -
Адаптивный дизайн в ИЕ8
Скажите пожалуйста, как можно заставить старые ИЕ понимать html5 и CSS3. Проверил сайт в ИЕ8 - такое чувство что он всё что в media просто пропустил. Я уже молчу о тенях и округлостях всяких, хотя бы общий вид макета сохранить.
0 votes13 answers -
Помогите сделать линию которая будет выходить за пределы родительского div'а?
Есть блок container в котором ширина 100%, в нем блок wrapper ширина которого 80%. В wrapper ' е хочу сделать линию к примеру border-bottom которая будет выходить за пределы wrapper ' а и иметь ширину conteiner ' а. Подскажите пожалуйста, как это можно сделать? https://jsfiddle.net/8yhk17jm/1/
0 votes4 answers -
Глюк со слайдером
Есть слайдер: http://bootsnipp.com/snippets/featured/news-carousel При уменьшении экрана он съезжает. А когда обновишь страницу, то нормально вроде как. Что за глюк? Как исправить? Спасибо.
0 votes0 answers -
Проблема display flex safari
Добрый день, такая проблема: устроился на стажировку в веб студию, сразу дали решить/устранить проблему в их уже существующем проекте. - сайт: http://en.uff.fr - суть проблемы: на главной странице внизу, в диве с классом container, расположены на черном фоне логотипы продуктов(svg картинки). Реализовано всё через display:flex. Во всех браузерах отображение правильное кроме safari. Там поведение картинок такое что у них разные размеры и они как-бы *в куче*. Я гуглил эту проблему на англоязычных источниках и единственным советом был просто префикс -webkit-, но это уже учтено и всё равно правильного отображения мы не добились. Есть какой-то способ решить эту пробле…
0 votes2 answers -
Схлопнуть padding и убрать border-radius у подряд идущих inline
Есть блок, внутри которого текст, размечаемый юзером. У тега <i> задан цвет фона, padding, background-color. Сказка кончается, когда юзер в сообщении делает, например, [ i ]та[ /i ][ i ]к[ /i ]. В итоге у нас слово, порванное посередине отступом и border-radius. Нормализовать код на стороне сервера нельзя, только css, только хардкор. Я изрядно поломал голову. Нужно, если у элемента <i> есть непосредственный сосед <i> - без любых нод между ними - соседу обрезать padding и border-radius слева, а элементу - справа. При помощи вспомогательного <span>, :first-of-type, :last-of-type и селектора-плюсика я нагородил что-то похожее на правду:…
0 votes6 answers -
Правая граница таблицы выходит за границы
Имеется большая таблица на всю страницу из 2-х ячеек - широкая для контента и узкая справа для меню. В контентной ячейке заголовки в виде отдельных одноячейковых таблиц более т?много цвета с двойной рамкой, код: <table id="title"><tr><td>Обзоры и статьи</td><tr></table> В CSS: #title {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} #title td {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} Но справа таблица-заголовок уходит за границы контентной ячейки, визуально это выглядит так: http://www.allmo…
0 votes0 answers -
2 вопроса
Здравствуйте. Просветите меня пожалуйста ) Вопрос 1: Как сделать так, чтоб при нажатии на текст-ссылку-выезжали снизу пункты относящиеся к этой ссылке. А то слишком муторно делать n-ое кол-во одинаковых страниц. А точнее последующее их редактирование. Если не сложно, объясните ) Вопрос 2: У меня имеется некоторое количество exel-файлов (таблиц). Можно ли как нибудь сделать так, чтоб они отображались на сайте. Главное чтоб при редактировании этих екселев- на сайте они тоже автоматически редактировались. Реально это вообще?:/
0 votes4 answers -
2 разных бекграунда по сторонам основного блока
Столкнулся с проблемой по разным бекграундам со сторон центрального блока. В идеале должно получится следующее: Собственно можно как-то это сделать используя только центральный div и background-image станицы? Если нет то понимаю нужно делать 3 шт. div по бокам резиновые по центру с заданными пропорциями, может кто код подскажет? Заранее спасибо за внимание
0 votes8 answers -
Прозрачность
по поводу новоявленной статьи про прозрачность я замутил точно то же что и без использования новых свойств. Смотрим в действии. Любители упрекнуть могут заметить полный крах на IE6 и помимо замечания о том что на IE6 всем посрать могу заметить что новомодный RGBA вообще ежа родит в том же контексте...
0 votes7 answers -
Блок лезет за пределы
Немогу понять почему блок sidebar вылазиет за пределы. Надо, что бы он растягивался в нутри, а он наружу лезет. Может кто подскажет? Вот код 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> <title>[title]</title> <link href="imgdiyan/style.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="shortcut icon" href="/files/favicon.ico" type="image/x-icon"> </head> <body> <div id="wrap"> <div id="masthe…
0 votes6 answers -
Непонятный отступ снизу
У меня возникла проблема при создании нивидимого блока под изображением, нужна помощь. <div class="block_1"> <a href="#" class="image"> <img src="url" /> </a> </div> .block_1 { width:460px; float:left; } .block_1 a.image { position:relative; display:block; margin:0; padding:0; } Примитивная задача, казалось бы... Однако размер блока .block_1 a почему-то превышает размер вставленного в него изображения img. Это превышение происходит так, будто добавлен параметр стиля: padding-bottom:5px, т.е. внизу выглядывает небольшая кромка. CSS нигде не задает отступ. Попытка прописать нулевой отступ не помогает. В чем проблема?
0 votes2 answers -
Как пустить орнамент вдоль рамки?
Здравствуйте Есть задача вдоль рамки по внешнюю сторону от неё пустить орнамент на подобии такого: Посоветуйте, какое может быть решение? Благодарю
0 votes14 answers -
text-align: justify;
грубо говоря ситуация такая <div style="text-align: justify; font-size:11px; width:250px;"> <p>Текста на 100 символов. Строк 10-11.</p> </div> Что и следовало ожидать текст выравнивается по левому и правому краям блока. Но расстояние между словами ужасное. Можно ли как-нибудь бороться с этим делом?
0 votes12 answers -
исчезновение дива?
у меня есть див, как сделать что бы он через 5 сек плавно исчез?
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-