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
-
Текс на картинке
Здравствуйте! Помогите пожалуйста в решении следующей проблемы. Есть не большая разметка: <div id="gallery"> <div class="container"> <h2>photos</h2> <figure class="photo"> <a href="img/pic1.jpg"></a> </figure> Подскажите пожалуйста можно ли поместить текст на картинке? Я читал про элемент figure, но нашёл что только снизу можно текст оформить.
0 votes1 answer -
Подскажите как можно реализовать
Здравствуйте, есть макет вот с таким заголовком, подскажите пожалуйста как можно реализовать оформление вокруг него (полосы и ромбы), я имею представление о том как добавить по одному ромбу с каждой стороны - тут все ясно: before и after. Но как добавить множество элементов? Если что, знаю(чуть-чуть) только html и css, а js для меня пока темный лес. Буду признателен, если также скинете ссылки на статьи где можно об этом почитать поподробней.
0 votes1 answer -
появляются тонкие серые полосы ни как не получается убрать
ПОМОГИТЕ!!! Сделал анимация фона через div, а не body и появились со всех сторон тонкие серые полосы которые ни как не убираются. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>LEGO MINECRAFT 2021</title> <link rel="icon" href="https://www.gongoll.de/media/image/cf/3d/18/lego-logo-04.png"> <link rel="stylesheet" href="../CSS/css.legominecraftyears.css"> </head> <body style="background-color: gray; width: 1903px; height: 1540px;"> <!--КОРОБКА ДЕЛАЮЩАЯ МЕНЯЮЩИЙСЯ ФОН--> <div class="module-slider-background" style="display: flex; flex-…
0 votes1 answer -
тест в div ниже чем нужно в IE7
Приветствую. Извените за партяну. Проблема - текст "МЕНЮ 2" ниже чем "МЕНЮ 1" в IE7 (в FF3 и Opera 9 - все правильно) - как решить не знаю, нужно поднять "МЕНЮ 2" до уровня "МЕНЮ 1". http://validator.w3.org/check - говорит что ошибок нет. <!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> <style type="text/css"> .fll { float: left; } .whb { font-size: 7pt; color: #FFFFFF; font-weight: bold; } .men { …
0 votes0 answers -
Вид кнопки
Господа, помогите с такой проблемой! Обычная кнопка типа button, чуть стоит только добавить ей фон, сразу меняет свой внешний вид! Пример: http://www.subbota.proba.ru/primery_dvuh_knopok/index.htm Мне же нужно сделать кнопку вида стандартного (та, что справа), но с рисунком в конце. Я делал с помощью скриптов - рисовал две стандартные кнопки - в нажатом и не нажатом состоянии, и менял их соответственно. С кнопкой типа button почему-то браузер подтормаживал, поэтому сменил тип на image, соответственно добавил onclick="return false;" , дабы не обновлял форму (некорректно выразился, думаю, вы меня поняли) В итоге вышло примерно это: http://www.bezlimitno.ru/gold_number/index…
0 votes1 answer -
проблема - растягивающийся button в FF
Хотел сделать кнопку которая растягивалась бы под текст по горизонтали и столкнулся с непонятным отображением этого всего в FF3.0.8. По какой то причине FF правильно не понимает конец блока хотя опера и ие8 все понимает замечательно. Нашел способ с использованием хака, но это не валидный вариант. Может кто подскажет вариант без использования хака. Заранее спасибо!! код ниже <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>…
0 votes2 answers -
Мистика
Здесь был текст, сейчас его нет
0 votes1 answer -
Проблема table
Всех приветствую. В html совсем новичок. Прошу помощи есть такой код: <html> <head> <title>название</title> <link href=/style.css rel=stylesheet type=text/css /> </head> <body> <table border=0 width=100%> <tr valign=top> <td width=30%> это слева </td><td width=50%> это справа</tr></td></table> </body> </html> что в нем не так? Если не использовать table и td то текст в нормальном шрифте, как только начинаешь их использовать шрифт становится в 2 раза больше. Скрин C таблицей Без таблицы
0 votes3 answers -
z-index не выходит из текущего слоя в ie6 (по событию в jQuery)
Страница демонстрирующая пример расползания в ie6: http://pva.ru/index_kley.html (клацните на картинку с клеем "ПВА-М") Таблетки из разных css свойств (clear:both;zoom:1;overflow:hidden;...) больному не помогли. Хотя скорее это я плохой доктор и не там лечил. Функция jQuery отвечающая за увеличение картинки: $('#paint a').toggle( function(){ $(this).css({'z-index':'20'}); $(this).find('img').stop() .animate({top:'-40px', left:'-40px', width:'400px', height:'400px' },400); $(this).find('span').hide(); $(this).find('span').fadeIn(500); }, function(){ $(this).css({'z-index':'0'}); $(this).find('img').stop() .animate(…
0 votes0 answers -
Проблема с размером wrapper'a
Есть такая конструкция: <body> <div id="wrapper"> <div id="1"> <div id="2"> <div id="3"> </div> <div id="footer"> ........ </div> </body> Div'ы 1,2,3 динамически меняют свою высоту (при помощи JS) Вопрос: как сделать так, чтобы wrapper всегда принимал высоту самого "высокого" блока? Нужно, чтобы footer прилипал к нижнему краю wrapper'a, в независимости от высоты последнего. Сейчас высота задана только у div id=1, и wrapper принимает её, 2 и 3 игнорирует.
0 votes2 answers -
Сайт с нуля (или почти нуля)
Всем добрый день! Я вернулся, как и обещал. Вот пришол к созданию сайта полностью правильного, без ошибок. Но сайт я выбрал не простой. Тоесть я хочу сайт, который, как по мне верстать будет не просто. Сайт на подобии такого ВОТ В чем сложность и каковы мои первые вопросы. 1. В принципе, как сделать сайт резиновым, тоесть, дабы он умещался во все мониторы (или хотя-бы в основные) 2. Сложность такого сайта в большом количестве картинок, как их все выставить так ровненько (css?) Ну в общем хотел бы услышать Ваши мысли по этому поводу) Думаю тема станет для многих интересна)
0 votes7 answers -
как у контейнера по бокам сделать изображение ?
есть такая конструкция <div id="container"> <div id="container-main"> </div> </div> css: #container { margin: 0; padding: 0; position: relative; } .container-main { margin: 0 auto; position: relative; width: 900px; } как у container-main по бокам сделать ДВА изображение прижатых к контейнеру?
0 votes2 answers -
Что за ошибка
Line 184, Column 29: character "&" is the first character of a delimiter but occurred as data <li><a href="" >Kato & Jon - Turn The Lig...</a></li> This message may appear in several cases: You tried to include the "<" character in your page: you should escape it as "<" You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe. Another possibility is that you forgot to close quotes in a previous tag.
0 votes5 answers -
баг хрома?смешно....
<!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>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} .wrapper {width:100%;overflow:hidden; background:red;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} a {color:#000;text-decoration:underline;outline:none} a:hover {text-d…
0 votes7 answers -
Резиновый слой
Помогите пожалуйста У меня есть внешний div Внутри него находятся еще 2 div. Один слева, другой справа! Когда в правый попадает много текста он начинает растягиваться вниз, но при этом внешний div остается прежнего размера! Я ни где не задавал размеры внешнего div и по идее он должен автоматически растягиваться при увеличении внутреннего, но так не происходит. Как мне заставить его расширятся в зависимости от размеров внутренних тегов
0 votes4 answers -
ошибка в джаваскрипте
собственно вот: <script> onload = onresize = function() { var f = document.getElementById('login-box'); m = (document.body.clientWidth/2)+(((document.body.clientHeight*0.9-20)*3/2)/2)-320; l = document.body.clientWidth*0.95-320; f.style.marginLeft = document.body.clientHeight/document.body.clientWidth < .67 ? '[m]' : '[l]'; } </script> нужно, чтобы элементу login-box приписывался стиль margin-left, подсчитываемый функциями l или m в зависимости от выполнения условия f. и не спрашивайте, зачем) так как почти не шарю в джаваскрипте, ошибка, скорее всего, в скобках.
0 votes5 answers -
Валидность JavaScript в html документе
Помогите пожалуста исправить ошибку с валидацией. Есть облако тегов реализованное с помощь JavaScript, все ошибки исправил осталось иправить ещё одну. А вот сам скрипт: <script type="text/javascript"> function myTags(mytags){ mytags=mytags//<![CDATA[.replace(/<A/g, '<a')//]]> //<![CDATA[.replace(/\/A>/g, "/a>")//]]> //<![CDATA[.replace(/(\starget=_)(\w*)/g, ' target="_$2"')//]]> //<![CDATA[.replace(/(\sclass=)(?!")(\w*)/g, ' class="$2"')//]]> //<![CDATA[.replace(/(\sname=)(?!")(\w*)/g, ' name="$2"')//]]> //<![CDATA[.replace(/(\sid=)(?!")(\w*)/g, ' id="$2"')//]]> //<
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-