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
-
INPUT
Подскажите, пожалуйста, почему в INPUT не хочет вставляться длинная строка со многими пробелами из базы даних MySQL "г.МОСКВА ул.Сереброва 24\34" обрезает по первому пробелу и выводит "г.МОСКВА"
0 votes5 answers -
ссылки
Можно как-то убрать свойство visited с ссылки после перехода на другую ссылку так что бы visited был активен только 1 раз когда перешел по ссылке??? Я вот хочу сделать с background-image картинкой ссылки. Ставлю ссылке на hover картинку, потом хочу что бы при нажатии на ссылку после перехода что бы background-image картинка бегала только по тем страницам куда перешел по ссылке. К примеру если это сделать с помощью HTML то не сложно поставить свойство для каждой ссылки на каждую страницу, а если использую $_GET из PHP то нз че даже и делать. Если ставлю к visited background-image то получается что у меня будет картинка по всем пройденным скылкам(( а мне ток для 1 надо....к…
0 votes14 answers -
Резиновая верстка
Всем привет. Вот допустим у меня разрешение экрана 1280х1024 в body стоит min-width: 980px;max-width: 1500px; шапка ( она сейчас единственная вставлена ) имеет разрешения 1300х453px, как я могу сделать чтобы, у меня не появлялась полоса прокрутке, а шапка растягивалась. И хотелось бы узнать как завиксировать отдельный блок чтобы он не растягивался. Спасибо. <!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> <title></title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="sh…
0 votes9 answers -
Объясните пожалуйста, как сделать
Мне нужно сверстать шапку. Ее размер 1024px Мне показалось этого мало, и по моей просьбе дизайнер сделал ее 1500 добавив незначительные детали. Таким образом я стал иметь 1024 полезной инфы и и 476 не особо важной... Мне нужно сверстать шапку таким образом: возьмем к примеру минимальную ширину браузера 1024px. Распилем шапку на три части... 238 1024 238 Надо сверстать DIVами чтобы центральная часть была фиксированной ширины, по центру. а левая и правая часть расширялись в зависимости от разрешения экрана. Это делается до безобразия просто на таблице <table width="100%"> <tr height="500"> <td> </td> <td width="1024px"> </td> <td>…
0 votes9 answers -
Выделение строки таблицы картинкой
Добрый день Уже вторые сутки сижу, пытаюсь отыскать подходящий мне скрипт. Задача стоит следующей: Нужно двухуровневое вертикально меню, строки которого при наведении курсора будут выделять заданной картинкой на полную длину Один из наиболее подходящих вариантов нашел на данной странице: http://www.html-books.net/js/menu/11.php Но: в ие и опере длина строчки отображается как заданная, в фф - обрамляет текст Попробовал подобрать другие решения - вышел на эту же проблему. Вот простейший аналогичный отрезок кода: #navlink {background: #FFFFFF; color:#777777; width: 183px; height: 100%; } #navlink:hover {width:183px; background-image:url('string.png'); color:white; text-dec…
0 votes12 answers -
Проблема с css и html
Здравствуйте! Помогите мне сделать так, как я хочу) Показано на изображении: Вот css, который я написал для картинки div#sermonsauthor a:hover {color: #363636;} div#sermonsauthor { background: url(../img/sermonsfonauthor.png) no-repeat; width: 770px; height:263px; margin:0 auto; } div#authorphoto { width: 223px; height:223px; padding:20px; } Для текста рядом (который сине-голубым цветом) не могу написать, это в данном случае в css sermonstextauthor Вот html код: <div id="sermonsauthor"> <div id="authorphoto"><img src="/img/IMG.png"></div> <div class="sermontextauthor" id="sermonstextauthor">Этот сине-голубой текст</div> </div>…
0 votes2 answers -
Помогите адаптировать вкладки под свои нужды )))
Здравствуйте ! Помогите разобраться с вкладками ! Задача в том, что бы к кнопкам Document1, Document2, Document3, Document4, Document5 привязать выполнение какого либо действия, тоесть не просто вывод текстовой информации а например загрузка картинки или xml файла. Заранее благодарен вам за помощь ! Вот пример самой странички с вкладками http://zzz.ho.ua/ Вот html код: <!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> <title>Dynamic tabs with jQuery - why and how to create them | JankoAtWarpSpeed Demos</title> <sty…
0 votes6 answers -
выкладываю фото на сайт.Как защитить фото от копирования?
Как защитить фото от копирования на сайте?
0 votes3 answers -
помощь
помогите пожайлуста сверстать такой сайтик. http://img717.imageshack.us/img717/561/88436952.jpg не получается, хоть убейте. расплывается весь. буду очень благодарен.
0 votes5 answers -
input type
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег INPUT</title> </head> <body> <form name="test" method="post" action="input1.php"> <p><b>Ваше имя:</b><br> <input name="nick" type="text" size="40"> </p> <p><b>Каким браузером в основном пользуетесь:</b><Br> <input type="radio" name="browser" value="ie"> Internet Explorer<Br> <input type="radio" name="browser" value="opera"> Opera<Br>…
0 votes7 answers -
Ссылки внутри одной страницы
Здравствуйте, уважаемые эксперты. Вы мне один раз уже очень замечательно помогли. Сегодня, полдня потратив на попытку решить проблему с помощью интернета, решил вновь обратиться к вашей помощи. итак, проблема следующая. документ, вверху оглавление, внутри - содержание. при нажатии на знак решетки (#) в файерфоксе и на айфоне экран смещается вверх, если фотошоп не врет - 10 px. Это существенно. в других браузерах - кажись всё ок. примерный код следующий: <!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-T…
0 votes3 answers -
Вертикальное выравнивание
Добрый день! Никак не могу справиться с вертикальным выравниванием. Есть меню из дивов в списке. В дивах как картинки, так и текст. Одно из картинок выше других. У меня выравнивается по верхней границе, а нужно по нижней. HTML <div id="header_img"> <ul id="categories_img"> <li><a href="#"><div><img src="../About_l.png" width="175" height="100" /></div>Contacts</a></li> <li><a href="#"><div><img src="../Cable_pic.png" width="350" height="200" /></div>Cable</a></li> <li><a href="#"><div><img src="../Sound_pic_l.png" width="175" height="100" /></…
0 votes12 answers -
Настройка страницы
Доброе время суток! Подскажите пожалуйста, кто-нибудь знает как сделать настройку страницы (с записью в кукис) на сайте. Точно так же как на яндеске. Там на главной странице кнопка "Личные настройки->настроить яндекс" есть возможности добавлять новые блоки и перемешать блоки, при сохранение идет запись в кукис.
0 votes4 answers -
class vs #
Вроде далеко не первый день верстаю, но у меня складывается такой вопрос? Зачем надо ставить в стилях где то #, а где то class писать. У меня все прекрасно на классах работает и не парюсь, иногда ставлю # но это чисто для визуального выделения чтоб быстрее заметить. А так везде и всегда на классах пишу. Поясните пожалуйста мне неразумному.
0 votes11 answers -
Проблемы с формой обратной связи
Добрый день всем. Взялся писать сайт для своей жены и столкнулся с проблемой в форме обратной связи. Тестирую на локальном сервере. При нажатии кнопки отправить выводит: Сообщение отправленно"; } else { echo " Сообщение не отправленно"; } ?> Вот код: <?php if (isset($_POST['name'])) {$name = $_POST['name'];} if (isset($_POST['email'])) {$email = $_POST['email'];} if (isset($_POST['message'])) {$message = $_POST['message'];} $address = 'bysinkamysinka@mail.ru'; $sub = "Это сообщение с моего сайта"; $mes = "Автор указал такое имя: $name \n Оставил такой E-mail: $email \n Содержание письма: $message"; $verify=mail($address,$sub,$mes,"Content-type:text/plain; charset =…
0 votes3 answers -
Повторение тега "class"
Использую jquery для вывода модальных окон. За вывод модального окна отвечает html код <a class="iframe" href="">Вывод модального окна</a>. Вместе с тем, хочу чтобы вывод модального окна происходил с картинки (спрайта), вывод которой происходит тоже через class - <a class="img-1">Ссылка</a>. Как соединить между собой коды ссылок, чтобы выводимая картинка (class="img-1") могла вызывать модальное окно (class="iframe") ????? Заранее, большое спасибо! Решение: В css файле вместо имён спрайта a.name{} и a.name:hover{} нужно поставить знак #, то есть - #name{} и #name:hover{}, а выводить в коде html через div вот так: <a class="iframe" href="page.…
0 votes6 answers -
Поиск на сайте
Хочу сделать поиск по сайту (php) Какой вариант лучше - скрипт, готовый яндекс или гугл или с помощью базы данных. Условие не должно быть никакой рекламы, быстрый, авто индексация, сайт около 400стр. в идеале похожий на http://loza.ru/ я так понимаю сайт на готовом движке Что значит сайт с базой данной - как это вообще работает Полный лузер в этом вопросе.
0 votes7 answers -
Проблемы с меню (шапкой) сайта
Полностью отредактированная и рабочая страница с верхним выпадающим меню: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <LINK href="images/logo_mini.jpg" type=ico rel=icon> <style> body{ background-image: url('images/фон.jpg'); } .menu{ font-family:arial, sans-serif; position:center; font-size:14px; z-index:100; margin-top:-1px; } .menu ul li a, .menu ul li a:visited{ display:block; text-decoration:none; color:#000; text-align:center; …
0 votes24 answers -
Верстка - правый элемент ризины
Здравствуйте. Подскажите как сделать так чтобы правый блок (#right-right) при изменении размера окна "заезжал" за пределы окна, т.е. как сейчас левый (#left-left)? вот тут макет тут Ну и может пару комментов по поводу верстки. Заранее огромное спасибо.
0 votes9 answers -
Сложная таблица проблема с шириной в разных браузерах
Нужно на странице показать 2 таблицы являющихся по смыслу одной, только 1я - это шапка, а вторая - содержание таблицы. Причем шапка лежит в div с параметром position: fixed; Проблема в том, в разных браузерах: Opera, IE, Chrome ширина таблиц разная, замучился уже Результат таков: Opera: верхняя уже нижней IE: все хорошо Chrome: верхняя шире нижней таблицу сюда сложно добавить + стили в отдельных файлах, поэтому вот ссылка: http://artistone.ru/pricenew1.htm до 7го столбца все отображается одинаково, дальше ширина столбцов отличается, хотя ширины столбцов явно задавл через тег COL и параметр WIDTH, есть один ньюанс, может тут дело: в верхней таблице 7я ячейка имеет п…
0 votes3 answers -
при масштабировании все розваливается
Добрый вечер. При масштабировании вся страница расползается в разные стороны. Подскажите пожалуйста, что, как, почему так получается, на что нужно обратить внимание. Еще не разу ни пробовал резиновый макет ...,вот ссылка на страничк:http://pattaya-solntsev.narod.ru/Sky/sky.html
0 votes16 answers -
Как выровнять список страниц по центру блока навигации
Проблема со стилями нумерации страниц. Блок wp_page_numbers имеет ширину 600px. Ссылки с номерами страниц должны располагаться по центру блока независимо от того, сколько их будет - одна или 20. У меня никак не получается выровнять список страниц по центру блока навигации. #wp_page_numbers { clear: both; width : 600px; height : auto; text-align: center!important; font-weight : normal; margin: 10px auto 20px; } #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0; font-variant: n…
0 votes7 answers -
Позиционирование слоя в гибридной странице
Возникла необходимость внести на страницы, свёрстанные таблицами, элемент, который должен располагаться над всеми другими элементами(ячейками таблиц) страницы, на пересечении границ ячеек. Скажите пожалуйста, как вывести эту картинку "на верхнем слое", и отпозиционировать её относительно ячеек таблицы (таблица расположена всегда по центру окна, поэтому от границ окна устанавливать фиксированные координаты к сожалению нельзя ). Очень прошу помочь.
0 votes4 answers -
INPUT type="radio" Нестандартное оформление
Вот такая ситуация, первый раз с ней сталкиваюсь, оформить элементы формы типо текст можно, а вот как быть с радиокнопками и чеками? По заказу я должен сделать радио чтоб внутри при выборе точка была красная, как это сделать подскажите пожалуйста
0 votes4 answers -
Резиновая вёрстка
Здравствуйте! В общем сайт выглядет вкратце примерно так: <table width="100%"> <tr> <td width="170">левая колонка</td> <td>центральная колонка</td> <td width="170">правая колонка</td> </tr> </table> И видимо из-за того, что на сайте много медиа контента и скриптов, идёт не красивая загрузка страницы: загружается левая фиксированная по размеру колонка, затем появляется центральная колонка шириной от конца левой колонки до правой границы браузера, и затем уже появляется правая колонка, вследствии чего центральная колонка на глазах сужается. Можно ли как-то сделать, чтобы центральная колонка оставалась ре…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-