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
-
Регистрация на сайте
Здравствуйте. Подскажите пожалуйста как сделать на сайте разграничение доступа?
0 votes2 answers -
Проблемы с переносом на новую строку
Добрый день, уже довольно давно столкнулся с проблемой не желания Оперы вмещать текст в одну строку, хотя в том же IE и Мозиле все впорядке и еще место остается.. Вот на этой странице, в опере видно, что "11 Орангутан ( Pongo pygmaeus abelii, Pongo pygmaeus pygmaeus )" расположилось в двух строках. Мне же надо, чтобы оно не переносилось (если будете смотреть в IE, там будут проблемы с центральной колонной(она съезжает вниз, эту проблему уже решил, просто не закачал еще на сервер, так что не обращайте внимание). Вот что из кода, относящегося к этой колонне, есть #center { float:left; overflow:hidden; width:560px; min-height:500px; background: url(../i…
0 votes3 answers -
Как сделать, чтобы в Денвере все было в utf-8
Вот многие хотят чтобы у них все работало в кодировке cp1251, а мне наоборот нужно чтобы все работало на utf-8. В связи с этим http://firsthand.ru/node/4 я предпринял следующее: 1) Отредактривал файл Z:\usr\local\mysql4\my.cnf прписал там utf8 вместо cp1251 2)Выставил в phpAdmin Language -> Russian (ru-utf-8), Сопоставление соединения с MySQL -> utf8_general_ci должно быть: MySQL-кодировка: UTF-8 Unicode (utf8) 3) установил расширения "mbstring для PHP" 4)в файле Z:\usr\local\php\php.ini убрал ковычки перед extension=php_gd2.dll extension=php_mbstring.dll 5) даже файлик php_mbstring.dll скачал и положил его в /local/php5/ext И НИЧЕГО! Все равно в phpAdmin была пр…
0 votes3 answers -
Исчезает заголовок
При добавлении некоторых дескрипторов почему-то исчезает заголовок, иногда первые четыре строки <!DOCTYPE HTML PUBLIC “-//W3C/DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title>Cemeteries of Europe</title> <meta name="kwrd" content="photos, european cemeteries /> <meta name="desc" content="old european cemeteries visited by me /> </head> <body> <h2>Cemeteries of Europe</h2> <hr /> <blockquote> Ah, broken is the golden bowl! the spirit flown forever!<br /> Let the bell toll! -a sain…
0 votes4 answers -
Извечные Div'ы и разные браузеры
Доброго времени суток, всемогущий All! Ситуация: Верстаю шаблон для Joomla 1.5. Три колонки. Решил пойти путем display:table При этом, чтобы весь шаблон был без таблиц, скопировал папку html из шаблона Beez. Таким образом код генерируемой страницы получается таким (вставляю только интересующую часть): <div id="middle_container"> <div id="middle_wrap"> <div id="left"> <div class="moduletable_news"> <h3>Наши новости</h3> <ul class="vert_news"> <li> <p>Администрация располагается по адресу: via Banetti,50 - 21027 Ispra (Varese)</p><span class="article_separator"> </span> &…
0 votes8 answers -
Ситуация с Input
http://jsfiddle.net/rrPzy/3/ Посмотрите пожалуйста такую вот ситуацию. Не могу объяснить для себя, почему строковый элемент input в этой ситуации переводится на новую строку.
0 votes11 answers -
Эффект "Растирка" (smudge) в CSS3
Добрый день!!! Возникла необходимость добиться данного эффекта для оформления содержания. Загнутые уголки не подходят нужен именно "вытянутый" эффект... Возможно сотворить сие чудо или придётся по старинке подпихивать картинку? Заранее спасибо!
0 votes8 answers -
CSS-код для такой формы кто-нибудь делал?
сверху закругления на градиентном фоне, а низ - белое прямоугольное поле с рамкой и вокруг всей формы тень: поделитесь опытом
0 votes18 answers -
Градиент + картинка у кнопки(css3)
Всем привет! Есть кнопка input[type=submit] её нужно добавить градиент из #DB261D в #C4130D и также добавить картинку ../images/zoom.png Градиент пробовал так: background-image: -webkit-gradient(linear, left top, left bottom, from(#DB261D), to(#C4130D)); background-image: -webkit-linear-gradient(top, #DB261D, #C4130D); background-image: -moz-linear-gradient(top, #DB261D, #C4130D); background-image: -ms-linear-gradient(top, #DB261D, #C4130D); background-image: -o-linear-gradient(top, #DB261D, #C4130D); background-image: linear-gradient(top, #DB261D, #C4130D); но если добавляю после этого строку background-image:url(../images/zoo…
0 votes3 answers -
Проблема с версткой
Помогите пожалуйста.. Дизайн коласит.. Сижу уже 2 часа над этой проблемой не пойму в чем дело.. Итак. Моя ссылка пытаюсь вставить форму в див в футере.. форма постоянно вылезает за рамки.. код хтмл <div id="footer"> <div id="grayline_footer"> </div> <div id="pusto_f"> </div> <div id="footer_subscribe"> <div id='f_pustishka'></div> <div id='f_subscribe_zagolovok'> <span class='zagolovok'>ЗАРЕГИСТРИРУЙТЕСЬ и будьте в курсе!</span> </div> <form name="subscribeform" action="/contacts/budte_vkurse/index.php" method="post"> <div id='subscribe_form'> <div id='subscribe_f…
0 votes8 answers -
Media queris и смартфоны с высоким разрешением
Доброго времени суток. Есть у меня задача для одного сайта сделать полу-адаптивную верстку для смартфонов и планшетов. "Полу", потому что внешний вид контента будет кардинально меняться, вплоть до изменений html. Алгоритм примерно такой: от 320 до 767 - контент под мобильные от 768 до 1023 - под планшеты от 1023 и выше - десктоп Но проблема в том, что на некоторых смартфонах встречается ширина 800px при разрешении 4,3". То есть такому телефону будет отдаваться контент предназначенный для планшетов. Можно ли как-то решить эту проблему?
0 votes8 answers -
Требуются советы верстальщиков с опытом.
Всем привет. Народ. У меня такои вопросы: 1) Какие преимущества дает бустрап и нужен ли он вообще верстальщику на фрилансе? (просмотрел с десяток роликов и не понял в чем его преимущество.) 2) Есть ли смысл использовать препроцессоры(напирмер SASS) в своих проектах на фрилансе и насколько это сейчас востребовано? (как я понимаю обычный фрилансер с небольшим опытом такой проект уже будет не в состояннии доработать?) 3) Какие способы CSS(или возможно HTML) опимимизации кода существуют на сегодняшний день? (читал в некоторых источниках, что перед продакшином код необходимо в идеале оптимизировать.) 4) существует ли какой то механизм по определению того, сколько кода в тв…
0 votes11 answers -
Почему боковое меню не заезжает обратно?
Здравствуйте. Вот такая проблема. Слайдер красиво выезжает, а при повторном клике просто пропадает. Как сделать так что бы он красиво выезжал и так же красиво заезжал?) https://jsbin.com/yuyawic/1/edit?html,css,js,output
0 votes2 answers -
Локальное подключение иконок Font Awesome
Добрый день! Я столкнулся с такой ситуацией: создается в компании статическая страница для хранения служебных документов. Иконки там, по-факту, не нужны, но начальник как во всем известном видео: "Хочу иконки!". Для нее поднимается локальный сервер без выхода в инет. На сайте есть ссылка прямая на хранилище с данными иконками, но она при такой настройке сервера, не работоспособна. Я качнул с сайта архив с данными иконками. Прописал как в инструкции путь в проекте. И тут я в непонимании: в инструкции для локального подключения подключается файл с расширением .css, через тег <link>, при этом все иконки, которые я использовал при подключении прямой ссылки на хранилище…
0 votes1 answer -
.htaccess показать папку
Сам сайт находится на domain.in.ua, но ещё есть "учёт" который находится domain.in.ua/uchet/ При попытке перейта на domain.in.ua/uchet/ меня кидает вообще в другое место, помогите попасть в эту папку. Вот сам .htaccess RewriteEngine On RewriteRule ^([a-z_0-9\-]+)\.html$ ?do=$1 [L] RewriteRule ^([a-zA-Z_0-9\-]+)/?$ ?do=category&cat=$1 [L] RewriteRule ^([a-zA-Z_0-9\-]+)/?$ ?do=full&altname=$1 [L] RewriteRule ^([0-9\-]+)/([0-9\-]+)/?$ ?do=archive&year=$1&month=$2 [L] RewriteRule ^([a-zA-Z_0-9\-]+)/([a-z_0-9\-]+)\.html$ ?do=full&cat=$1&altname=$2 [L] RewriteRule ^([a-zA-Z_0-9\-]+)/([a-z_0-9\-]+)/?$ ?do=category&ca=$1&cat=$2 [L] RewriteRule ^…
0 votes3 answers -
отображение рисунка в ie
Здравствуйте! Строю сайт пока на своем компьютере. В FF все нормально, в IE вместо первой картинки подпись из alt Код: <table align=left width=90%> <tr align=center> <td align=center colspan=3> <img src="zagolovok.jpg" border=0 alt="Компьютер педагога - музыканта" width=1024 height=189 align=center valign=top> </td> </tr> Что-то не так написано, или проблема с браузером, подскажите, пожалуйста!
0 votes1 answer -
textarea в xhtml
Приветствую коллеги. Подскажите, параметры cols и rows всегда были обязательными для textarea в xhtml 1.0?
0 votes9 answers -
обратная связь
..............
0 votes4 answers -
несколько вопроов
Для наглядности привожу пример и код: html, css Итак, наверно уже пора задавать вопросы=) 1) Подскажите пожалуйста на сколько по фен шую центровать блоки с помощью div.centered и нет ли более минималистичного способа? 2) Почему бэкграунд от div#main_bg не применяется к вложенному div#content? я так понимаю это как-то связано с свойством float у div#content? 3) Почему бэкграунд заданный для div#header_bg применяется ко всей странице, игнорируя бэкграунд у body? Вопросы возникли в связи с тем, что до этого момента версткой как таковой не занимался, а когда верстать все таки приходилось спасали таблицы=)
0 votes6 answers -
ПРоблема с IE7 в позиционировании form и button в div
Здравствуйте уважаемые участники форума. Есть проблема, никак не могу разобраться... Пытаюсь выровнять поля для ввода пароля и кнопки относительно друг друга... Пробовал и свойством margin и обычными top, left, с position:relative; Во всех браузерах более мение корректно, а в IE кнопки постоянно меняют положение... @charset "utf-8"; /********************************************************/ html, body { margin:0; padding:0; border:0; width:100%; height:100%; background:url(images/bg.png) repeat-x top; background-color:#ffffff; text-align:center; font-family: Helvetica, Verdana, Arial, sans-serif; } /********************************************************/ #cont…
0 votes6 answers -
fixed div наезжает на не_fixed при изменение размера экрана
Здравствуйте! Подскажите, пожалуйста, как справиться со следующей ситуацией. Экран вертикально разделен 50% на 50%. В левой колонке располагаются вертикально несколько div. Появляется прокрутка страницы. В правой колонке посередине экрана зафиксирован другой div. Проблема: при сжатии окна браузера до размера меньше левого div, правый фиксированный div наезжает на левые. Как и где можно поставить что-то типа min-width, чтобы при сжатии до определенного размера появлялась горизонтальная прокрутка и левый div не наезжал на правые? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <…
0 votes2 answers -
Ползунок во фреймах
Как убрать ползунок во фрейме, но чтобы оставалась возможность прокручивать вниз то, что не влезает?
0 votes6 answers -
как "раздвинуть" пустой эелемент?
Приветствую! Верстаю меню, вот код: <!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> <style> * { padding: 0; margin: 0; } body { padding: 5px 10px 5px 5px; font-family: Verdana, Helvetica, sans-serif; font-size: 1em; } #main_menu ul { list-style-type: none; display: block; } #main_menu li { display: block; float: left; position: relative; } #main_menu li a { display: inline-block; padding: 10px; color: #000; border-color: #000; border-bottom: 1px solid; text-decoration: none; } #main_menu li span { display: inl…
0 votes3 answers -
CSS. Подключение файла из не корневой директории
Здравствуйте, Есть простой кусок css: background:url('arrows.png') no-repeat; Нужно чтобы картинка бралась из другой директории. P.S. Полный пусть писать пробовал. Сайт не на хостинге и не на локальном сервере, просто в папке лежит, поэтому писал C:\...\arrows.jpg. Но не работает так. Подскажите пожалуйста.
0 votes3 answers -
Вопрос по php
Здравствуйте, столкнулся с проблемой при отправке сообщения через форму обратной связи получаю ошибку: Warning: Cannot modify header information - headers already sent by (output started at Z:\home\konfety.by\www\submit_now.php:1) in Z:\home\konfety.by\www\submit_now.php on line 28 Сам файл формы, на который ругается сайт, при отправке. Скрытый текст <?PHP $to = "email@gmail.com"; $subject = "Письмо с формы сайта"; $headers = "От: Наша компания"; $forward = 1; $location = "result.html"; $date = date ("l, F jS, Y"); $time = date ("h:i A"); $msg = "Сообщение было отправленно с сайта $date, hour: $time.\n\n\n\n"; if ($_SERV…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-