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
-
Реализация красивого блока
Столкунулся с проблемой которую не представляю как решить, день потратил а толку никакого, последняя надежда на форум.. Ситуация такая требуется вставить блок с помощью css .nizblock1 {background:url(../images/top.td1.gif) no-repeat left; font-weight:bold;text-align:right; padding-bottom:150px; } В итоге получается вот такой вот блок и вот здесь начинается загвоздка, при различных разрешениях блок смещается... каким образом можно сделать, чтобы width при увеличении или при изменении разрешения экрана всегда был 100%?? у меня вообще не получилось... Дальше я попробывал данную картинку разделить на 3 части (левая, центральная, правая) чтобы выводилась левая затем …
0 votes6 answers -
ФРЕЙМЫ/ССЫЛКИ
возможно ли сделать, чтобы нажимая на ссылку в одном фрейме, в другом фрейме информация выводилась с определенного места. - это работает в пределах одного документа.
0 votes7 answers -
Проблемы с валидатором
Валидатор выдает предупреждение: Element link is missing required attribute itemprop. Вот код на который ругается: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>site-prefinal-19-03-11</title> <link href="css/mainstyles.css" rel="stylesheet" type="text/css"> А точнее только на <link href="css/mainstyles.css" rel="stylesheet" type="text/css"> и остальные теги <link> В чем дело? И зачем тегу <link> itemprop?
0 votes3 answers -
Проблема с закруглением углов у меню
Добрый день, мне нужно сделать закругленные углы у меню, в силу не которых задач мне пришлось сделать разметку см. ниже просто закруглить края у ul с классом b-nav, здесь не проходить. Нужно закруглить у первого div c классом b-nav__wrap-item и у последнегою С последним сложности список может раскрываться и закрываться, т.е нужно закруглить у последнего видимого. Помогите пожалуйста уже по разному и со скриптами, не получаются, чувствую что решение должно быть проще, здесь можно посмотреть верстку http://business-dev22.alleanza.ru , левое меню <ul class="b-nav b-nav_level1"> <li class="b-nav__item"> <div class="b-nav__wrap-item"><a href="" clas…
0 votes17 answers -
Фиксированное (плавающее) горизонтальное меню. Скрипт.
Добрый день Ребят, прошу помощи. Делаю курсовую. Нужно создать учебник по телекоммуникационным компьютерным сетям. Скачал шаблон. Всё хорошо. Есть горизонтальное меню. Его нужно зафиксировать чтобы оно "плавало" вместе со скроллом. Нужен такой результат Пока только так получилось: http://tks.zz.mu/index-3.html Нашел скрипт: //режим отображения шапкиvar min = false;//изначально шапка в обычном режиме$(document).scroll(function() { if($(document).scrollTop()>30&&!min) { //изменение свойств шапки $(".line2, .line2_b").css('height','35px'); $(".line2").css('position','fixed'); $(".line2").css('top','0'); $(".line2").cs…
0 votes2 answers -
Значения классов
Народ все с новым годом! Подскажите пожалуйста по следующей проблеме. Что означают множественные значения классов? Например: <div class="flipster flipster-active flipster-carousel" или <section class="mbr-section mbr-section-hero и так далее.
0 votes11 answers -
0 votes2 answers
-
Центрирование страницы после якоря
При клике на якорь, браузер продергивает документ что бы якорь оказался в верху. Можно ли его каким нить образом убедить что бы якорь оказывался в центре окна.
0 votes4 answers -
Растягивание блока
Требуется растянуть блок notes на всю высоту блока blog Перепробовал всё что смог, но проблему так решить и не удалось ( <html> <head> <style type="text/css"> div.container { width:1000px; margin:0 auto; } div.block_content { background:#030; } div.blog { width:968px; margin:0 15px; overflow:hidden; background-color:#0C9; } div.notes { width:740px; float:left; background-color:#6CF; } div.post { background-color:#FC9; } div.sidebar { width:211px; float:right; background-color:#99C; } </style> </head> <body> <div class="container"> <div class="block_content"> <div class="blog"> <div class="note…
0 votes2 answers -
Книга Влада Мержевича
Здравствуйте, уважаемые форумчане. Зимой хотел научится верстке, но на это не было времени, как появлялся свободное время читал самоучилки на этом сайте. И всегда на левой стороне сайта видел книгу обучающую верстке от автора этого сайта. Вроде стоил 150 рублей. Думал куплю когда начну плотно учится верстке. И вот теперь свободен а книги нет. Где он? Автор снял с продажи? Хочу научится верстать, без понятий с чего начать, как резать PSD и т.д. Ну понимаете все были когда то новичками обсирайте =)
0 votes7 answers -
Ссылка и переключатель разворота в верхнем уровне аккордеона
Здравствуйте, я новичок в программировании и поэтому хотя и пытаюсь разобраться сам, но все же мне нужна ваша помощь. Я использую http://www.i-marco.nl/weblog/archive/2010/02/27/yup_yet_another_jquery_accordi плагин, вот рабочая площадка http://stezja.kiev.ua/index0.php. Задача такая: добавить в верхний уровень списка графический элемент который будет сворачивать-разворачивать список, а ссылка которая обеспечивает этот функционал станет простой ссылкой :help: , т.е. при клике на ней будет осуществлен переход на другую страницу, как и должно быть в штатном режиме :write: Система приблизительно такая: Сначала я пробовал через background-image, но на него нельзя повесить …
0 votes11 answers -
Ошипка, с которой не справиться в одиночку
Подскажите пожалуйста, вот на днях выложил сайт http://www.volokvet.ru, так вот, ie и chrom отображает нормально, а вот opera и mozilla какието кракозябли (то-есть шрифты отображает не корректно), я уже второй день бьюсь,кодировку менял как в коде так и в браузарах, не могу понять почему не работает. Может вы поможите. Заранее благодарен.
0 votes10 answers -
Галлерея
Всем привет. Я новичок в HTML и решила создать свой сайт. Все таки 21 век и надо знать как все это делается... Сайт я уже создала, но мне нужен дизайн. Все пытаюсь, пытаюсь что-то сделать, но не получается. Даже с помошью разных учебников. Можите мне помочь? Мне нужна галерея, где я буду выставлять свои работы (фотографии). Примерно это должно выглядеть так: ГЛАВНАЯ ГАЛЛЕРЕЯ КОНТАКТЫ ГОСТЕВАЯ КНИГА вот примерно то что я хочу... Можиет помочь с кодами? Что для этого нужно? Есть пожелания, заечания и т д? Кстати использовать при создании буду не такие цвета а другие... эти как в пример привела Вобщем надеюсь нвшу помощь))
0 votes9 answers -
Двухуровневое Вертикальное меню
Проблема при наведение на пункт меню Test 2.5. Смотрите код ниже. Нужно, чтобы при наведение на пункт меню Test 2.5, подменю Test 2.2.1 и Test 2.2.2 появлялись с права и при этом не растягивалось выпадающие окно с пунктами меню Test 2.1 - Test 2.5. Как это можно сделать??? Заранее всем спасибо! 1. <style> 2. 3. div#pd_menu_01 { 4. float:left; /* добавляем список в div */ 5. font-size: 14px; /* задаем размер шрифта */ 6. font-weight:bold; /* Делаем шрифт ширным*/ 7. } 8. div#pd_menu_01 ul { 9. padding: 0px 0px 0px 0px; 10. margin: 0px 0px 0px 0px; 11. } 12. div#pd_menu_01 li { 13. float:left; /* …
0 votes1 answer -
Помогите с отправкой письма новечку в деле
Здравствуйте о великие гуру! Помогите с отправкой почты, на сайте имеется такая отправка: <form action="mail.php" method="post"> <div class="row"> <p style="text-align: center;">пункты отмеченные звездочкой обязательны к заполнению</p> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-name" name="contact-name" placeholder="Ваше Имя*" required /> …
0 votes4 answers -
font-weight влияет на работу тега A
Добрый день! Столкнулась со странной проблемой, буду признательна, если вы объясните в чем дело. Подключила шрифт Gotham вместо OpenSans на страницу, после чего ссылки c font-weight: 500 перестали работать. Для начертаний bold и 300 все ок. Как вообще начертание шрифта может влиять на работу тега и почему это не происходит с OpenSans ? Шрифт подключаю так: <style> @font-face { font-family: 'Gotham'; src: url("{{asset 'Gotham-Medium.eot'}}"); src: url("{{asset 'Gotham-Medium.eot?#iefix'}}") format('embedded-opentype'), url("{{asset 'Gotham-Medium.woff2'}}") format('woff2'), url("{{asset 'Gotham-…
0 votes12 answers -
Не работает js на айфоне
$(function () { var mixer = mixitup('.directions__list'); $('.directions__filter-btn').on('click', function () { $('.directions__filter-btn').removeClass('directions__filter-btn--active') $(this).addClass('directions__filter-btn--active') }) })
0 votes3 answers -
Преобразование таблицы в DIV
Как сделать с помощью CSS и ?
0 votes3 answers -
Бланк для почты?
Подскажите как сделать шаблон: - есть список и пункты можно отмечать галочкой; - затем нажать кнопку заказать и открывается бланк, где перечисляется пункты заказа, есть строчка для заполнения ФИО, телефона и коментарий; - заполняешь все нажимаешь отправить и письмо отправлено. Какой шаблон бкдет под это все?
0 votes7 answers -
Помогите исправить код выпадающего меню!
Тут куча лишних тегов, я миллион раз все удаляла, но страница все время выдает, что в коде есть ошибки. Тому, кто поможет, буду очень благодарна . меню взято с woweb.ru. <html> <head> <TITLE>SimpleMunu 0.2</TITLE> <META http-equiv="Content-type"; content="text/html; charset=windows-1251" > </head> <BODY bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" onload=WriteLogo()> <h2><font face=arial>Пример работы меню</h2></font> <SCRIPT language=JavaScript1.2 src="menu.js"></SCRIPT> </td><tr> <tr> <td colspan="2"> <table border="0" width="700" heigh…
0 votes9 answers -
Как на моем сайте показать половину картинки с другого сайта?
Как с чужого сайта взять картинку, располовинить, взять ее левую часть и поместить на моем сайте? Картинка постоянно меняется, поэтому все это должно быть автоматом при открытии моего сайта.
0 votes7 answers -
Всплывающее меню
У меня вопрос про меню. Помогите, люди добрые. Как это горизонтальное всплывающее меню сделать шестиуровневым? Друг попросил, а я не умею. <HTML> <head> <title>hover</title> <style type="text/css"> UL {width:800px; list-style:none; margin:0; padding:0; font-family:Arial,sans-serif; font-size:10pt;} UL li {position:relative;display:inline-block;} li UL {position:absolute; display:none; top:20; left:0px; z-index:1;} li A {display:block; width:100%; padding:5px; text-decoration:none; color:#666; border:1px solid #ccc; background-color:#f0f0f0; border-bottom: none;} li A:hover {color:#ffe; background-color:#5488a…
0 votes17 answers -
Не работает HTML валидатор в Firefox
Подскажите, почему не работает HTML валидатор в Firefox 8.0 . Версия валидатора 0.9.1.2. Всегда пишет Not validated.
0 votes3 answers -
как резиновую середину и фиксированную шапку и подвал ?
голову сломал пытаясь сделать это. В общем нужно чтоб страница всегда отображалась на 100% высоты экрана без прокрутки. Страница состоит из шапки, центральной части, и подвала. И резиновой может быть только центральная часть. Если я делаю шапку 10%, центральную часть 80%, подвал 10%, то все работает отлично. Но если делаю шапку 40px, центральную часть 80%, подвал 40px, то разумеется все заполняется не так как мне нужно. Делать высоту центральной части зависимой от контента внутри тоже нельзя. Просто зафиксировать подвал внизу тоже нельзя. Мне нужно чтоб центральная часть растягивалась, потому что я потом беру ее высоту в скрипте.
0 votes8 answers -
анимация SVG
Здравствуйте! Пытаюсь создать анимацию на сайте с использованием SVG изображения экспортированного с Corel Draw. Я в интернете нашел пример https://css-tricks.com/svg-line-animation-works/ где идет обрисовка изображения при помощи animation в css но когда я заменяю коде изображения в теги path - вставляю код экспортированного с Corel - а изображения в формате SVG то эта анимация не работает. Подскажите как с Corel Draw изображения SVG сделать анимацию в HTML
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-