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
-
Правильное использование тегов HTML5 в контенте
Имеется вот такой простой макет С тегами в шапке и нафигации я разобрался, а вот с блоком контента не могу. Самое первое что я думаю надо сделать, это обернуть весь блок контента тегом <main>, это правильно? Сам контент может быть представлен в разном виде. Вот например на главной странице сайта каждый блок с картинкой надо обернуть в <section> и <article>? Или как то по другому? При нажатии ссылки "Подробнее" открывается вот это Опять же, верхняя часть в <section>, название фото в <header>, описание в <article>, "Название альбома, просмотров комментариев" в <footer>? После чего ещё 2 <section> для Добавления комментариев…
0 votes9 answers -
Адаптивность колонок
Подскажите, пожалуйста, что можно прописать, чтобы при уменьшении разрешения экрана колонки справа смещались вниз? Весь код в песочнице https://jsfiddle.net/fzbkeLyt/ Пробовала: Но не сработало. @media (max-width: 1200px) { .container { max-width: 970px; } } @media (max-width: 992px) { .container { max-width: 750px; } } @media (max-width: 767px) { .container { max-width: none; } }
0 votes3 answers -
Проблема со статистикой
Статистика не отображаеться на сайте. Что делать? Что в коде не то? <img src="http://s61.radikal.ru/i174/0809/5e/727808446a28.gif" border="0"><?if($COUNTER$ || $ONLINE_COUNTER$)?><tr><td class="boxContent" align="center">$COUNTER$<?if($ONLINE_COUNTER$)?><hr />$ONLINE_COUNTER$$ONLINE_USERS_LIST$<?endif?></td></tr></table><?endif?>
0 votes4 answers -
Таблицы и colspan
Есть таблица шириной 100px, в ней 2 строки и 3 ячейки, если первую ячейку первой строки я делаю с colspan="2", то не получается задать ширину остальным двум нижним ячейкам. <table width="500"> <tr colspan="2"> <td> </td> </tr> <tr> <td width="100"> </td> <td> </td> </tr> </table>
0 votes5 answers -
Несколько вопросов о DOCTYPE
Здравствуйте! Недавно начал заниматься вёрсткой и вот недавно увидел у Яндекса вот такой doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Т.е. получается, что это "Строгий синтаксис HTML", но при этом опущен кусок доктайпа: "http://www.w3.org/TR/html4/strict.dtd" Можно ли использовать такой доктайп? И что именно он изменяет? P.S. Может уже у меня глюки, вчера ночью(точнее уже сегодня) верстал формочку с использованием эффектов jqyery, и в ИЕ6 замечал глюк, при использовании slideUp() содержимое не просто скрывалось, а в самый последний момент мерцало, что выглядело очень ужасно. Доктайпа не было, после установки глюка не было. Может ли на jq…
0 votes5 answers -
Убрать сглаживание в CSS
Как увеличить изображение, средствами CSS, что бы не применялосьсглаживание увеличенного изображения. Проще говоря что бы были видны пиксели без сглаживания границ оных.
0 votes1 answer -
Централизация изображений на странице
Суть задачи: На странице должна быть отображена лишь картинка с неизвестными размерами (то есть может быть разрешением 100х200, а может и 1920х1080). Первое: нужно выровнять эту картинку строго по центру (то есть и по вертикали, и по горизонтали). Второе: нужно ограничить в размерах изображение с помощью свойств max-heigt; max-width; относительно размеров окна браузера: если изображение больше, то уменьшается до тех пор пока не влезет, остальные остаются как есть. Покопавшись я нашел довольно много примеров для выравнивания картинки по центру, но проблема в том, что во всех примерах не было манипуляций с размерами изображения. Если ставить ограничение размера в пикселях (…
0 votes0 answers -
Как расятянуть картинку моря?
Вот задача думаю непростая... Не знаю, как и с чего даже начинать... может кто, что посоветует?
0 votes6 answers -
Нужно резать строку без пробелов
Проблема следующая: выводится одна очень длинная строка без пробелов и символов перевода строки. Она выходит за край блока, в котором лежит. Нужно как то блоку этому показать, что строка должна переноситься. FF3 это сам делает, IE понимает word-wrap: break-word; а для FF2 ничего найти не смог.
0 votes4 answers -
Как прописать <h1> в одну строку с остальным текстом?
Доброго дня ! Подскажите, плиз, чайнику, как прописать тег <h1> в одну строку с остальным текстом? Что нужно использовать? Пробовала <h1 style="float:left;">Танк</h1> <div style="clear:both;"> - это круто!</div> ... не получается ...
0 votes2 answers -
Помогите с рассылкой
Ребята,помогите наладить рассылку с сайта который на Джумле.Есть у меня код рассылки(он рабочий),но не могу понять как что работает.В частности откуда берётся сам текст рассылки,и где складываются адреса подписчиков? Заранее большое СПС всем кто откликнется и ессно всем в репу плюсы! Вот код: <div align="center"> <form name="SR_form" method="post" target="_blank" action="http://smartresponder.ru/subscribe.html"> <input type=hidden name=version value="1"> <input type=hidden name=tid value="35620"> <input type=hidden name=uid value="31033"> <input type=hidden name=charset value="windows-1251"> <input type=hidden name=lang value="1">…
0 votes9 answers -
Вертикальное выпадающее меню ограничивается границей блока?
Доброго времени суток! Сразу оговорюсь: далеко не волшебник, а только учусь. При создании вертикального выпадающего меню столкнулся с проблемой: Если меню ставить вне блока - все нормально работает, но когда это же меню вставляю в блок - при наведении на пункт с подкатегорией выпадает меню только в пределах блока и под основным. Помогите если возможно! Заранее благодарен! Сайт: http://ipplaneta.ru Линк: код блока: CSS javascript
0 votes6 answers -
фон в таблицы
Доброго времени суток.Нужна Ваша помощь,делаю сайт и возникла проблема не могу поменять фон таблицы.На странице расположены две таблицы.При изменении фона в первой таблице во второй также меняется фон на такой-же.Таблицы сделаны с закругленными углами.Часть кода: <html> <head> <title>Главная </title> <style type="text/css"> A { text-decoration: none; } </style> <font face="Dungeon"> <style type="text/css"> BODY { color: #ffffff; background-color: #0A2C85; text-decoration: none; background-image: url(); background-repeat:repeat-x; } </style> </head> <table> <td cellpadding="20%" height="3…
0 votes6 answers -
Разноцветная рамка
Кто знает, можно ли так сделать: у элемента есть рамка скажем в 2 пикселя...и вот я хочу что бы первый слой толщиной в 1 пиксель был одного цвета, а второй слой (он тоже толщиной в 1 пх) - был другого цвета ?
0 votes4 answers -
Какую литературу посоветуете для полного изучения CSS3?
Добрый день уважаемые форумчане(может быть вечер, а то и утро)! Накопал на ОЗОНЕ следующую литературу: 1. Брайан Хоган. "HTML5 и CSS3. Веб-разработка по стандартам нового поколения" 2. Рейчел Эндрю. "CSS. 100 и 1 совет" 3. Дэвид Сойер Макфарланд. "Большая книга CSS3" 4. Зои Джилленуотер. "Сила CSS3. Освой новейший стандарт веб-разработок!" 5. Владимир Дронов. "PHP, MySQL, HTML5 и CSS 3. Разработка современных динамических Web-сайтов" Какой из них посоветуете, или какой-нибудь свой учебник? Но надо чтобы CSS прям с нуля был до профессионального уровня...
0 votes2 answers -
Почему min-height от min-height не работает?
А почему min-height от min-height не работает? https://jsfiddle.net/Launder/w092L3qL/ если в #level1 вместо height поставить min-height, то браузер не сможет подсчитать размер для #level2 И как же быть, если нам нужно сделать именно растягивающийся блок, минимальный размер которого задан в %?
0 votes3 answers -
style в body, нормально?
Подскажите если я стили буду держать не в head, а в body, а точнее стили будут и там и там (несколько тегов style), это нормально? не будет считаться ошибкой?
0 votes19 answers -
Почему не работает псевдокласс
<input name="search" type="text" placeholder="Поиск..."> input:after{ content: ""; display: block; width: 20px; height: 10px; background: black; margin: 20px 0; } Не понимаю должен блок появляться https://jsfiddle.net/gnzrnko8/
0 votes5 answers -
ЫЫЫ вешаюсь
в общем верстаю дивами.. надо же учиться когда-нибудь этому... столкнулся с таким косяком: в IE все в порядке, а в FF плющит... index.html http://kot9lpa.jino-net.ru/1/ тут можно посмотреть <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>BEMANI-TITLE</title> <link rel="stylesheet" type="text/css" href="bemani.css"> </head> <body> <div id="main" align= "center"> <div id="parent"> <div id="shapka"> <div id="shapka1">d</div><div id="shapka2">d<…
0 votes6 answers -
Не работают псевдоклассы
Здравствуйте, наверно эта тема не раз обсуждалась, но уже час не могу найти решения. a:link, a:hover, a:visited и a:active некоректно работают. A.ctrpan:link{ font-size:13px; font-family: sans-serif; color: #C8C8C8; } A.ctrpan:hover{ font-size: 14px; color: #F0F0F0; } A.ctrpan:active{ font-size: 11px; color: #AFAFAF; } A.ctrpan:visited{ font-size:13px; color: #C8C8C8; } Сначала все работает, но после посещения ссылки hover не работает, а ссылка имеет вид active, т.е. выглядит как при нажатии. Браузеры FF3.5.1, IE8 Почему так Можно ли это решить без js?
0 votes3 answers -
пересечение слоев. как исправить?
В дримвейвере у меня все выглядит атк как нужно. А на сайте все иначе есть 2 слоя. "textbody" - рамка слоя "text". И если в "text" написать длинный текст то рамка "textbody" остаеться на месте вместо того что бы вытягиватся по длине текста. .textbody{ border-style:solid; border-color:#000; border-width:1px; width: 800px; background:url(pic/bgr.png); padding: 10px 20px; margin:0 auto; min-height:480px; } .text{ font:Verdana, Geneva, sans-serif; font-size:18px; color:#000; margin:0 auto; padding:10px 10px; text-align:left; }
0 votes6 answers -
использование CGI скриптов
Здравствуйте, помогите пожалуйста разобраться. Для использования cgi скриптов, в моём случае я хочу использовать скрипт "Баннеры Entropy", нужно вставить код <!--#include virtual="cgi-bin/entropybanner.cgi"--> и сохранить страницу в формате .shtml или .shtm . Так вот, если эта страница находится в корне сайта, то cgi скрипт работает, если я перемещаю страницу в другую папку то скрипт не работает вот такая ошибка [an error occurred while processing this directive]Например: www.mydomen.ru/index.shtml - в таком случае работает www.mydomen.ru/baner/index.shtml - в таком случае не работает. ошибка - [an error occurred while processing this directive] Подскажите пожалуй…
0 votes5 answers -
Как быть с тэгами index/noindex?
Заказчику сеошники втирают про просто-таки жизненную необходимость присутствия на странице не предусмотренных ни одной спецификацией тэгов <index> и <noindex>. Я сама в теме seo где-то около полного нуля, и возразить ничего не могу, даже если и существуют увесистые соображения против. При этом когда вижу красную реакцию валидатора на свою страницу, всё внутри переворачивается, естество восстаёт, а совесть спать спокойно не даёт. Как быть?
0 votes8 answers -
ТЕг select
Всем привет. Поставил тег селект в нем OPTION . Нужно чтобы первый OPTION выводился еще до открытия списка и чтобы его нельзя было выбрать(т.е. чтоб он был в роли заглавия) как этого добиться? ( я просто ставил DISABLE но FireFox не выводит его первым )
0 votes6 answers -
Помогите чаинику. Чем заменить a href
Всем привет, скачал лаиот, пытаюсь переделать и чемуто научится. вот застрял и как часами не могу наити ответ. Снизу были 3 кнопки, которые меняли главную картинку страницы. думал убрать эти 3 кнопки. две убрал, если первую уберу картинка исчезает, или чтобы я не заменял, всегда остаётся черныи квадрат от кнопки. пожалуиста не судите. первыи раз в жизне пытаюсь создать маленькую страничку. <!-- / content --> </div> </div> <div class="block"></div> </div> <div class="bg1"> <div class="main"><!…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-