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
-
Скошенная сторона у блока произвольной высоты, IE8 и выше, как реализовать?
Необходимо реализовать блок со скошенной стороной, как на картинке: Нагуглить решение мне не удалось. Есть ли способ такое реализовать IE8 и выше, желательно без использования картинок?
0 votes1 answer -
Создание гиперссылок
При в?рстке в dreamweaver ссылка вед?т не на указываемый адрес, а на адрес страницы/ссылка. Например, если адрес страницы, на которой написан текст со ссылкой, www.fierydance.nightmail.ru, а ссылку я ставлю на www.macromedia.com, то адрес, на который вед?т ссылка www.fierydance.nightmail.ru/www.macromedia.com. :/:/. Проверяла коды - вс? нормально... Что нужно исправить в настройках, чтобы от этого избавиться?
0 votes4 answers -
Помогите найти ошибку в CSS
Есть HTML код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body class="body"> <center> <div class="all"> <div id="logo"> <div class="logo1"> <a href="index.php" style="font-size: 25px; float: right;">Юридическая фирма <br/> <b style="font-size: 35px;">"Империя права"</b></a> </div> <div class="logo2"/> </div> <div class="div"> <div id="menu"> </div> </div> <div id="container"> <…
0 votes6 answers -
Ааа... Warning! Margin в ie6!
Хелп, подскажите как лечить ие6? Конструкция такая: <!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"> <style type="text/css"> body { margin: 20; padding: 20; } .local-max { width: 300px; background: red; border: 1px solid black; overflow: hidden; zoom: 1; } .local-min { float: left; margin-left: 8px; width: 30px; color: white; background: green; } </style> </head> <body> <div class="local-max"> <div class="local-min">1</div> <div class="l…
0 votes12 answers -
Нужна помощь по префиксам
Проблема такая, откуда подцеплять префиксы ? 1) Из Sass, я его использую так что проблем ноль 2) Autoprefixer вроде тоже нормально 3) а может уже не надо, я как бы не парюсь по IE ниже 9 ?
0 votes16 answers -
Меню с закладками
Необходимо сделать меню (или дать готовый скрипт). Меню состоит из закладок, расположенных в один ряд горизонтально. При большом количестве закладок появляются стрелки справа и слева с помощью которых можно просматривать все закладки. Если закладок не очень много и они все вмещаются в строку, то срелки для прокрутки пропадают. Рассмотрю как реализацию меню, так и идею по его реализации.
0 votes6 answers -
Структура сайта
<?include ("menu.php");?>
0 votes9 answers -
div внутри head
Можно ли и будет ли работать, если я вставлю в head тег div и оберну ещё им тег link?, то есть вот так: <head> <div class="myBlock"> <link href="styles.css"> </div></head> Только, пожалуйста, не спрашивайте зачем, мне просто надо знать и все тут... Спасибо.
0 votes5 answers -
флэш как ссылка посредством хтмл
собсно сабж есть флэш ролик 200 на 200 пикселей, нада сделать его ссылкой, ну или область в каторой он находится вопрос: как?
0 votes5 answers -
Выделение Div ,как избавиться
Хотел показать свой пример ,но случайно заметил на форуме аналогичную ситуацию. Прямо под логотипом ,на странице которой сейчас вы находитесь,есть меню ,разделенное div'ми на left меню и right меню.Каждый элемент меню эта ссылка со своим фоном.У меня точно так же. Если нажать и задержать допустим по ссылке "На главную сайта",то появляются такие вот точки : Тыкай Конечно на секундное нажатие это никакой роли не играет ,но у меня это так палевно выглядит,да еще и точки на темно синем фоне ,почему то выделяются якро красным цветом Т_Т . Как избавиться от этих точек?
0 votes8 answers -
всплывающие окна
всем привет так случилось, что на работе мне надо в срочном порядке изучать все чудеса html и всего того, что мне раньше и в страшном сне не приснилось бы подскажиет пожалуйста как написать всплывающее окно. по клику ан слово должно появляться окно в котором были бы ссылки на скачиванеи файлов закачанных на сайт окно должно октрываться по центру уже существующего заранее спасибо
0 votes7 answers -
Не работает псевдо-класс first-child
http://jsfiddle.net/Jvbsj/ Подскажите пожалуйста почему здесь не работает first-child?
0 votes9 answers -
Скролл для меню в плавающем блоке
Здравствуйте. На сайте есть шапка с position: fixed, в которой есть выпадающее меню position: absolute. В этом меню может быть очень много пунктов, из-за этого на мобильных устройствах они выходят за край экрана. Прокрутка не помогает, так как шапка зафиксирована вверху сайта и все это остается на месте. Мое решение - добавить скролл для меню. Но как это сделать, если оно имеет динамическую высоту? jsfiddle
0 votes9 answers -
Неправильное отображение сайта в разных браузерах.
Продублирую свою проблему тут. Хочется разобраться. #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 206px; height : 11px; padding : 0; } #enter { width : 84px;…
0 votes3 answers -
При наведение курсором на картинку...
Подскажите пж как реализовать - чтобы при наведении курсором на картинку ссылку, подгружалась другая картинка?
0 votes4 answers -
Фреймы. Ссылка во фрейм на другой странице.
Столкнулся с проблемой, нужна помощь знающих людей. Есть страница с фреймами, и есть картинка-карта на отдельной странице (_blank), как по клику на карте, открыть новую страницу в уже имеющемся фрейме другой страницы. То есть что-то типа пульта получается. Если непонятно объяснил, то попробую расшифровать: во фрейме список членов команды с ссылками на файл каждого, также есть ссылка (карта), по клику на ней открывается новое окно (_blank) с большой фотографией всех членов группы, каждый имеет ссылку на страницу с информацией по нему. Но проблема в том чтобы открыть эту информацию в уже имеющемся фрейме предыдущей страницы. Или есть другой путь: Как сделать изображение кар…
0 votes7 answers -
Рамка - изображение
Здравствуйте. Подскажите пожалуйста как сделать изображение рамкой при помощи CSS?
0 votes5 answers -
Цвета цвета цвета
Суть проблемы такова, есть изображение .png размером 1х300 которое содержит плавный градиент, когда прописываю его как бэкграунд (repeat-x), мягко говоря выглядет не так как я в ps нарисовал, появляються явные полосы, возможно ли это как то исправить?
0 votes9 answers -
Центровка меню по вертикали
Как отцентрировать меню по вертикали? Стиль: <style type="text/css"> #menu_up { background-image:url(images/menu_bg.jpg); background-repeat:repeat-x; width:100%; float:left; text-align:center; height:40px; margin:0 auto; } #menu_up .links li, a { display:block; float:left; text-align:center; list-style-type: none; background-image:url(images/menu_bg.jpg); font-size:14px; font-family:Arial, Helvetica, sans-serif; height:100%; text-decoration:none; color:#333333; margin:0 auto; position:relative; } #menu_up a:hover { list-style-type: none; background-image:url(images/btnact.jpg); background-repeat:no-repe…
0 votes7 answers -
Блоки отскакивают при наведении
Здравствуйте. Вот пример того, как должно быть: Т.е. при наведении на блок, он должен увеличиваться вместе с изображением товара. Как это получилось у меня http://codepen.io/anon/pen/bNQOKa Я сделал это следующим образом: При наведении на блок, он увеличивается, а его марджины уменьшаются. В обычном состоянии я задал в .item-slider li margin:25px 15px 30px 15px; А при наведении: .item-slider li:hover margin:20px 5px 20px 5px; Но проблема в том что другие блоки начинают отскакивать. Что с этим делать? И также интересует следующее: При наведении на блок всплывает круг "SHOP IT". Как сделать чтобы он всплывал плавно. Пробовал как-то сделать через opacity и tr…
0 votes7 answers -
Как сделать чтобы сайт воспринимал теги как обычны текст
Здравствуйте! Подскажите пожалуйста, как можно сделать так, чтобы в определенном блоке сайт воспринимал теги как обычный текст и показывал их мне? Например: Я пишу материал на сайт, и мне нужно рассказать о каком-то теге, например <a></a>. Я пишу его в документ, естестно в готовом материале он не показывается. Как сделать так, чтобы все теги в определенном контейнере воспринимались как обычный текст?
0 votes3 answers -
Как сделать, чтобы
С непрозрачными все ок, а с полупрозрачными нет, хотя вроде суть одна... Only for Chrome!!!! Блок с бордерами и прозрачкой: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Создание обвязки бокса из 1 слоя.</title> <style> body {background:red;} .block{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XtXRoQqDUBSH8 euu6T6AiAy2JBbxMQaLC7piFEx7BMEq+ECrvsTKitFiWVhQuH5ZLJ7mH37xgwPHsdZ6SqkeFX…
0 votes3 answers -
css-меню
Намаялся, не могу понять: что текстовое, что на спрайтах меню, делаю разные стили для 1 пункта: обычное, hover и active. Срабатывают первые два, active стиль игнорируется. Подскажите пож-та, как должен выглядеть кусок. Допустим, сдвигая изображение: ul.navbar {...} ul.navbar li.main {background-position: 0px 0px; height: 120px;} ul.navbar li.main:hover {background-position: -25px 0px;} ul.navbar li.main:active {background-position: -25px 0px;} и вот находясь на этой страничке мы видем кусок изображения 0px 0px. Что не так ? заранее большое спасибо
0 votes7 answers -
"Падает" контент под меню на float
Помогите пожалуйста разобраться, делаю сайт и при уменьшении окна браузера контент съезжает под меню. Меню идет статическое 250px, а контент надо что бы тянулся в ширину. #menu { width: 250px; float: left; padding: 0; margin: 0; height:100%; background-color:#C3E0C6; } .button{ float:left; margin-top:80px; margin-left:12px; padding:1px; } #kontakty{ float:left; margin-left:20px; margin-top:10px; padding: 2px; color:#04605B; font-family:Arial, Helvetica, sans-serif; font-size:10pt; } #kontakty ul li p{ font-weight:bold;} #kontakty ul li{ list-style-type:none; line-height:1.5em; z-index:6; } #content { background: #F5FAF5; width: 80%; margin-left:250px; f…
0 votes8 answers -
HTML5
Здравствуйте, уже неделю пытаюсь разобраться с новыми тегами <section>, <article>, <header>, <footer>, <nav>, <aside> . Залез в спецификации w3c и WHATWG, пролистал http://html5doctor.com/. В теории все получается просто, но когда начинаешь реально что-то писать приходит понимание, что ты нечего не понимаешь. Набрел на http://www.creativebloq.com/html5/truth-about-structuring-html5-page-9122842#null (комменты вообще бомба) и понял, что никто толком о новых элементах HTML5 ничего не знает. Сейчас думаю начать изучение верстки стандартными divами с ролями ARIA с точечными вкраплениями HTML5. Можно конечно лепить структурные теги HTML5…
0 votes18 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-