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
-
Просветите новичка-2
Доброго дня! Помогите разобраться. Пробую сделать первый сайт но пока плохо разбираюсь (( Вопрос вот в чём ... Как Вы мне и советавали купил домен и хост на masterhost.ru, мне прислали всякие разные реквизиты ) ... после чего я что-то там делегировал и вроде всё прошло удачно. После этого попробовал с помощью программы Macromedia Dreamweaver залить файл (default.htm) на сервер: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> проверка! …
0 votes9 answers -
Просветление фона при наведении
При движении мышкой над блоком должен просвечивать цветной фон. Переход плавный без четкого определения границ.
0 votes1 answer -
Просвечивает край нижнего элемента
Страница - http://smartprogress.ru/goal/2149/ Вверху страницы есть прогресс бар. Его конструкция: div с фоном в виде градиента, внутри div с коричневым фоном является шторкой, закрывающий фон градиента. При изменении ширины шторки, меняется величина прогресса (видимая область градиентной полоски). Сделано это так, потому что необходимо, что бы градиент перетекал по всей длине прогресс баре, даже по не видимой, т.е. что бы цвет правого края прогресс бара менялся в зависимости от величины прогресса. Проблема в том, что по краям прогресс бара градиентная полоса просвечивает над коричневой шторкой (показано на скриншоте сверху). Уже несколько дней бьюсь с проблемой, может кт…
0 votes1 answer -
просвечивающееся меню
Подскажите как реализовано здесь просвечивающее меню? http://lifelab.com.au/ Там где написано Life.lab и сами пункты меню как бы просвечиваются, сквозь них видно подложку в виде дома. Думал сначала картинки меню так сделаны изначально что бы просвечивались, оказалось нет
0 votes10 answers -
Просвечывание меню
Ситуация следующая: сайт на wordpress`е, в котором выпадающие меню "просвечивается". Вот вставка из css: #access ul ul { -moz-box-shadow: 0 3px 3px rgba(6, 6, 6, 0.14); /* подложка выпадающего */ -webkit-box-shadow: 0 3px 3px rgba(208, 208, 208, 0.86); box-shadow: 0 3px 3px rgba(213, 213, 213, 0.95); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 188px; z-index: 9999;}
0 votes1 answer -
Прослонящиеся и нет блоки div
Всем привет. Ребят помогите с версткой, прилагаю образец, результат, код. Как надо - У меня получилось так - проблемы - 1) 1 и 2, 3 и 4, 5 и 6 блоки (блоки категорий) должны находится на одной высоте по отношению к друг другу 2) "подкатегории" должны прилипать друг к другу 3) лишний отступ код: <div class="category_list"> <div class="category"><div class="title">Дизайн-студия</div><div class="subcategory_list"> <div class="subcategory"><div class="bullit"><img src="img/bullit.png" alt=""></div><div class="subcategory_desc"><a>Айдентика:</a><span>разработка логотипов, фирменных стилей, бре…
0 votes1 answer -
прослушать музыку на странице
Здравствуйте) оч нужно сделать так,чтобы можно было прослушать треки музыкальные на страничке, по выбору из списка, но без возможности скачивания. Если кто знает, напишите,спасибо заранее
0 votes5 answers -
прослушивание mp3 на сате.помогите!
такая задача-надо на сайте сделать прослушивание mp3.уже все перепробывала-не получается. <object id=MediaPlayer codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab##Version=6,4,5,715 type=application/x-oleobject height=50 standby="Loading Microsoft Windows Media Player components..." width=250 classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95> <param name="FileName" value="../music/Come_To_Me_My_Baby.mp3"> <param name="TransparentAtStart" value="true"> <param name="AutoStart" value="true"> <param name="AnimationatStart" value="false"> <param name="ShowStatusBar" value="true"> <param name="ShowControl…
0 votes13 answers -
просмотр видео как в YourTube
что можно вкрутить в html код, чтобы в страницу был встроен проигрыватель flv как в yourTube?
0 votes3 answers -
Просмотр видео через торрент на сайте
Как можно реализовать просмотр видео по p2p через ОБЫЧНЫЙ JS плеер, без расширений и всяких сервисов сторонних - только средствами Chrome(Opera и т.п.)? P.s.Реально проверенные способы советуйте - никто как вы поняли зайдя на сайт, не будет устанавливать хрен знает зачем расширение(которое только для ОгнеЛиса помоему)
0 votes3 answers -
Просмотр картинок CSS
Всех приветствую. Сразу скажу, я программист, но в веб-программировании новичок. Я хочу сделать просмотровщик картинок (скриншотов) на CSS без Javascript и jQuery. Перелопатил интернет на эту тему и большую часть подчерпнул из этого блога, а конкретно, из этой темы. Вот, что у меня получилось: Не устраивает режим просмотра. Что требуется: 1). Идеальный вариант. 1.1). Картинка меняет размеры (сохраняя пропорции), чтобы полностью входить на страницу по ширине и высоте. Картинка не растягивается более оригинального размера. 1.2). По клику на картинке, она принимает исходный размер, а на экране появляются горизонтальная и вертикальная полосы прокрутки. 1.3). В п 1.1 и 1.2 ка…
0 votes3 answers -
Просмотр картинок в шаблоне
Доброго времени суток всем! Сразу скажу, я не спец в веб-программировании, поэтому решил скачать шаблон для своего сайта, и столкнулся со следующей проблемой: не пойму как смотреть картинки, т.е. картинки портфолио своего, вроде нашел папку куда нужно заливать свои работы(папка portfolio), вроде переименовал их как нужно (work_01, work_02, ...), вроде появились эти картинки как маленькие превьюшки, но когда нажимаю на них, они не становятся больше (на весь экран). Вот сам архив шаблона что скачал http://ifolder.ru/30155564 . Помогите, кому не трудно разобратся как просматривать картинки в этом шаблоне=(! Заранее всем спасибо, кто откликнется на мою проблемку!!!
0 votes0 answers -
Просмотр кода страницы и CSS в мобильном браузере
Во всех десктопных браузерах есть функция просмотра кода страницы и CSS определенного элемента. Как это посмотреть в мобильном браузере ?
0 votes1 answer -
Просмотр новостей в вк
Добрый день всем. Изучаю в данный момент связку HTML+CSS. Появился вопрос, никак не дающий мне покоя. В Вконтакте при нажатии на новость, она увеличивается. При этом вроде обновление страницы не происходит. Может кто-нибудь подсказать, с помощью каких ресурсов сделана эта функция?
0 votes3 answers -
Просмотр фотографий
Приветствую! Мне необходимо разместить несколько фотографий на странице и так, чтобы несколько превьюшек, а при клике на превью - большая фото менялась. Реализовала вот так: http://garant-bryansk.ru/service/online-seminar/ <div class="block" align="center"> <a href="#" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/1s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/1.jpg';"> <img name="preview1" src="http://garant-bryansk.ru/img/img-sem/1s.jpg"></a> <a href="#" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/2s.jpg'" onclick="document.preview.src='http://garant-bryansk.…
0 votes7 answers -
Простая форма с нефиксированной шириной
Всем привет. Недавно встала необходимость сделать довольно стандартную форму вот такого вида Login: ________ Password: ________ То есть как видно, лэйблы выравниваются по левому краю, филды по правому. Страница локализирована, то есть лэйблы могут быть на разных языках, так что задавать им ширину не катит, как и самой форме в целом. Надо это сделать слоями. Может кто подскажет решение ?
0 votes2 answers -
Простая админ-панель для добавления новостей на сайт?
Простых знаний в javascript хватит, чтобы создать такую админку?Или что-то еще нужно знать дополнительно?
0 votes10 answers -
простая активная кнопка...
подскажите почему данаая конструкция не работает в опере: css : .vhod a{ display:block; background:url(http://jaguar-pw.clan.su/knopki/vhod/go.png) no-repeat; width:120px; height:24px; font-size:30px; color:#FFFF66; text-align:center; text-decoration:none; } .vhod a:hover{ display:block; background-position: 0 -24px; } .vhod a:active{ display:block; background-position: 0 -48px; } html: <li class="vhod"> <a href="$LOGIN_LINK$" class="vhod"></a> </li> и какие пути решения...?
0 votes2 answers -
простая верстка
Всем привет! Как мне правильно сделать такую штуку Внешний div у меня резиновый Внутри него 2 div-а 1-й находиться лево и имеет 100пх в ширину 2-й находиться правее и занимает оставшуюся ширину внешнего резинового div | внешний div | | левый div | | правый div |
0 votes2 answers -
простая верстка таблицы
помогите, пожалуйста, сверстать простую страничку, все файлы и картинки, а также скриншоты с проблемами выложила архивом по ссылке _http://www.ex.ua/view_storage/320008669471 файл temp.zip ниже на всякий случай текст html файла. никак не могу избавиться от зазоров между картинками, а в Chrom'e и ie6, вообще третья колонка не отображается. пожалуйста, помогите сдвинуться с мертвой точки... <!DOCTYPE html> <html> <head> <title> table problem</title> <style> body { margin: 0 auto; background-color: gray; } .fonTbl{ padding: 0; margin: 0 auto; border-collapse: collapse; width: 99%; border: 0px dashed white; } .headerTbl …
0 votes3 answers -
Простая галерея
Доброе утро! Нашел очень простую для установки галерею http://ruseller.com/lessons.php?rub_id=32&id=389 Все настроил как хотел!. Кроме того, что не знаю как сделать так что бы при открытии фотки к ней внизу была подпись.... К каждой фотке своя подпись
0 votes2 answers -
Простая задача на js
Доброе время суток! Начинаю изучать js. Помогите с такой задачкой вот условие: вывести в одной строке цифры 7 13 100 с двойными пробелами между ними.
0 votes2 answers -
Простая задачка по CSS
В общем вот: Начал было делать так: #contentwrapper { /Chrome работает; в IE 10 - шляпа.*/ position: absolute; top: 50%; width: 100%; margin-top: -250px; background: #1e87c9; height: 500px; } /*И не знаю как сделать пункты 2 и 3*/
0 votes2 answers -
Простая страница с сss.
Добрый день. В данном коде элементы(изображения) с помощью css должны располагаться слева и справа (код для верхних и нижних элементов написал корректно). Как грамотно написать соответствующий код? <html> <head> <style type="text/css"> body{ position : relative; margin : 0; } /* вверхнее изображение */ #top{ float : centre; background: url(rep.jpg) repeat-x; /* Параметры фона */ height: 100; /* Высота блока */ } [img=http://s019.radikal.ru/i613/1203/2e/ec991701e907.jpg] </style> /* изображение cлева */ <style type="text/css"> .l1 { position : relative; } .l2{ position : absolute; top:5px; left:4px; } /* изображение справа отступ о…
0 votes0 answers -
Простая форма на html. Простая защита от роботов.
Не нашел подобную тему на форуме. И не нашел ответ на вопрос в описании тегов форм. Суть в следующем,повадился на мой сайт какой то долбанный робот и постоянно заполняет форму. Меня запарило каждый раз все это проверять, что бы понять реальная ли идет заявка или робот гадит. Форма простая на html, вот код. <!-- Начало формы бронирования --> <form action="formdata.php" method="POST" name="zayavka"><p><label>Введите Ваше имя: <input type="text" name="name" required size="40" maxlength="25"></label> <p4>*</p4></p><br><p><label>Введите Ваш номер телефона: +7 <input type="text" name="tel" required…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-