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
-
Градиент в Хроме
Сделал такой простой градиент. http://jsfiddle.net/1k7arm03/ В Хроме и Опере возникает странная проблема - градиент оказывается сдвинутым в некоторых местах, особенно это заметно при открытии на весь экран или изменении размера окна. Помогает добавление координат 0 1px или 1px 0 или что-то ещё, но не 0 0. Что за странный баг, кто знает?
0 votes11 answers -
Равномерное растягивание IMG внутри блока DIV
Имеем квадратный (равносторонний) div, внутри него лежит img: <div><img src="" /></div>Нужно сделать так, чтобы картинка растягивалась на весь объем дива и не оставалось пустого пространства, вот так: То есть, если изображение вертикальное, то растягивается по ширине дива, а если горизонтальное - по высоте. При этом края скрываются overflow:hidden. Нужно CSS-решение, без скриптов. P.S. Это должно работать как background:cover, только применительно к img.
0 votes2 answers -
Проблема с button
Понимаю, что вопрос возможно, выглядит пустяковым, но для меня очень важно. Почему то не работают кнопки. Даже страница не загружается. echo '<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>'; echo '<form method="post" action="script.php">'; for ($i=1; $i<=100; $i++){ echo '——'; $post= implode(",",$_POST); if ($i<$post) {echo '<button name="',$i ,'" value= "',$i ,'" style="background-color:yellow; float: right; padding-top: 10px">gfhfg</button>';}; if ($i==$post) {echo '<button name="',$post,'" valu…
0 votes4 answers -
Проблемы с позиционированием текста
Добрый день. Нуждаюсь в помощи/совете! В корне сайта (html) создал блок с позиционированием, написал в нем номер телефона и почту. На большом мониторе блок отображается нормально, а вот если зайти через смартфон то данный блок налазит на картинку и я никак не могу это изменить..., игрался с позиционированием (absolute, fixed, relativ и т.д.) но получаю на выходе либо прикрепленный блок к верхнему левому краю либо он налазит на картинку. Подскажите, что я делаю не так? Сам сайт: http://2metra.com/ Вот код который я прописал: Скрытый текст <style> .telefon { width: auto; height: auto; position: absolute; top: 75px; right: 200…
0 votes9 answers -
Див посередине сливается с левым дивом
Див находящийся в центре сливается с левым дивом, оба они находятся в одном большом диве
0 votes9 answers -
Некорректно отображается маркер списка
Добрый вечер! Столкнулся со следующей проблемой: некорректно отображается маркер списка исключительно в опере, при том что в фаерфоксе, эксплорере и хроме всё как и должно быть. Выглядит это следующим образом: Это такая особенность оперы, или с этим можно что-то сделать? Подскажите пожалуйста. Вот css на всякий случай: ul li.collapsed { list-style-image: url("../images/plus.png"); } ul li.expanded { list-style-image: url("../images/minus.png"); }
0 votes4 answers -
CSS Квадрат
Есть страница, шириной 100%. Собственно проблема, как поделить страницу на три части так, чтобы высота каждого блока была равна его ширине? То есть, получится три квадрата, пропорционально изменяющие свои размеры при изменении размера браузера. А самое интересное, использовать можно только CSS\HTML, без картинок.
0 votes2 answers -
положение меню
Доброе время суток! Подскажите как привязать меню, в столбец таблицы. И Если окно уменьшить в размере, чтоб меню оставалось в этом столбце, а не выезжало за его пределы.
0 votes2 answers -
Проблема с таблицей...
Всем привет! Вот у меня есть таблица: <table align="center"> <tr> <td width="70%" align="center"> <img src="http://vvsh.3dn.ru/logo.jpg"> </td></tr> </table> Как мне сделать рамку в таблице, и как сделать так, чтобы не было пробела между картинкой и началом страницы?
0 votes5 answers -
Создание отдельного окна
Пример того, что необходимо: http://фабрика-сайтов.рф/ - верхний правый угол, при нажатии на "готов к чату" открывается новое окно поверх прежнего, с меньшими размерами. Фрейм это или что, я никак не могу вьехать. Возможно реализовать подобное средствами html без помощи java скриптов? Как это должно работать: человек нажимает на ссылку - открывается окно, размеры которого я смогу задать. А в этом окне я размещаю все необходимое. (если имеет значение- Dle CMS, форма обратной связи) Спасибо, жду разьяснений по этой теме, впервые столкнулся с подобной задачей=)
0 votes12 answers -
тестирование?
подскажите как установить ие6 на комп , всегда ошибка (имеется новая версия)
0 votes5 answers -
Страница-заглушка "В разработке"
Вопрос следующего характера. При создании страницы-заглушки "в разработке" нужно посылать какие либо заголовки, как при создании страницы 404? или это просто страница и поисковиками она нормально обрабатывается?
0 votes13 answers -
Float, выравнивание по ширине
Здравствуйте. Вопрос по следующей вёрстке: <!DOCTYPE html> <html lang="ru"> <head> <style> .left{ float:left; background:red; } .no_float { background:green; text-align:center; font-size:30px; } </style> <meta charset="utf-8" /> <title>Документ без названия</title> </head> <body> <div class="left"> float:leftrvrcrvrvr </div> <div…
0 votes4 answers -
На работает клик на меню-бургер
Подскажите, пожалуйста, как можно исправить не работающий клик, в данном случае, по меню-бургеру. Срабатывает вместо этого hover. Заранее спасибо! <nav class="burger-menu mobile-open"> <button class="burger-menu__btn-mobile"> <i class="fas fa-bars"></i> <span>Menu</span> </button> <ul class="burger-menu__list"> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "contacts" }) </li> <li class=…
0 votes1 answer -
Открыть новый документ с нужного места
http://html-test.1gb.ru/001/index.html Как сделать, не получается..
0 votes6 answers -
центрирование не работает в IE6
Всем привет. Приводимый код работает корректно везде кроме IE6. Что не так? Описание: в IE6 правый блок, при сжатии окна браузера, перемещается вниз. При широком окне между блоками белая полоса. Как это исправить? 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> <!--META--> <meta http-equiv = "Content-Language" content = "ru" /> <meta http-equiv = "Content-type" content = "text/html; charset = UTF-8" /> <meta name = "description" content = "Описание в Google..." /> <m…
0 votes6 answers -
Как научиться правильно вырезать background?
Собственное дизайнеры или опытные верстальшики, подскажите свои методы как правильно вырезать background чтоб он правильно растиражировался на сайте. к примеру вот картинка [/url
0 votes2 answers -
Танцы с бубнами, или оберточный див.
<div class='sic'> <div class="call call-on"><span href="#non"> </span></div> <div class="email"><span> </span></div></div>.sic div { position:relative; z-index:1; overflow:hidden; list-style:none; padding:0; margin:0 0 0.25em; width: 30px;}.sic div:before,.sic div:after,.sic div span:before,.sic div span:after { content:""; position:absolute; top:50%; left:0;}.sic div span:before,.sic div span:after { margin:-8px 0 0; background:#c55500;}Если код с классом то все выглядит так: http://prntscr.com/475oby А если без класса .sic, то так: http://prntscr.com/475p17 Все пустое, ниче…
0 votes9 answers -
position relative и занимаемое место
при relative позиционировании элемент сдвигается но остается занимаемое им место. как проще всего убрать влияние этой "пустоты"? интересует корректировка по высоте
0 votes3 answers -
Помогите советом с нестандартная резиновой версткой
Основной блок синий При растягивании страницы сначала появляется красный блок, потом после определенного момента начинается показ зеленого. Все 3 блока имеют изображения в качестве бекграунда. Подтолкните в нужную сторону как это реализовать.
0 votes9 answers -
Фон в Мозиле?
Как надо задать фон ячейки таблице, что бы он нормально отображался в мозиле?
0 votes3 answers -
Как в <option> установить свой размер шрифта и цвета?
Как в тегах сделать так, что бы содержимому можно было установить свой размер шрифта и цвета?
0 votes3 answers -
Разное отображение стилей в IE 7.0 и FF 3.0.7
Уважаемые Гуру. Нужен Ваш совет. И так. Есть код CSS body {margin: 0px;} img {border: 0px;} BODY { FONT-SIZE: 11px; COLOR: #075273; FONT-FAMILY: Tahoma, Arial, Helvetica } TD { FONT-SIZE: 11px; FONT-FAMILY: Tahoma, 'Arial Cyr', 'MS Sans Serif' } A { FONT-SIZE: 11px; COLOR: #d7e5ec; TEXT-DECORATION: none} A:active {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:visited {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:hover {FONT-SIZE: 11px; COLOR: #3a92b3; FONT-WEIGHT: normal; TEXT-DECORATION: underline} /* Поле меню */ .menu { padding: 0; margin: 0; font: 8pt/11pt Tahoma, sans-serif; width: 180px;…
0 votes7 answers -
Не получается сделать collapse
никак не получается сделать collapse: вот
0 votes5 answers -
IE6: не убирается элемент при отведении курсора в hover
Возникла проблема: для ссылок меню дизайнер предусмотрел красивую подсветку снизу при наведении. Возникла проблема в "горячо любимом браузере": после отведения курсора с пункта меню не убирается эта самая подсветка. Код меню: <ul class="menu zoom"> <li><a href="#" class="current" title="Главная">Главная<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="О предприятии">О предприятии<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="Услуги">Услуги<span class="left"></span><…
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-