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
-
include
Здравствуйте. Не могу подключить файл через include. Сам файл находится в другой папке от того файла где нужно подключить. Пробовал указывать полный путь до файл но все равно ошибка. Как правильно?
0 votes15 answers -
JavaScript меняющихся картинок
Подскажите как можно сделать меняющиеся картинки??? Есть вот сайт http://www.cyclovac.com/international/ там меняются картинки автоматически + их можно самим менять клацая по (1, 2...5). Вот мой сайт http://cyclovac.kiev.ua/ Картинки у меня меняются только тогда когда ходишь по меню и ссылкам, а хотелось бы сделать чтобы каждые скажем 2 секунды они менялись сами. Я не хочу чтобы кто то что то делал за меня, прошу просто подсказку у тек кто знает как это можно сделать. Вот код если нужно: <?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); require_once dirname(__FILE__) . DS . 'functions.php'; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHT…
0 votes2 answers -
Элементы с float, при загрузке страницы выстраиваются вертикально
Привет всем. Не могу побороть проблему на этом сайте: http://www.domzagranicey.com/ Дело в том, что при загрузке страницы, фотографии в карусели выстраиваются вертикально буквально на 2 секунды, но это бесит... не знаю, как пофиксить это. Overflow hidden родительскому элементу — не помогает.
0 votes13 answers -
Как установить блок в правый верхний угол <body> ?
Как установить блок в правый верхний угол <body> ? Это по клику у меня будет появляться блок в правом верхнем углу c сообщением. Подскажите какие CSS данные нужно добавить в <div></div> ? Оказывается по спешке написал вместо нуля букву "о" Вот решение <div class="alert alert-success" style="position:absolute; top:0px; right:0px"> <button class="close" data-dismiss="alert">?</button> Сообщение отправлено. </div>
0 votes1 answer -
Система регистрации
Ну, пусть кто-нить сделал свой дизайн-сайт... но там cms, система регистрации,etc отсутствуют... А как можно сделать систему регистрации на сайте? Неужели требуются знания PHP, JavaScript,etc для того чтобы внести код в страницу сайта? То есть как сделать, когда качаешь скрипт регистрации и как можно и куда написать код... Без шаблонов... Заранее спасибо. З.Ы. Если можно то дайте ссылку на источник плыз...
0 votes3 answers -
как победить мерцание фоновых картинок в IE6
подскажите, всю голову себе сломала! есть код css для кнопочек a#knopa { width: 687px; height: 46px; background-image: url('knopa1.gif'); display: block; text-decoration: none; } a#knopa:hover { background-image: url('knopa2.gif'); } Все отлично работает во всех броузерах кроме ослика. При наведении на кнопку осел начинает заново перерисовывать бэкграунд, подгружая его с сервера. Не догадывается о том что он у него в кеш сидит. В результате чего происходит смена картинки но с пятисекундной задержкой. Есть ли какоенибудь средство чтобы заставить ослика моментально менять изображение без задержки?
0 votes4 answers -
Не работает выпадающее меню
У меня не получается сделать выпадающее меню. Оно почему то упорно не хочет выпадать. Вот код: ul#menu { background: transparent url('images/menu.png') repeat-x 0 0; width: 90%; overflow: hidden; z-index: 100; list-style: none; } ul#menu li { position: relative; float: left; } ul#menu li a { background: transparent url('images/separator.gif') no-repeat 100% 1px; float: left; font-size: 15px; color: #fff; height: 65px; padding: 10px 17px 0 15px; } ul#menu li a:hover, ul#menu li.current-cat a { background:transparent url('images/menu-hover.png') repeat-x 100% 1px; text-decoration: none; } /* sub-menu */ ul#menu li ul { display: none; …
0 votes4 answers -
рамка вокруг фото в постах
Тема wordpress "Default", искала на форумах, есть статьи только о создании одной рамки. Нужна двойная рамка разных цветов для фотографий в постах, как на фото, т.е. белая широкая и тонкая по краям. данные файла css: p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } a img { border: none; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-…
0 votes9 answers -
Форма поиска. Chrome.
Проблемма в том, что в поле ввода хрома "Поиск..." (placeholder="Поиск...") отображается на одном уровне,а вводимый пользователем текст на пару пикселей ниже. В фф и иэ все нормально. Глаз режет, помогите( Код: [hide] <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Форма для поиска</title> <style>body{background:#394e63;font-family: "PT Sans",Verdana,Arial,sans-serif;}.search {width: 240px;height: 35px;border-radius: 10px;background:#fff;}input[type="text"] {padding:0;margin:0;display:block;height:35px;border: none;outline: none;-webkit-appearance: none;width: 197px;margin: 0px 0px 0px 9px;float:left;font:16px/19px…
0 votes8 answers -
Сылка с переменой
Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой, То есть как сделать чтобы к силки добавлялось значение с переменой !DOCTYPE html> <html lang="ua-UA"> <head> <meta charset="UTF-8"/> <title>Люстра в моїй кiмнатi</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 align="center">Управлiння люстри в моїй кiмнатi</h1> <div class="zaholovok red" id="r">ЧЕРВОНИЙ</div> <input type="range" id="fan11" min="0" max="1023" value="0" step="1" oninput="fan1()"> <div class="zaholovok green" id="g">ЗЕЛЕНЙ</div> <input typ…
0 votes16 answers -
Стили для select
Здравствуйте. Никак не получается создать список select без рамки. Подскажите, как это можно сделать? <select size=2 style="width: 100%; margin: 5px; border: 0"> <option value="VAK">Вакансии</option> <option value="ACC">Афоризмы</option> </select>
0 votes3 answers -
Фон сайта
Друзья! У меня есть свой сайт, пишу в html, но тут столкнулся с проблемой: хочу сделать фон сайту картинкой, делаю, но у меня контент сайта тоесть где написан текст, тоже становится прозрачным и становится ка картинка. Так вот вопрос, что мне сделать, чтобы фон сайта был нижним слоем? вот код: <HTML> <TITLE>Всё о цветах</TITLE> </HEAD> <body> > <center> <TABLE width="750"border="1"> <TR><TH colspan="2" width="750" height="150" bgcolor="#A0CFFF"> <img src="sait.jpg"> </TH> </TR> <TR> <THEAD> <TH bgcolor="#CCFFFF" width="120"valign="top"><a href="index.html" style="text-decor…
0 votes17 answers -
Еще вопросик про яндекс метрику
Если я ставлю на отправку данных цель для яндекс метрики, а форма обрабатывается с помощью ajax запроса, а также java скрипта на валидность данных. Метрика не посчитает отправку успешной при невалидности данных форм? Кстати ее ведь можно по идее вынести в отдельный файлик script.js весь код метрики и уже там на успешном submite ajax повесить цель яндекс метрики? Чтобы не прописывать onsubmit в хтмл? Кто-нибудь делал так? Сейчас не могу оттестить, боюсь лопатить готовый код сайта (... Плюс почему-то данные конверсии цели обновляются с большой задержкой - я аж не пойму, какой именно скрипт у меня сработал. а какой нет(... Поэтому и спрашиваю тут.
0 votes5 answers -
min-height не работает при float:left
Всем привет, мучаюсь с min-height в двухколоночном макете. Буду очень благодарна за подсказку! Суть: в div вложены две колонки (у правой - float:left). Диву задана min-height, но он все равно "держит" высоту по той колонке, где меньше контента. То есть, получается так: А мне нужно, чтобы область с рамкой растягивалась в соответствии с кол-вом текста, но всегда была больше 100px. Если убрать float:left у сайдбара, сайдбар пропадает... зато все растягивается как надо ) В общем, запуталась. HTML: <div class="main"> <div class="maincontent"> <div class="bigpic"> IE8, Opera, Safari, Мозила - расчет ведется от body, т.е. если у не…
0 votes4 answers -
Как пройти по всем слоям? JavaScript
И сделать их скажем невидимыми?
0 votes2 answers -
Замена атрибута align через CSS
Здравствуйте. Есть блок с картинкой и текстом. <div class="primer"> <img src="1.gif align="left"> <p> text text text text text </p> </div> Как в стиле для блока заменить через CSS параметр align=left для изображения?
0 votes2 answers -
коробка подсветки кода - overflow scroll
всем здасте. здесь код. если кто делал что-то пожожее - подскажите. в гагле искал не тщательно - завтра попробую, если за ночь кто-нить не подскажит. мне не впадлу, да времени не много -использую все варианты. интересуют момнеты: можно ли убрать горизонтальные прокрутки стилизовать вертикальную прокрутку сделать отступ сверху равным нулю. сейчас он есть за счет top = 3px, подругому у меня при прокрутки двигалась тень что вверху вверху всем заранее СПС.
0 votes9 answers -
Проблема в шапке сайта
Делаю свой сайт и когда делал шапку сайта, возникла проблема, я сделал лого, сделал рядом изменяющуюся картинку на JavaScript, но вот проблема, хочу ещё рядом повесить информацию о пользователе, но всё, что я пытаюсь сделать, почему-то помещается за изменяющуюся картинку, не где-то рядом, а именно за неё, а сделать что-то в той части шапки, где мне нужно, у меня не получается, туда ни чего не вставляется, не могу понять почему. Сайт на юкозе. Вот, что у меня в шаблоне страниц сайта: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>$SITE_NAME$ - $MODULE_NAME$</title> <link type="text/css" rel="StyleSheet" href…
0 votes7 answers -
Настройка sass для инспектора google
привет, народ кто пользуется sass - можно ли какой то командой отслеживать изменения в общем css файле - который генерируется из нескольких scss, командами sass. (для пояснения sass --watch path/sass-directory:path/css-directory.) Для чего это нужно, если делать мелкие правки в самом инспекторе хрома то они делаются в style.css (работают живые стили - то есть изменения переносятся из хрома в файлы) и их вручную нужно переносит в соответствующий *.scss файл. Может sass отслеживать эти изменения . Пока он следить за scss, и собирает их в один style.css. Нужно что бы, Если что то меняется в style.css. он отслеживал соответствующий *.scss файл. Например выдает т…
0 votes7 answers -
Как сделать калонку с закругл?нными краями Правельно
Люди дайте пример в?рстки в css калонки(к примеру) с закругл?нными краями.... Ато мой способ неподходит ......
0 votes6 answers -
проблемка в таблице...
как сделать чтоб текст был в верхнем левом углу например??? align="left" это чтоб левее. а как что он вверх поднялся???
0 votes6 answers -
Буквица в опере
Приветствую! Сделал себе для сайта буквицу, так здорово получилось! Но вот в опере почему-то текст(который идёт после буквицы), получается чуть выше, чем в firefox, и это для глаза очень неприятно. Возможно кто-то встречался с подобным или знает почему такое может быть. .whatdo { margin-top:-7px; color:#900; font-weight:bold; text-indent:0; } p { margin-bottom: 1.5em; line-height: 1.6em; text-indent:1em; font-size:14px; } .bukv { font-size:50px; /* Задание размера шрифта буквицы */ color:#900; /* Задание цвета буквицы */ font-weight:bold; float:left; /* Задание обтекания буквицы */ height:34px; line-height:35px; /* Задание положения буквицы */ ma…
0 votes7 answers -
Задачка интересная, чистый css
Доброй ночи, уважаемые пользователи форума. Столкнулся с задачкой, может я уже хочу спать или еще что то. Но почему то не могу решить одну задачку. И так, есть див. В нем есть заголовок и несколько параграфов. Ширина блока, фиксированная. Высота нет! Как только при помощи css создать еще 2 блока, и подложить их под первый и чуть чуть сдвинуть. дабы получилось что то вроде страниц. Проблема: для доп. блоков не могу указать высоту, потому что высота главного блока, для которого повторять нужно резиновая. Идеи: 1) использовать after, before <div class="block"> <h2>Заголовок</h2> <p>Параграф 1</p> <p>Параграф 2</p> <…
0 votes20 answers -
Какой HTML5 видео плеер является лучшим?
Здравствуйте! На данный момент занимаюсь изучением тега <video> (html5) и всему, что с ним связано. Пытаюсь разобраться, как всё это дело организовать наилучшим образом и столкнулся(по ходу дела) с определёнными трудностями: Не удаётся найти адекватный(человеческий) плагин! (Понимаю что на первый взгляд - это может звучать довольно странно.) Перепробовал практически все варианты по следующим ссылкам: http://www.dejurka.r...-video-players/ http://womtec.ru/201...-video-players/ + 2 дополнительных варианта: http://www.codoplayer.com/ http://uppod.ru/ Как правило во всех источниках(кроме последней ссылки) описания идут на инглише(в этом к сожалению пока не силен!) Инт…
0 votes9 answers -
Убрать отступы !
Как убрать отступы между двумя изображения , что-бы они прилягали друг к другу ? <p align="center"><TABLE WIDTH=600 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD ROWSPAN=7> <IMG SRC="images/image_01.gif" WIDTH=17 HEIGHT=428 ALT=""></TD> <TD COLSPAN=6> <IMG SRC="images/image_02.gif" WIDTH=266 HEIGHT=131 ALT=""></TD> <TD COLSPAN=3 ROWSPAN=3> <IMG SRC="images/image_03_blank.gif" WIDTH=199 HEIGHT=169 ALT=""></TD> <TD COLSPAN=2 ROWSPAN=4> <IMG SRC="images/image_04.gif" WIDTH=101 HEIGHT=253 ALT=""></TD> <TD ROWSPAN=8> <IMG SRC="images/image_05.gif" WIDTH=17 HEIGHT=449…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-