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
-
Прокручивающийся список
Подскажите пожалуйста, как сделать похожий список как здесь http://htmlbook.ru/css ? Это только css, или еще JS. В каком направлении двигаться.
0 votes1 answer -
Активная ссылка
Толи туплю то ли просто не догоняю ! Суть такая идет меню ! Настроены классы для ссылок вот нада сделать так чтоб при открытой той или иной странице то или иное меню менялся фон ! Хороший пример Здесь
0 votes23 answers -
Горизонтальное меню в див-блоке (я просмотрел все темы по поиску)
Ребята привет. сайт 3d-journal.ucoz.ru Разместил меню в левом блоке div (LeftMenu), потом решил его делать в верхнем блоке (под header (картинка с космосом), это блок header 2. В левом блоке меню разместилось очень просто HTML <div class="LeftMenu"> <a class="menu" href="Форум.htm">Новости</a> <a class="menu" href="Уроки.htm">Уроки</a> <a class="menu" href="Видеоуроки.htm">Видеоуроки</a> <a class="menu" href="Журнал.htm">Журнал</a> <a class="menu" href="Галерея.htm">Галерея</a> <a class="menu" href="Download.htm">Download</a> <a class="menu" href="Форум.htm">Форум</a> &l…
0 votes14 answers -
меню
Доброе время суток! У меня проблема с меню. Никак не могу подобрать подходящий вариант. Необходимо 3-х уровневое всплывающее. Может с div ами как? Или так? Кто может подсказать с примерами. чтоб не слишком сложно. по-возможности с комментариями. Вот пример такого,только для 2-х уровневогоможно его сделать 3-х. И как оно вообще по "качеству" ?) код html: <HTML> <HEAD> <TITLE>menu</TITLE> <link rel="stylesheet" type="text/css" href="cssverticalmenu.css" /> <script type="text/javascript" src="cssverticalmenu.js"> </script> </HEAD> <BODY > <ul id="verticalmenu" class="glossymenu"> <li><a href="#"…
0 votes20 answers -
вопрос про php
Приветствую. Хочу сайт что бы был на php. Для того что бы сервер знал что страницы сделаны на php , нужно файлам дать расширение php так ?? Если так, то после того как я расширение html переименовываю в php , файл (с расширениеме php) вообще не открывается , в браузере всплывает окно , не возможно открыть файл...". Как же правильно сделать?
0 votes14 answers -
Прижать футер
Помогите прижать футер. вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Костюмные ткани, лето</title> <link rel="stylesheet" type="text/css" href="../css/style.css" /> </head> <body> <div id="main"> <div id="header"> </div> <div id="container"> <div id="logo"> </div> <div id="menu"> <ul> <li><a href="index.html">О компании</a>&…
0 votes17 answers -
Checkbox. <a> И события
Здравствуйте! Возможно ли сделать по событию "onclick" в теге <a>, где ссылка на какой-либо ресурс так что бы рядом стоящий "checkbox" отмечался галочкой?
0 votes27 answers -
Полоса прокрутки при абсолютном позиционировании
Имеется такая конструкция. В блок вложен блок с фоновой картинкой. <div class="outer"> <div class="block"></div> </div> Css: .outer{ width:980px; margin:0 auto; position:relative; } .block{ position:absolute; width:200px; height:200px; left:-100px; top:-50px; } В данном случае, если окно браузера сужается менее 1180px, полоса прокрутки не появляется, Но если задать .block { right:-100px } при сужении окна, полоса прокрутки появляется. Как обойти данный момент? То же самое и если сдвигать .block вверх- полосы прокрутки нет, а если сдвигать .block вниз, то полоса появляется.
0 votes8 answers -
INPUT - определение стилей для file
Люди, подскажите пожалуйста, можно ли для поля отдельно задавать стили для поля ввода и кнопки? Вс? что мне удалось сделать, это задать бордеры, а IE6/IE7 ещ? среагировали на задание ширины (width), но все стили работают для кнопки и поля вместе. Или может кто натыкался на JS-реализацию этого элемента, в которой полю ввода и кнопке можно отдельно прописывать стили... Буду очень благодарен за помощь.
0 votes3 answers -
Резиновый input внутри резинового div'а
Как растянуть input на 100% внутри div'a который в 25%. Если тупо задать 100%, растягивает страницу в ИЕ. <style> #kolonki {width:25%; display:block; float:left;} .poisk { background:white url(poisk.png) no-repeat scroll 6px 6px; border:1px solid #D1D6DF; color:#909090; float:right; font-family:Tahoma; font-size:13px; height:20px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:3px 0px 0px 22px; width:100%;} </style> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"></div> <div id="kolonki"> <input class="poisk" /> </div>
0 votes1 answer -
Не работает z-index
Есть три картинки, для каждой в стилях установлен свой z-index. При наведении мыши на изображение оно должно всплывать выше всех остальных, а вокруг него появляться другая рамка. Далее идет код. Рамка меняется, но изображение "не всплывает" относительно других. Т.е. при наведении мыши z-index не меняется. В чем дело? <!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=utf-8" /> <title>z-index</title> <style type="text/css"> .card { position: relative; }…
0 votes5 answers -
оконтовка букв
День добрый! кто знает возможно ли сделать тексту оконтовку, так сказать border для самих букв?
0 votes10 answers -
fancybox сдвигает контент
Здравствуйте, подлючил fancybox, основной контент у меня в контейнере: <div style="width:1000px;margin: 0 auto;"></div> При вызове окна, весь контент немного сдвигаеться вправо, почему? (думаю что ajax при создании окна добавляет div на страницу....который мне все сдвигает!) Если убрать авто то все ок!
0 votes5 answers -
как сделать текст прозрачным
всем здравствуйте, есть такой код <div class='block_1'> <div class='block_2'> <span class='text'>какой то текст</span> </div> </div> скажите как сделать, так чтобы текст обезцветился и пробил фон дива с классом 'block_2', так чтобы был виден фон дива с классом 'block_1', это дело я уже гдето видел но только не могу вспомнить где, поэтому знаю что это реально, подскажите пожалуйста как это сделать.
0 votes18 answers -
Так можно сделать бордюр в css ? border-left: url(../images/menu_line.jpg);
Нужно протянуть 2-х цветную вертикальную полоску по краю td.content... Решил сделать ее через jpg прописал в css td.content { padding: 5px; vertical-align: top; border-left: url(../images/menu_line.jpg); } Но она не отображается. Помогите решить задачу....
0 votes8 answers -
Замена alt`у в css
Не получается применить альт к диву внутри php кода. Картинку пришлось вставить в бэкграунд в css. <?php mfp_the_link("add_link=<div class='add_this'></div>"); ?> Может можно реализовать аналог альта внутри css?
0 votes12 answers -
Некорректное отображение на мобильных устройствах
Здравствуйте, есть макет фиксированной ширины в 1150px, по макету в header и footer сайта есть блок с заливкой на всю ширину страницы как в примере кода. <div class="wide"> <div class="menu"> <ul> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> </ul> </div>…
0 votes2 answers -
Изображение по ширине ячейки
Привет ! Хочу сделать тянущуюся градиентную рамку в таблице. Думаю использовать простое градиентное изображение в jpg, которое должно растягиваться по ширине ячейки. Общая картина такая: _________________________________ |Угол|Градиентное изображение|Угол| ——————————————————- |——|—————————————-|——| |——|—————-Картинка———--|——| |——|—————————————-|——| |——|—————————————-|——| ——————————————————- Если вставить другую Картинку, то градиентное изображение должно растянуться соответствующе автоматически. Подскажите как можно растягивать градиентное изображение по длине ячейки, или во всяком случае чтобы так смотрелось?
0 votes16 answers -
Скрыть путь к изображению
Здравствуйте Уважаемые форумчане! У меня возник вопрос: «Как скрыть ссылки на определенные рисунки?». Сайт на движке DLE 8.0, есть краткая и полная новость в обеих по картинке. В браузере Opera нажимаем правой кнопкой мыши на фото => «Свойства изображения…» и получаем полный путь к картинке на сайте. Например “http://mysait.ru/library/files/arc_61883/003/screen.jpg”. Вот его мне и нужно скрыть т.к. это вопрос безопасности остального содержимого в той же папке. Скажите пожалуйста, можно ли скрыть с помощью кода адрес рисунка и как? Т.е. какие технологии применить, чтобы картинка отображалась, а ее местоположение было скрыто?
0 votes11 answers -
скелет 3 колонки. помогите сделать.
Добрый день, со слоями ни разу не работал, прочитал статьи, но не совсем понимаю как все таки с ними работать.. Вот мне надо сделать такой скелет: __________________________ |__________header__________| |_____|_______________|_____| |_____| |_____| |_____| |_____| |_____| content | | |_____|_______________|_____| |_________footer____________| В общем у меня получаются проблемы с позиционированием слоев, все разезжается, либо не станолвиться в ряд ДИВ'ы. Помогите сделать скелет, дальше я сам буду пробывать разбираться.
0 votes8 answers -
Регистрация/авторизация. PHP и XML
Нужно создать регистрацию и авторизацию на сайте. Данные пользователей должны сохраняться в ОДИН xml-файл, типа: <?xml version="1.0" encoding="utf-8"?> <users><user id="1"><login>User1</login><password>Pass1</password></user><user id="2"><login>User2</login><password>Pass2</password></user><user id="3"><login>User3</login><password>Pass3</password></user></users> Соответственно, нужно написать скрипты для сохранения и вывода информации. + нужно как то привязать к авторизации сессию и куки на 4 часа. Собственно, подскажите хотя бы с чего начать. Во…
0 votes11 answers -
Перенос на новую строку после ссылки!
Привет, всем! тут такая проблема - есть список, в нем в каждом пункте текст, в тексте ссылки... почему после ссылки текст переносится на другую строку?? http://kanskbank.topfire.ru/1200/1208/1252# тут проблема во всей красе ) "Сеть офисов банка позволяет банку всегда быть территориально рядом с клиентом и оказывать услуги во всех городах Сибири ..."
0 votes2 answers -
Для со-овсем начинающих
Всем привет! Ребята,подкиньте более-менее приличный учебник по html, плиз... А то вечно попадается какая-то чушь.
0 votes23 answers -
Центрирование background (по центру экрана), но чтобы был фиксированого размера и не сжимался (а обрезался) при изменении ширины экрана
Здравствуйте, изучил все возможные способы позиционирования background с помощью CSS. Но никак не пойму, возможно ли сделать такое. Есть картинка фона (background) размером 2560 на 1440 Хочу чтобы центр этого фонового изображения всегда был по центру экрана, но чтобы при этом при изменении ширины экрана - фоновая кртинка не изменяла своих размеров. Образно говоря, 1. Сначала применяю к фону свойство background-size: cover; фоновое изображение при этом фиксировано, не изменяет своих размеров при изменении ширины экрана, просто обрезается - так как я хочу, но хотелось бы ещё чтобы центр картинки был по центру экрана. 2. Применяю свой…
0 votes5 answers -
Семантика. Номера телефонов
В прошлую тему видимо уже никто не заглядывает, поэтому создаю новую. Мне нужно ещё одно наставление по семантике. Правильно ли я закодировала нижележащую информацию, правильно что поместила в тег address? или же лучше сделать в диве со спанами? Контакты: - 8 (111) 11-11-11 главный менеджер - 8 (111) 22-22-22 - 8 (111) 33-33-33 - 8 (111) 44-44-44 факс <div class="contacts"> <h2>Контакты:</h2> <address> - 8 (111) 11-11-11 главный менеджер <br /> - 8 (111) 22-22-22 <br /> - 8 (111) 33-33-33 <br /> - 8 (111) 44-44-44 факс <br /> </address> </div>
0 votes31 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-