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
-
Гуру не нужен, товарищ - лучший наставник.
Создал группу в skype для совместного и оперативного обучения: skype:?chat&blob=ODfq_7_2ysQ_M1sFrVIVnAF5RI7cxD_21C-Ng6lm_Ef_YOlRmU23iPOgKK48a36iVQ-fB6KTB0iNQg вступайте кто хочет) update: https://gitter.im/zueff/web_study?utm_source=share-link&utm_medium=link&utm_campaign=share-link
0 votes16 answers -
frD-float - откуда белая полоса?
Приветствую. Верстаю сайт. Решил по возможности сделать на div-ах. Одна из проблем - фон. <div style="padding: 5; background-color: #808080;"> <div style="width:300;float:left;">Строка Еще строка</div> <div style="width:100;float:left;"><img alt="" src="/ico/counter.png" height="31" width="88" /></div> <div style="width:100;float:right;">Написать письмо</div> <!--<p style="clear:all;"> --> </div> </body> </html> Почему использование float приводит к появлению (все браузеры) на сером фоне контейнера белых (ой?) полос? Что дает эту накладку? Закоментированых фрагмент все приводит в норму, н…
0 votes1 answer -
Реализация красивого блока
Столкунулся с проблемой которую не представляю как решить, день потратил а толку никакого, последняя надежда на форум.. Ситуация такая требуется вставить блок с помощью 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 -
Галлерея
Всем привет. Я новичок в HTML и решила создать свой сайт. Все таки 21 век и надо знать как все это делается... Сайт я уже создала, но мне нужен дизайн. Все пытаюсь, пытаюсь что-то сделать, но не получается. Даже с помошью разных учебников. Можите мне помочь? Мне нужна галерея, где я буду выставлять свои работы (фотографии). Примерно это должно выглядеть так: ГЛАВНАЯ ГАЛЛЕРЕЯ КОНТАКТЫ ГОСТЕВАЯ КНИГА вот примерно то что я хочу... Можиет помочь с кодами? Что для этого нужно? Есть пожелания, заечания и т д? Кстати использовать при создании буду не такие цвета а другие... эти как в пример привела Вобщем надеюсь нвшу помощь))
0 votes9 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 -
В каком направлении копать!?
Практически каждый человек, пожелавший посвятить свою жизнь Веб разработке, и попавший на этот форум. Создает тему со следующими словами: "Как начать ?", "С чего лучше начать изучение верстки: CSS или JavaScript или HTML? А может быть с PHP?" и т.п. В этом ничего зазорного нет ! Все мы когда то были новичками, в том или ином деле. Но, на мой скромный взгляд, однотипные темы (только названные по разному). Не только засоряют форум, но и затрудняют поиск, действительно, полезной информации. Искатель, поставивший себе за цель найти информацию о PNG прозрачности в IE6, попросту ее не найдет (хотя она есть). Ему не остается ничего другого, как продолжить создавать дублирующие т…
0 votes12 answers -
Ошипка, с которой не справиться в одиночку
Подскажите пожалуйста, вот на днях выложил сайт http://www.volokvet.ru, так вот, ie и chrom отображает нормально, а вот opera и mozilla какието кракозябли (то-есть шрифты отображает не корректно), я уже второй день бьюсь,кодировку менял как в коде так и в браузарах, не могу понять почему не работает. Может вы поможите. Заранее благодарен.
0 votes10 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 -
Не работает 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 -
0 votes2 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 -
Значения классов
Народ все с новым годом! Подскажите пожалуйста по следующей проблеме. Что означают множественные значения классов? Например: <div class="flipster flipster-active flipster-carousel" или <section class="mbr-section mbr-section-hero и так далее.
0 votes11 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 -
Выпадающи список не корректно отображается в Mozilla Firefox и Google Chrome
Доброго времени суток! Подскажите в чем может быть ошибка - выпадающий список в Opera и Internet Explorer отображается так как надо, а в Mozilla Firefox и Google Chrome не корректно - http://happy-tails.ru/! .v-menu ul { margin: 0; /* Нет отступов вокруг */ padding: 0; /* Нет поля вокруг текста */ list-style: none; /* Для списка убираем маркеры */ font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт для текста меню */ font-size: 12px; /* Размер названий в пункте меню */ font-weight: norm; /* Не жирный шрифт */ } .v-menu ul li { position: relative; } .v-menu li ul { width: 110px; /* Ширина выпадающего списка */ position: absolute; /* Подменю позици…
0 votes3 answers -
Книга Влада Мержевича
Здравствуйте, уважаемые форумчане. Зимой хотел научится верстке, но на это не было времени, как появлялся свободное время читал самоучилки на этом сайте. И всегда на левой стороне сайта видел книгу обучающую верстке от автора этого сайта. Вроде стоил 150 рублей. Думал куплю когда начну плотно учится верстке. И вот теперь свободен а книги нет. Где он? Автор снял с продажи? Хочу научится верстать, без понятий с чего начать, как резать PSD и т.д. Ну понимаете все были когда то новичками обсирайте =)
0 votes7 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 -
Двухуровневое Вертикальное меню
Проблема при наведение на пункт меню 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 -
C чего начать работу
Здравствуйте. Подскажите, как лучше сделать свою вот такую страницу Линк Просто у меня есть свой сайт/форум с онлайн играми и очень не хватает вот такого так сказать калькулятора... подскажите, в чем и с чего лучше начать его разработку ?
0 votes9 answers -
Как на моем сайте показать половину картинки с другого сайта?
Как с чужого сайта взять картинку, располовинить, взять ее левую часть и поместить на моем сайте? Картинка постоянно меняется, поэтому все это должно быть автоматом при открытии моего сайта.
0 votes7 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 -
анимация SVG
Здравствуйте! Пытаюсь создать анимацию на сайте с использованием SVG изображения экспортированного с Corel Draw. Я в интернете нашел пример https://css-tricks.com/svg-line-animation-works/ где идет обрисовка изображения при помощи animation в css но когда я заменяю коде изображения в теги path - вставляю код экспортированного с Corel - а изображения в формате SVG то эта анимация не работает. Подскажите как с Corel Draw изображения SVG сделать анимацию в HTML
0 votes5 answers -
Преобразование таблицы в DIV
Как сделать с помощью CSS и ?
0 votes3 answers -
таблица в CSS
Всем доброго времени суток! Подскажите, как сделать таблицу с помощью CSS?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-