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
-
Проблема с ссылками
проблема такая: говорю ссылке Visited и задаю параметры, но во всех браузерах кроме восьмого ишака при нажатии на одну, все ссылки меняют цвет, вот код 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=windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css"> <title>demo</title> </head> <body> <div id="alldiv"> <div id="headdiv"> </div> <div id="mdiv"> <a href="#"> главная </a&g…
0 votes3 answers -
Задача с фоном
У строковых элементов фон начинается на первом, а заканчивается на последнем символе. У блочных элементов фон продолжается на всю ширину родителя. Задача такая: Есть фраза, текст (количество текста динамически может меняться), который находится в родительском элементе, и у этого текста задан цвет фона. Как сделать, чтобы при увеличении количества символов, если фраза не помещается в одну строку, то этот фон продолжался на всю ширину родительского элемента, т. е. занимал весь объём текста (как у блочных элементов)? И наоборот, если элемент блочный, например заголовок (h1, h2, h3... и т. п.), то если текст в нём умещается в одной строке, то, как сделать, чтобы фон НЕ продол…
0 votes3 answers -
Не изменяется цвет фона контента.
Не могу понять почему не изменяется цвет контента. Я взял шаблон кода html+css с сайта. Вот у меня в body {} стоит background-color: #a1cfff;. Это я так поставил цвет краёв, т.е. что не входит в границы сайта. Теперь я хочу чтобы контент и сайдбар были белыми. Я пишу в #content { background-color: #fff; } и фиг меняется что. Пишу в #container { background-color: #fff;}. Тоже ничё не меняется. В сайд баре поменялось. Не могу понять почему. Вроде всё должно менять и работать. Помогите мне разобраться пожалуйста, если конечно поняли меня.
0 votes1 answer -
длинное слово распирает блок
<html> <head> <META http-equiv=Content-Type content='text/html; charset=windows-1251'> <TITLE>Поиск на GOOGLE </TITLE> <style type="text/css"> div{width:50px;height:100px; border:1px solid red;} </style> </head> <body> <div>FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</div> </body> </html> как сделать чтобы длинное слово автоматически разбивалось а не розпирало блок!?? какой то регуляр нашел которое делить слова больше 15 символов x.replace(/(\S{15}[^$])/g,'$s1\n') но не получается...
0 votes6 answers -
Float
Подскажите пожалуйста почему так вот два блока один плавающий 2ой нет ,2ой находится под ним.Почему он его не обтекает с левой стороны а ноходится под ним и у него пропадает фон?? [ code ]http://savepic.su/638264.jpg[ /code ] .blok1 { width:200px; height:150px; background:orange; border:1px solid; float:left; } .blok2 { width:200px; height:150px; background:yellow; border:1px solid; } <div class="blok1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div> <div class="blok2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam …
0 votes11 answers -
маркеры в меню
когда у меня было горизонтальное меню - маркеров видно не было, но тебе надо вертикальное. я его сделал но появились маркеры. пробовал убрать - они убираются но меню снова становится горизонтальным. подскажите как убрать маркеры, и оставить вертикальное меню. <div id="menu"> <ul id> <li><a href="index.html">Главная</a></li> <li><a href="contacts.html">Контакты</a></li> <li><a href="nashi_uslugi.html">Наши услуги</a></li> <li><a href="mastera_i_studii.html">Мастера и студии</a></li> <li><a href="dostizheniya.html">Достиже…
0 votes2 answers -
вопрос по изучение css
Я учусь верстать сайты. Занимаюсь по данным видео урокам - курс верстки сайта. Дошел до данного урока "приступаем к CSS". Я знаком с css. Но мне часто не ясно почему автор применяет тот или иной прием. Это именно связанно с написанием css стилей. Что вы мне посоветуете делать?
0 votes8 answers -
Документация для верстальщика под 1С Битрикс
Подскажите пожалуйста, где можно найти хорошую документация для верстальщика под 1С Битрикс, как правильно под 1с верстать, очень надо, помогите ( хочется посмотреть на примере)?
0 votes1 answer -
Дополнительные поля: xfvalue_img-1
Привет всем. Не подскажите как исправить? Добавлял дополнительные поля, результат 0, мб то то не так делаю? Разумеется где xfvalue_img-1 должны быть картинки.
0 votes6 answers -
@media min и max width
Доброго всем! Сделал небольшой примерчик: http://almostman.ru/main/ Задумка такова: 1) При размерах экрана меньше 270px выдавать сообщение о невозможности отображения странички. думаю сделать это с помощью JS чуть позже. 2) При размерах экрана от 270 до 595 px показывать отцентрированные изображения друг за дружкой. 3) При размерах экрана от 596 до 870 px показывать изображения смещённые float-ом влево, по две штуки в ряд. Когда ставлю размер 270, всё нормально. Когда ставлю 595-597, изменений нету, они стоят, как стояли при условии (2). Если поставить @media (min-width587px) and ... то всё какбы срабатывает, но получатся он берёт сразу стили из двух @media и margin по …
0 votes4 answers -
Карусель со ступенчатым расположением элементов
Всем привет. Понадобилось сделать вот такую штуку: http://cl.ly/image/462m0n0Z1M0F. То есть нужно, чтобы текущий элемент был выше всех, а два соседних, соответственно, пониже. Естественно, всё это должно анимированно происходить. Также нужно, чтобы это нормально работало по бесконечному кругу, т.к. с несколькими плагинами я почти добился похожего поведения, но у всех одна беда — в определённый момент карусель обновляется и всё перестаёт работать, как нужно. Может, видел кто-то именно такой плагин? Или реализацию в каком-нибудь из популярных существующих (bxSlider, owlCarousel и т.д.)?
0 votes2 answers -
bootstrap 3, картинко на картинке
бутстрап нужно на большую картинку наложить маленькую (правый нижний угол), точно по этому углу чтоб все было адаптивненько сохранялись пропорции и положения картинок юзаю вложенные сетки: <div class="container"> <div class="row"> <div class="col-md-12"> <img class="img-responsive" src="img/preview/1.jpg"> <!-- <div style="background: url('img/preview/1.jpg') no-repeat center center; width:920px; height:500px" </div> --> <div class="row"> <!-- <div class="col-md-11"></div> --> <div clas…
0 votes3 answers -
iframe
Здравствуйте! В очередной раз, я — криворукий г.кодер, тля и вообще не человек обращаюсь к Вам, повелителям аккуратного кода, властелинам всего живого и просто, гениям АйТи сферы вот с каким вопросом... Есть iframe, в нём подгружается форма. Как сделать так чтобы после её отправки в этот iframe подгружалось что-то другое. В общем так сказать имитация успешной отправки формы без перезагрузки основной страницы и перехода к верху сайта. Искал -> находил -> читал -> пробовал -> запутался в Нэймах и Таргетах -> пошёл на htmlforum.ru Спасибо за внимание!
0 votes3 answers -
Как сделать обтекание текста по середине рядом с div-кнопкой
На сайте вверху есть вот такая информация: Вот код: <div class="box-services"><span class="pull-left"><i class="fa fa-refresh"> </i></span> <div class="media-body"> <h3><a href="http://www.duoterm.ru/contact-us/"><font><font>Сделать заказ</font></font></a></h3> </div> </div> <div class="box-services"><span class="pull-left"><i class="fa fa-phone"> </i></span> <div class="media-body"> <h3><font><font><font><font>+7 916 321-81-40</font></font></font></font>&…
0 votes2 answers -
Как выровнять текст внутри div
В коде ниже у меня не получается выровнять текст по левому краю, липнет к правому. Подскажите, как это сделать? <!--noindex--> <div style="background-color: #f8f8f8; margin: 10px 0 10px 0; text-align:left; " ><div style=" float: left; padding: 10px;"><img src="/wp-content/uploads/2018/02/1-2.png" /> </div> <!--в div-е ниже нужно выровнять текст по левому краю--> <div style=" float: right; padding: 10px 20px 10px 10px; text-align:left; "> <p><a href="/testy" rel="nofollow">Хорошо ли вы знаете свои уши?</a></p> </div> …
0 votes2 answers -
Проблема с ифреймом
Я поставила на страницу ифрейм и несколько ссылок. Но когда кликаешь по ссылкам, они открываются не в ифрейме, а в этом окне. ВОть,если что, часть кода ссылок: href='"main.html"'> href='"me.html"'> href='"site.html"'> onMouseOver="MM_swapImage('nav13','','nav13929063a.gif',1)" href='"hoopsandyoyo.html"'> src="nav13929063i.gif"> onMouseOver="MM_swapImage('nav14','','nav13929064a.gif',1)" href='"gr.html"'> src="nav13929064i.gif"> onMouseOver="MM_swapImage('nav15','','nav13929065a.gif',1)"
0 votes2 answers -
Как сделать DIV c рамкой высотой 50% от высоты окна браузера?
Хочу чтобы мой DIV стал высотой 50% от высоты окна браузера. Полопатил инет но не нашёл как. Это вообще возможно? Имею такой вот код: <!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> <!-- div { border:1px solid #990000 } div.test { width:80%; Clear:both; float:left; background:#ffeecc; text-align: center; height:100%; } --></style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <div class=test&…
0 votes5 answers -
Задача
Помогите мне вот что решить У меня есть код картинки, который я не могу не как поменять <a href="ССЫЛКА"><img src="ССЫЛКА НА КАРТИНКУ" border="0"></a> Вопрос такой как сделать чтоб при ведении на эту картинку на неё накладывалась ( НЕ ЗАМЕНЯЛА ) другая с полу прозрачным фоном? Ещё один вопрос можно ли сделать чтоб этак картинка накладывалась плавно? ( это не обязательно )
0 votes2 answers -
По нажатию на submit ничего не происходит
Здравствуйте. Пишу регистрацию для сайта. Есть такая вот форма. Проблема в том, что после нажатия на кнопку отправления данных ничего не происходит. В чём может быть дело? Когда было без таблицы, то работало. Но надо, чтобы так работало <form action="testreg.php" method="post"> <table align="center" border ="0"> <caption align="center" class ="registration">Регистрация</caption> <tbody> <tr> <td class = "snoska" colspan="2"> *- поля, обязательные для заполнения</td> </tr> <tr> <td><label for="login">Логин:*</label></td> <td&g…
0 votes0 answers -
Меню на списках не проходит валидацию
всем доброго времени суток. сделал меню на списках, все получилось, выглядит отлично, но валидатор ругается на вложенность тегов <ul>, подскажите в чем проблема? вот такой код у меня <div id="leftMenu"> <ul class="folder"> <li><a href="/gallery/painting">Живопись</a><span class="arrowmenu"></span></li> <ul class="subfolder"> <li><a href="/gallery/painting/1976-1985">1976 - 1985</a><span class="arrowmenu"></span></li> <li><a href="/gallery/painting/1986-1994">1986 - 1994</a><span class="arrowmenu">…
0 votes10 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 -
Растягивать ячейку по высоте
Нужно сделать таблицу что бы когда ми вставляли бы текс неизвестного размера то она бы растягивалась в высоту. Ширина таблицы - фиксированная. Ограничивал ширину ячейки и всей таблицы, но результат один и тот же- текст выходит за пределы ячейки. Подскажите как такое сделать пожалуйста. На картинке показан желаемый результат
0 votes3 answers -
Верстка несколько страниц?
Подскажите, CSS для всех страниц пишется в одном файле?
0 votes7 answers -
Как организовать олпту через сайт
Собственно вопрос, как такое можно сделать?
0 votes5 answers -
Разметка блока
Здравствуйте, верстаю учебный урок №2. Думаю вот так разметить блок: Подскажите как правильней. Чистый скриншот если кто-то захочет нарисовать свою разметку:
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-