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
-
position в процентном отношении
здравствуйте как можно произвести позиционирование элемента в процентном отношении, т.к. надо поместить лого в 15% от левого края окна. заранее спасибо
0 votes7 answers -
убил компилятор
Снова наломал дров, два дня уже не могу решить проблему, вроде типичная, вроде раньше разбирался, да все не получается. Значит осваивал я Java спокойно, никого не трогал, писал всякую шнягу потихоньку, но вот однажды что-то сделал и теперь компилятор (javac.exe), весит ровно 0 байт, при попытке зафигачить класс выдается сообщение, что javac.exe не является приложением win32, ну и в cmd говорится, что отказано в доступе. Система Windows XP SP2 PATH прописан правильно, команды все тоже верно пишу, проверял на тысячу раз. Много где встречал расписанное решение этой проблемы, только нигде не было упоминания о том, что javac.exe весит 0 байт и все решалось правильной настройк…
0 votes6 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 -
Двухуровневое Вертикальное меню
Проблема при наведение на пункт меню 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 -
Проблемы с валидатором
Валидатор выдает предупреждение: 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 -
Ссылка и переключатель разворота в верхнем уровне аккордеона
Здравствуйте, я новичок в программировании и поэтому хотя и пытаюсь разобраться сам, но все же мне нужна ваша помощь. Я использую 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 -
Проблема с закруглением углов у меню
Добрый день, мне нужно сделать закругленные углы у меню, в силу не которых задач мне пришлось сделать разметку см. ниже просто закруглить края у 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 -
Помогите с отправкой письма новечку в деле
Здравствуйте о великие гуру! Помогите с отправкой почты, на сайте имеется такая отправка: <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 -
Не работает 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 -
Бланк для почты?
Подскажите как сделать шаблон: - есть список и пункты можно отмечать галочкой; - затем нажать кнопку заказать и открывается бланк, где перечисляется пункты заказа, есть строчка для заполнения ФИО, телефона и коментарий; - заполняешь все нажимаешь отправить и письмо отправлено. Какой шаблон бкдет под это все?
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 -
Галлерея
Всем привет. Я новичок в HTML и решила создать свой сайт. Все таки 21 век и надо знать как все это делается... Сайт я уже создала, но мне нужен дизайн. Все пытаюсь, пытаюсь что-то сделать, но не получается. Даже с помошью разных учебников. Можите мне помочь? Мне нужна галерея, где я буду выставлять свои работы (фотографии). Примерно это должно выглядеть так: ГЛАВНАЯ ГАЛЛЕРЕЯ КОНТАКТЫ ГОСТЕВАЯ КНИГА вот примерно то что я хочу... Можиет помочь с кодами? Что для этого нужно? Есть пожелания, заечания и т д? Кстати использовать при создании буду не такие цвета а другие... эти как в пример привела Вобщем надеюсь нвшу помощь))
0 votes9 answers -
Как на моем сайте показать половину картинки с другого сайта?
Как с чужого сайта взять картинку, располовинить, взять ее левую часть и поместить на моем сайте? Картинка постоянно меняется, поэтому все это должно быть автоматом при открытии моего сайта.
0 votes7 answers -
Ошипка, с которой не справиться в одиночку
Подскажите пожалуйста, вот на днях выложил сайт http://www.volokvet.ru, так вот, ie и chrom отображает нормально, а вот opera и mozilla какието кракозябли (то-есть шрифты отображает не корректно), я уже второй день бьюсь,кодировку менял как в коде так и в браузарах, не могу понять почему не работает. Может вы поможите. Заранее благодарен.
0 votes10 answers -
Не работает HTML валидатор в Firefox
Подскажите, почему не работает HTML валидатор в Firefox 8.0 . Версия валидатора 0.9.1.2. Всегда пишет Not validated.
0 votes3 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 -
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 -
Преобразование таблицы в DIV
Как сделать с помощью CSS и ?
0 votes3 answers -
Помогите мне!
Вот у меня проблема: я вывожу из файла код в textarea, проблема в том, что в коде есть текстареа, и эта textarea закрывает техтарею в которую я вывожу текст! Что делать?
0 votes13 answers -
C чего начать работу
Здравствуйте. Подскажите, как лучше сделать свою вот такую страницу Линк Просто у меня есть свой сайт/форум с онлайн играми и очень не хватает вот такого так сказать калькулятора... подскажите, в чем и с чего лучше начать его разработку ?
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-