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
-
PHP- Создание теста
Всем привет, хочу сделать тест и кое-что уже набросал: <a class="insidedata"> <div class="textcont">Q1: Your physical height <p><input name="height" value="1" type="radio">160-170cm</p> <p><input name="height" value="2" type="radio">170-180cm</p> <p><input name="height" value="3" type="radio">180-190cm</p> <p><input name="height" value="4" type="radio">190-200cm</p> </a> </div> <?php if($height = 1){ $gnom+1; $dwarve+1; $goblin+1; } if($height = 2){ $orc+1; $human+1; $bloodelf+1; $undead+1; } if($height = 3){ $troll+1; $nightelf+1; } if($height = 4){ $worgen+1; …
0 votes19 answers -
Проблемы наследования
<html> <head> <style> .a{height:400px;position:relative;background:red;} .b{height:100px;position:relative;background:blue; margin-top:20px;} </style> </head> <body> <div class='a'> <div class='b'></div> </div> </body> </html> Вопрос : Почему отступ идёт от верхней части окна браузера вместе с родителяем... .Ведь должен быть отсутп только от родителя
0 votes19 answers -
Смена изображения
Здравствуйте, подтолкните на мысль как реализовать конструкцию в которой нажатие на ссылки приводит к смене фона. В общем Вот Должно работать в IE6! Заранее спасибо. PS. c javascript дело не имел)
0 votes19 answers -
Динамический сайт без серверных языков
Здравствуйте! Возможно ли создание динамического сайта с периодическим обновлением контента от 50-100 страниц без использования серверных языков,таких как например PHP? Используя только - html5, css3, javascript возможно создавать подобные сайты?
0 votes19 answers -
списки с разделителями
сверстал галерею на основе списков.структура такая: 4 изображения, разделитель, <ul>4 изображения</ul>, разделитель, и т.д. использовал несколько блоков <ul></ul>. правильнее было бы использовать один блок <ul></ul> (потому что на cms удобнее натягивать). подскажите пожалуйста как верстаются подобные галереи. необходимые условия: 1. галерея резиновая(тянется по горизонтали как в моем примере), 2. после каждой четвертой картинки есть разделитель
0 votes19 answers -
Не могу понять.
Добрый вечер! Вроде всё просто, но я не могу понять действительные минусы от прописывания цветов как #fff, вместо #ffffff или #f00, вместо #ff0000. Вижу только один плюс, экономия 3 знаков с каждого цвета. Подскажите пожалуйста, чем это чревато? Спасибо...
0 votes19 answers -
проблемы с @font-face и "Private Sans"
Добрый день. На сайте надо подключить шрифт "Private Sans". В инете нашёл кроссбраузерный вариант подключения шрифтов и сервис для конвертации. Конвертировал три варианта шрифта "regular", "italic" и "bold". В полученном архиве было указано правило для подключения шрифта (три варианта) @font-face { font-family: 'PrivateSansRegular'; src: url('../fonts/pvs55-webfont.eot'); src: url('../fonts/pvs55-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pvs55-webfont.woff') format('woff'), url('../fonts/pvs55-webfont.ttf') format('truetype'), url('../fonts/pvs55-webfont.svg#PrivateSansRegular') format('svg'); font-weight:…
0 votes19 answers -
Убрать пунктирную рамку с картинки-ссылки в момент нажатия
Привет. Подскажите, пожалуйста, как убрать пунктирное выделение с картинки-ссылки в момент нажатия? Стоит explorer 9. Только начинаю учиться, на форумах ничего не нашла. Не сплю второй день уже. <html> <head> <title>Пунктирная рамка</title> </head> <body> <a href="index.html"> <img src="home1.bmp" align="left" border="0"> </a> </body> </html>
0 votes19 answers -
CSS or Img
Добрый вечер Уважаемые! Интересует вопрос по концепции вёрстки. Как Вы считаете, например тот же градиент лучше верстать с помощью картинки или задавать css3 & filter(ie) Или border-radius, что лучше, перечислять все вендорные свойства или просто создать 4 доп блока и позиционировать их внутри родителя(всегда так делаю)
0 votes19 answers -
Menu в WordPress через wp_nav_menu
Здравствуйте, учусь делать сайт, сделал меню в WordPress с иcпользованием PHP, заказчик пристал, что нужно через wp_nav_menu, 3 день не могу добиться необходимого результата. Есть меню(рубрик и страниц), в нём пара пунктов имеют дочерние пункты. Вобщем, мне нужно получить такую структуру. Но сколько я не мучился, у меня получается так: не могу понять, как используя wp_nav_menu, заставить его выводить все пункты меню, последовательно. Он выводит все Родительские, а дочерние, как бы сверху налагает. Кто сталкивался или знает, подскажите, пожалуйста.
0 votes19 answers -
Круглые CSS уголки в мозиле у тега img
Делаю закруглённые уголки у тега img при помощи CSS: img.catalog_main_item_img { margin-bottom: 5px; border: 2px solid white; overflow: hidden; display: block; -moz-border-radius: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px;} и возникает проблема в мозиле: уголки картинки не хотят прятаться под закругление. Вот так: Как решить проблему? Хотелось бы обойтись без засовывания картинки в бэкграунд диву.
0 votes19 answers -
Не могу включить border-radius for IE<9
При чём не первый раз сталкиваюсь перед этим тоже то получалось то фиг Вот сайт Вот скрин:элементы с border-radius
0 votes19 answers -
Понимает ли Chrome <br class="clear" /> ?
Понимает ли хром такую запись - <br class="clear" /> Во всех браузерах нормально выглядит конструкция, есть перенос и отступ строки, а хром как будто не замечает в упор этой записи и продолжает выводить текст как будто там ничего и не стоит. Если он таких вещей не понимает то на что можно данный код заменить?
0 votes19 answers -
Как поставить блоки
Как сделать на сайте такие блоки
0 votes19 answers -
скругление углов css меню !
Всем приветк ! подскажите пожалуйста...не могу скруглить все углы у меню ! оно построено как то так, что нижняя линия добавляется отдельно,а если скруглять тут, то скругляются и углы разделов меню ((( .suckerdiv ul li a{ display: block; color: black; text-decoration: none; background-color: #fff; padding: 1px 5px; border: 1px solid #ccc; border-bottom: 0; line-height: 2em; } подскажите как меню подправить ??? suckerdiv li { display: none; } .suckerdiv ul{ margin-left: -7px; margin-top: 0px; padding: 0; list-style-type: none; width: 165px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; font-family: arial; font-size: 11px; } .suckerdiv ul li{ position: relative…
0 votes19 answers -
Как сделать "прикрепить файл" (file attachment) в форму ОС стандартного контакта?
Привет! Собственно, я добавила само поле - но не могу заставить его работать - т.е. письмо приходит без прикрепленного файла. Я догадываюсь, что нужно ковырять contact.php, но в PHP я ноль, поэтому если можно максимально подробно
0 votes19 answers -
Как сделать блок ссылкой?
я создал div блок, которому дал размера 100x100, в который засунул картинку, и ниже неё текст. пример (код html): <div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p> пример (код css): .primer {width: 100px; height: 100px;} как мне теперь сделать этот целый блок (100x100) ссылкой? как я понял, это не подходит: <a href="#"><div class="primer"> <img src="http://savepic.org/3509447.png"><p>Текст</p></a> когда я делаю так как написал выше, то ссылка делается на всю страницу. а мне нужно чтобы ссылка была только для этого блока... думаю суть вопроса понятна... может кто помочь с этим?
0 votes19 answers -
Запрет ввода букв в поле input
Здравствуйте. Такой вопрос, Возможно ли средствами HTML запретить ввод букв в текстовом поле input? Или это только скриптами делается? Я бы посмотрел все атрибуты input на сайте, но он сейчас не работает.
0 votes19 answers -
Помогите пожалуйста разобраться с шаблоном
Здравствуйте, я новичек в css, нужна помощь. Это шаблон для joomla 2.5 и мне нужно изменить: 1.Вот ссылка с видом позиций,позиция leo-content-toptop, мне нужно увеличить ширину этой позиции, пишу в template.css width:..; но ширина никак не меняется. 2.И подскажите пожалуйста, как можно поменять позицию шаблона?Шаблон как бы стоит по центру, я хочу перенести шаблон влево Сам пытался, пробовал разные варианты, но ничего не выходит....
0 votes19 answers -
Я новичок и мне нужна ваша помощь)
Всем доброго времени суток!Решил обратиться на этот форум к опытным людям за советами ну и возможно для получения ответов на свои вопросы(если не трудно ответьте буду очень признателен) 1.Хотел начать изучать html,но узнал о выходе html 5 как вы думаете какой из них сразу можно учить? 2.знаю что бы стать хорошим веб разработчиком нужно приложить немало усилий,именно поэтому что бы ещё больше не осложнять своё положение (так как я новичок) подскажите в каком порядке и каким способом следует изучать все тонкости типа php,css,html,Java,ajax и т п! Заранее спасибо за вашу помощь )
0 votes19 answers -
Верстка. Картинка по центру div
Здравствуйте, уважаемые гуру! Не могли бы вы подсказать, как выровнять картинку по центру div'а в коде, который будет представлен ниже. Я знаю, что код не совершенен, и если вам будет не трудно, укажите на ошибке и если можно с объяснениями, чтобы я мог исправить их в дальнейшем. Буду очень признателен за помощь. css: body { width:100%; height:100%; } body div#rotator{ float:left; min-width: 60%; max-width: 65%; min-height: 70%; max-height: 80%; } #rotator li img { min-width: 85%; max-width: 100%; min-height: 75%; max-height: 80%; } #rotator div > ul.list{ position: relative; list-style: none; padding: 0px; …
0 votes19 answers -
LESS import и браузеры
Проблема в следующем. Есть папка с такой структурой: +css +bootstrap +img design.less markup.less style.less +images +js index.htmlв index.html мы подключаем style.less <link rel="stylesheet/less" href="css/style.less">style.less служит контейнером, в него нужно импортить все остальные стили @import "css/bootstrap/css/bootstrap.min.css";@import "design.less";@import "markup.less";Теперь открывая эту страничку в браузере, мы видим только html, а стили не применяются, кроме FF и safari в этих браузерах все ок. Проблема решается установкой локального веб сервера, но хотелось бы знать почему так.
0 votes19 answers -
Проблема с Div и флоатными элементами
Верстаю собственно страничку, вот код http://jsfiddle.net/Yura/mWNap/ Возникла такая проблема, имеется header content и footer в контенте имеются элементы <ul><li></li></ul> при помощи которых сделано горизонтальное меню естественно эти элементы флоатны. Так вот когда я выставляю для <li> float:left нижняя граница контента приподнимается над <ul> Что бы опустить границу, после ul вставил <div> </div> и присвоил ему clear:both; тогда граница опускается Пожалуйста объясните, почему происходит поднятие границы, ведь насколько я понимаю <ul> находится в <div id="content"> и не должен выходить за его границы. …
0 votes19 answers -
Ещё раз о section
Всем доброго дня? Вечера? Ночи? Не раз видел вот такое, да и сам так верстаю: <section id="block"> <div class="conteiner"> <h1>Тра-ля-ля</h1> </div></section>#block { width: 100%;}.conteiner { margin: 0 auto; width: 1000px;}И при построении дерева документа выбивает untitled section. Собственно, возникает резонный вопрос:"может делать всё с точностью да наоборот": <div id="block"> <section class="conteiner"> <h1>j;j;jl</h1> </section></div>Тогда, вроде, все должны быть довольны. Вот как-то так. Только правильно ли это?
0 votes19 answers -
Ряд вопросов от новичка
1) Если для каждого елемента будет отдельный CSS файл(для меню, для шаблона, для галереии, для обратной связи) как это повлияет на загрузку страницы?? Или для гугла и яши лучше что бы был один цсс файл? 2)Влияют ли на скорость загруки елементы добавленные с помощью html 5? 3)И сможет кто то помочь оптимизировать код(упростить где это возможно когда я доделаю первый свой пример) 4) Есть ли уже готовые варианты админки, что бы к примеру дать клиенту сайт, и он сам мог добавлять картинки, редактировать текст, а не лазить в код или постоянно обращаться ко мне? Заранее спасибо за ответы))
0 votes19 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-