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
-
<!DOCTYPE html>
При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.
0 votes19 answers -
DIV внутри таблицы не растягивается в IE на 100%
Помогите!!! Таблица из 3-х колонок. В 1-ой колонке div при изменении размеров третьей не растягивается на 100% в IE. В других браузерах - нормально. Код прилагается <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns=http://www.w3.org/1999/xhtml xml:lang="ru" lang="ru"> <head> <title>Help</title> <style type="text/css"> body { margin:0; padding:0; height:100%; background: white; } table { height: 100%; width: 100%; border-collapse: collapse; } td { height: 100%; border: 1px solid black; } #left { height:100%; background: red; } #…
0 votes2 answers -
div в ячейке таблицы.
здравствуйте. итак. суть проблемы такова. не люблю див-ы. пользуюсь таблицаме. задача: есть таблица. есть маленькие картинки. надо, например, три картинки в одну ячейку поместить. причем надо сделать чтобы одна из картинок была на заднем плане. при наведении курсора на любую из картинок работает жабаскриптовская ф-ция. помещаю две картинки в один див, одну в другой див. ну и само собой они(див-ы) идут друг за другом, т.е. размеры ячейки увеличиваются. как вариант попробовал размеры див-ов уменьшить чтобы просто впихнуть все див-ы в одну ячейку таблицы. но так читает тока в мозиле, а в опере и ие размеры див-а игнорятся. но всё равно это не выход. хотелось бы чтобы имен…
0 votes10 answers -
Смещение на 1px в Браузерах IE, Google Chrome, Safari , Mozilla, Opera при изменении размера окна
Итак проблема такая : Картинку разрезал пополам, верхний кусок сделал background center , вторую половину картинки вставил дивом c img . вот пример: Пример 1 - http://fortest.natr-nsp.com/test/ - смещение есть Пример 2 http://fortest.natr-nsp.com/test2/ - смещения нет, так как две картинки сделал бэкграундом. При изменении размера окна браузера картинка которая в диве смешается на 1 px в опере и в новой мазиле вроде всё норм а вот в ишаках и остальных браузерах все смещается. Взялся я считать всё по пиксельно и получилось вот что когда ширина браузера нечётная допустим 1023 - смещение есть , а если чётно то нет. Баг браузеров?
0 votes6 answers -
Проблемы с div'ами при изменении масштаба браузера
Уважаемые друзья! Только начал изучать вёрстку и столкнулся с серьёзной проблемой. Сверстал макет, ещё не наполнил, а нужные блоки просто подсветил разными цветами. Налепил кучу дивов, всё красиво и круто как хотел. Но при изменении масштаба в FireFox все эти дивы куда то разъезжаются, при чём не имеет значения + или - к масштабу. Мои догадки. Покурив интернеты и этот форум,, ответа на вопрос не нашёл, но пришёл к выводу, что проблема кроется в 2 моментах: 1. Эти дивы лежат в других блоках див. Ну например есть 6 плашек с категориями товара. Создал шесть дивов и положил их в один большой див. Задал родительскому position relative, а внутри лежащим - absolute. Таким образо…
0 votes4 answers -
Ввод данных в форму и параметр value
Что нужно сделать, чтобы при вводе данный в форму значение параметра value исчезало, подключать JavaScript?
0 votes6 answers -
CSS, JS и кроссбраузерность
Подскажите, где взять толковую информацию пр нюансам CSS и JS в разных браузерах. В Гугле 90% философии, целый день рылся. Жалко потраченного времени и трафика. В учебниках, какие у меня есть про это ни слова. В одном нашел: "...написан для IE... в разных браузерах может работать поразному..." и все. А как? Я только начал, а уже проблемы: <style type="text/css"> #pic1{ filter:progid:DXImageTransform.Microsoft.BasicImage(xRay=0); } #div1{ position:absolute; top:100px; left:10px; display:none; } </style> <script language="javascript"> <!-- function Function_1(){ document.all.tags("div").item(0).style.display="block"; } function Function_2(){ docume…
0 votes14 answers -
Задачки по PHP
Дима отказался от идеи по созданию темы про "задачи PHP" по образу и подобию "макеты для верстки" но я надеюсь что меня поддержат и тема будет выделена ибо были жаждущие порешать задачки. Как-то кто-то уже поднимал такую тему, но как-то заглохло. Итак.... Задача #1: Бродилка Задача представляет собой реализацию простейшей бродилки, состоящей из визуально 2х частей -сообщения о текущем местоположении -список ссылок с выбором перемещения реализация - php + mysql дизайн не учитывается. У задачи есть несколько уровней сложности (буду мерять звездами) 1 звезда - соответствие вышеперечисленному 2 звезды - добавить работу с AJAX 2.5 звезды - к AJAX - JSON 3 звезды сделать неско…
0 votes14 answers -
Неверное растягивание (скалирование) div блока по всей высоте body
Задача: Разместить <div> контейнер, используя 90% страницы. Контейнер используется для отображения списка файлов. Выглядеть должно так: Причина обращения сюда - проблема проявляющаяся во время уменьшения окна: Список файлов выезжает за пределы области, простите, "выезжая" и то что за ним )))). Весь код: <div class="files"> <div class="title">Список файлов</div> <div class="list"> <div> <span class="file">Текстовый документ.txt</span><span>(81 б)</span> </div> </div> <div class="info"> <div class="commonInfo">Файлов в папке: 1<span style="float:right">Общий раз…
0 votes25 answers -
Выравнивание ячейки по высоте
Выравнивание ячейки по высоте, как сделать, в этой ячейке повторяется фон, указываю 100% ячейки не катит, в другом столбце рядом объединенные ячейки! Что посоветуете?
0 votes10 answers -
маркеры не отменяются
ХЕЛП!!!! создал таблицу, в ней список, отменил маркеры, а они все равно отображаются и пожалуйста посоветуйте как можно упростить все это <!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=windows-1251"> <title>Naruto & Bleach</title> <style type="text/css"> UL#menu > li > a { top; ; list-style: none; /* Убираем маркеры списка */ width: 120px; /* Ширина элемента в пикселах */ background: #ddd; /* Цвет фона */ color: maroon; /* Цвет текста */ padding: 20px; /* Поля вокруг те…
0 votes17 answers -
backround div-а вылезает за пределы
HTML код: <div id="frame"> <i class="top"></i> <i class="bottom"></i> <div id="header"></div> <div id="main"> <div id="content"></div> <div id="menu"></div> </div> <div id="footer"></div> </div> CSS код: * {padding:0; margin:0} body {background:#B29269 url(images/img01.jpg) repeat-x left top;} #frame {width:860px; height:100%; margin:0 auto; border:1px black solid; /*background:url(images/img03.jpg) repeat-y left top;*/} #frame i {width:860px; height:100%; position:relative; display:block;} #frame .top {background:url(images/img0…
0 votes7 answers -
input type="file"
Имеем стандартную форму загрузки файла. Можно ли любыми средствами перенести текст после кнопки "файл не выбран" , ну и текст имени файла соответственно на строчку ниже....
0 votes11 answers -
Flash-меню, фрейм и вывод в див
Доброго времени суток! Уважаемые знатоки, к вам вопросы. Что есть:Структура сайта такова: 2 фрейма (под меню и под контент), в первом флеш-меню. Вывод в контент-фрейм прописано через флеш-меню в файле *.xml. Все работает, но вот по задумке заказчика по нажатию в меню на пункте какого-либо сотрудника, помимо информации о нем должна еще выводиться его фотография (выводиться должна в правом нижнем углу поверх фрейма, получается фон, затем фрейм и сверху фото). Есть задумка, чтоб фото в отдельном диве выводить, но вот не задача-как привязать появление картинки и клик по пункту флеш-меню сотрудника(на пункте уже весит открытие страницы сотрудника в *.xml файле) Что надо:1)ос…
0 votes10 answers -
Буквы поменялись местами
Здравствуйте! Есть сайт kronwood.ru, там использованы не стандартные шрифты, которые закачены на тот же хостинг где и сайт и подгружаются через css. Некоторые люди жалуются на 1 шрифт, все буквы перепутаны. Причем видно что шрифт тот самый. Ни как не могу найти причину такого поведения. Все что я смог понять, дело не в кодировке. Т.к. другие шрифты, отображаются верно. И тот текст который отображается не стал нормальным ни в одном другом коде. В приложении скрин который мне прислали, это яндекс браузер под виндовс. У меня тоже есть яндекс браузер под винду, но отображается все верно. Буду рад советам и предположениям.
0 votes9 answers -
Текст на картинке
Собственно такой вопрос, вот сайт: http://aquakop.ru/ , в header изображение и на нём номера телефонов, надо сделать так, чтобы номера телефонов были текстом,а не картинкой. (с изображения могу стереть номера, есть исходники) Вот style: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2015/02/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; min-width: 940px; height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование…
0 votes24 answers -
Позицирование в DIV
есть такая конструкция <div class="qwerty">текст</div> и есть стиль .qwerty{ font-family: "Courier New", Courier, monospace; font-size: 14pt; font-weight: bold; color: #660000; margin: 0; padding-left: 90px; height: 80px; background-image: url(../images/fon_zag.png); background-repeat: no-repeat; background-position: left; } в общем есть картинка 80х80 которая является фоном и которая должна быть слева. А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу. Это реально?
0 votes17 answers -
рамка во круг сайта
Приветствую! Подскажите пожалуйста, что-то никак не пойму... Нужна рамка для сайта во всю ширину и высоту страницы, с 5px отступом со всех сторон от тела документа, делаю margin:5; но сайт растягивается больше чем 100% и к тому же рамка прилипает к правой части и низу. <!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>Untitled Document</title> <style> html,body { margin:5; padding:0; width: 100%; height: 100%; color: #FFF; backgroun…
0 votes35 answers -
Растягивающееся горизональное меню
Как сделать растягивающееся на 100% в ширь меню. Так что-бы внутрение элементы тоже растянулись на всю ширь. То есть если внутри четыре пункта то каждый из них взял на себя 25%.
0 votes5 answers -
Непонятный отступ у элемента li
Есть такая проблема - http://itmag.es/5PIM2 И есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/JYRhv/ Не могу понять, откуда взялся этот пустой отступ?
0 votes15 answers -
Помогите с музыкой на страничке разобратся
Всем привет. Разобрался с тегом для звучания музыки при загрузке странички. <bgsound src="meta/55.mid"> Но насколько я правильно понял музыка звучит в формате наподобии .mid А как сделать чтоб сразу после загрузки странички зазвучала песня в формате .mp3? Помогите пожалуста.!!!
0 votes19 answers -
Проблема с блоками DIV
У меня возникла следующая проблема при верстке страницы сайта: На странице находится 4 картинки с подписями, заключенные в <div> блоки, нужно разместить их в строчку так, чтобы они были равноудалены друг от друга, и ,при сужении окна браузера, 2 картинки съезжали вниз и опять становились равноудаленными друг от друга и от краев. Пробовал указывать <div align="center"> - не помогло. -когда окно браузера широкое и позволяет разместить 4 картинки -когда окно браузер узкое С уважением, Евгений.
0 votes21 answers -
Вывод радио плеера icecast на свой сайт
Какой html код нужен чтобы вывести радио плеер с сайта http://www.rpgamers.net/radioна свой сайт wix. Все мои попытки остались безуспешными. На данный момент вывел только аудио поток радио http://23.239.14.138:8000/rpgn. Как можно добавить current song отсюда http://23.239.14.138:8000и что бы он автообновлялся? А еще лучше взять целиком плеер со страницы http://www.rpgamers.net/radio.
0 votes0 answers -
Картча - как настроить?
Скачал скрипт с сайта www.captcha.ru Может кто-нибудь настраивал его?... подскажите, как это делается... Спасибо!
0 votes5 answers -
Проблема с валидацией
Валидатор http://validator.w3.org показывает, что на моем сайте 205 ошибок, но все эти ошибки такого характера: , хотя у меня так: , а также отмечает все ", >... Как можно исправить это? Почему валидатор выдает ошибка там, где их нет?
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-