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 votes8 answers -
Блок "Полезный софт"
Изначально делал блок с полезным софтом, сделал таблицу, открыл tr, td, запихнул иконки программ (только что сделанные в фш ) закрыл td, открыл td, напихал ссылок на софт и тут начались проблемы.....то между изображениями расстояние в 1px, то текст весь идёт по центру (снизу вверх) и уходит вправо, то вообще сайт слетает, прошу мне помочь.... хДД В общем пришёл я к тому, что решил сделать этот полезный софт изображениями, точнее ссылки на софт, так вот теперь изображения не показываются, прошу покавыряться в моём коде... /* Soft */ .allsoft {border:1px solid #000;border-top:0;background-color:#1b1b1b;width:200px;height:320px;} .allsoft a:link,.allsoft a:visited,.allsoft…
0 votes15 answers -
Как выделить активную ссылку меню на сайте?
Здравствуйте. Уже второй день ломаю голову. Нужно чтобы активная ссылка была выделена другим цветом. Напр. переходим по ссылке "Мыло ручной работы" и на странице где информация о продукте, фон ссылки выделить другим цветом. Ссылка на сайт (http://floris-m.com.ua/) Пробовал использовать JavaScript, но ничего не меняется: <script> $(function() {$(«li»).click(function(e) {e.preventDefault();$(«li»).removeClass(«active»);$(this).addClass(«active»);});});</script>HTML: <div class="akkordeon"> <ul class="vmenu"> <li class="home"><a href="/shop/mylo-ruchnoj-raboty">Мыло ручной работы</a></li> <li class="parent"><a href…
0 votes7 answers -
Текст, надпись на фоне-картинке
Подскажите, пожалуйста, что нужно сделать, чтобы текст с места не съезжал? Т.е. в хтмл редакторе я пишу в нужных мне местах, а на сайте, текст оказывается съехавши или вверх или еще куда-нибудь. И еще одна просьба, можете подсказать хтмл код для того, чтобы писать поверх картинки. (на форуме нашла только css код, а т.к. я не сильна в css, то лучше дайте хтмл код) Вот хтмл код странички <HTML><HEAD><TITLE></TITLE><!--OCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dt--> <META http-equiv=Content-Type content="text/html; charset=windows-1251"><link type="text/css" rel="StyleSheet" href="http://audrey-pa…
0 votes5 answers -
Как заствить ИЕ понимать overflow:hidden;?
Подскажите, пожалуйста решение проблемы: ИЕ не понимает overflow:hidden; пробовал разные варианты, к примеру position: relative; Надо для скрипта с прокруткой "обрезать" часть дива, т.е. есть блок 4000 при клике блок перемещается вправо/влево, соответственно есть блок с шириной 650, который должен обрезать содержимое блока с шириной 4000, НО в конченном ИЕ не работает. исходник скинул в архив (76,4 KB) http://upload.com.ua/get/900763317/ заранее спасибо за помощь
0 votes17 answers -
Изображения в блоке
Всем добрый день! У меня возникла проблема с тремя рисунками. Почему при добавлении нового рисунка в том же блоке неправильно вычисляет высоту с использованием position: relative? Вот пример: <div id="container"> <div id="top"> <div class="top_2"></div> <div class="top_3"></div> <div class="top_4"></div> </div> </div> В общем, если смотреть на страницу, то всё правильно показывает. Только не понятно почему когда есть position: relative, при добавлении второго рисунка, он берёт высоту относительно предыдущего рисунка. Если добавлять третий рисунок, тогда совсем не понятно как он там вычисляет высоту. Может, я с…
0 votes9 answers -
Реализация меню с сложным фоном пунктов
Подскажите, как реализовать вот такое меню. Интересует фоновое изображение пунктов меню. Проблема в том, что сначала идут ромбики (обведен красной линией), которые смещены вниз.
0 votes30 answers -
Меню-аккордеон + спрайты
Всех приветствую! Столкнулся с такой проблемой. На сайте будет меню. Меню с подуровнем. Условие - меню-аккордеон, кроме этого используются спрайты (так как шрифт не стандартный и просили шрифт не изменять). Отдельно меню-аккордеон работает и сдвигает вниз следующие пункты меню. Но когда настраиваю спрайты и присваиваю <li> class то выходит фигня какая-то... кто может подсказать в чем проблема? HTML, CSS и скрипт можно посмотреть на http://mysite-demo.narod.ru Да... забыл сказать... второй уровень меню появляется если нажать на "Каталог"
0 votes10 answers -
проблемы с шириной div-а IE 6
Есть фаил сверстанный div-ами один div ( ) является контейнером для двух других. В FF и Opera вс? как надо, проблемы с IE 6. IE 6 делает отступы не соразмерные заданным и как результат TEXT......... оказывается не спарва а под TEXT............. Что посоветуете в качестве решения? xhtml <div id="content"> <div id="window"> TEXT............</div> <div id="toolpanel"> TEXT.........</div> </div> css #content {margin-top: 100px; font-size: 90%; } #window { width: 70%; text-align: justify; margin-left: 15%; float: left;} #toolpanel { margin-left: 86%; width: 14%; margin-top: 150px; text-align: center; }
0 votes5 answers -
Имейл с сайта
Ребята, пожалуйста, очень прошу, мне нужна работающая форма(имя, имейл отправителя, текст сообщения) отправки имейла с сайта на хтмл, только без участия аутлук. (дайте ссылочку или отправте на мыльцо Pastsoft@rambler.ru). Позарез нуна! Заранее спасибо
0 votes3 answers -
HTML на сайте и в почте
Здравствуйте. Решил обратиться к Вам за ответом, ибо самому знаний не хватает. Вот HTML используется при строительстве сайтов, т.е. в этом случае, как я понимаю, мы может использование все возможности HTML. А еще с его помощью можно оформлять письма (e-mail), так вот и хотел я спросить, при оформлении письма можно ли использовать все возможности HTML? Или в этом случае они ограничены???
0 votes25 answers -
overflow:scroll не показывается скролл в macbook
Замучился уже искать решение проблемы, на сайте http://gl2.mercedesbenz-sale.ru/#9 на экране с таблицей наличия в macbook не показывается скролл в div, на windows всё нормально, подскажите как исправить?
0 votes7 answers -
Фильтрация таблицы на JavaScript
Здравствуйте! Имеется таблица с заголовками. Есть к ней фильтр: https://jsfiddle.net/3eqfLb7b/ Фильтрация убирает строки tr, которые не совпадают с искомым значением. Но заголовки th остаются. Подскажите, пожалуйста, как скрыть заголовки, которые не содержат искомое значение? Заранее благодарю за помощь.
0 votes7 answers -
FORM - передача данных на два сервера
Привет. Есть такая проблема. При сабмите формы необходимо передать введенные в нее данные через POST сразу на два сервера (site1.com и site2.com). Каким образом можно это реализовать? Спасибо.
0 votes4 answers -
Переадресация
Подскажите как сделать переадресацию на конкретной странице сайта, т.е. чтобы при нажатии на ссылку /about/index.php пользователь попадал бы на /about/index.php?SECTION_ID=123?
0 votes8 answers -
Стандартные шрифты
Не подскажите ли список шрифтов, которые можно безбоязненно использовать? Чтоб отображалось одинаково у всех пользователей во всех браузерах.
0 votes1 answer -
"склеить" HTML и JS, прописанный в txt
дело такое: в файлике txt написан JS. что нужно прописать в HTML, чтобы скрипт мог использоваться страницей?... надеюсь, что изложила проблему понятно)) помогите примером каким-нибудь, пожалуйста!! заранее спасибо)
0 votes17 answers -
Не работает прозрачность в png на IE7
Все никак не могу добиться, чтобы в IE7 png с прозрачным фоном нормально отображались - все равно IE прозрачность в упор не видит. При том, в IE8, Firefox, Opera, Chrome и Safari все работает. Я пробовал сохранять png и фотошопом, и корелом, и даже паинтНЕТом - один фиг не работает прозрачность. Пожалуйста, кто сталкивался с этой проблемой, подскажите решение! Заранее спасибо.
0 votes11 answers -
background или background-color в чем разница?
Возможно глупый вопрос, но интересует терминология. Часто подобное вижу в бутстрапе. Пример css код: background: url("/img/background.jpg") repeat-x;background-color: #ffffffПочему используются две переменные, разве не проще использовать одну? background: #fff url("/img/background.jpg") repeat-x;
0 votes4 answers -
Firebug во всех браузерах
Хочу поделиться с народом полезной штукой, а точнее одним кодом, всего в одну строку, благодаря которому Firebug будет работать и появится во всех браузерах, где работает JS (а значит даже в ИЕ6) Конечноже он не такой крутой, как Firebug в ФФ, но всё же позволяет искать нужные блоки и править в них код и вообще в любом случае окажется полезным при вёрстке и отлаживания сайта в разных браузерах <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
0 votes11 answers -
z-index vs ie
Привет. Зашел в ступор и не могу выйти, подпихните в нужном направлении есть код <div class="content"> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <…
0 votes19 answers -
Можно ли узнать паспортные данные владельца сайта?
У моей подруги есть сайт, на сайте она опубликовала несколько фотографий, которые нашла в интернете. Где-то два дня назад на электронную почту моей подруги пришло письмо от какой-то женщины. В письме эта женщина пишет, что увидела на сайте моей подруги свою фотографию, которая была опубликована без ее спроса. Поэтому моя подруга должна либо заплатит ей за фотографию 600 рублей, либо удалить фотографию с сайта, иначе она подаст на мою подругу в суд. Но для моей подруги 600 рублей достаточно большая сумма, чтобы отдать ее за одну единственную фотографию, которая к тому же не эксклюзивная, так как она размещена на других нескольких сайтов. Поэтому моя подруга в тот же день …
0 votes18 answers -
Помогите подправить вёрстку.
Помогите подправить вёрстку. Проблемы следующие: 1) IE - появляются белые полосы между блоками, как их убрать? 2) Opera - надпись "Главная страница" съезжает куда-то вверх, как можно исправить? В Firefox всё работает нормально, как видно, из представленных ниже скриншотов. Хотелось бы знать, что не так. Спасибо за советы. Скриншот 1 (IE) – http://s47.radikal.ru/i115/0910/96/3c9ce071ae30.jpg Скриншот 2 (Opera) – http://i035.radikal.ru/0910/04/f28d7326135f.jpg Скриншот 3 (Firefox) – http://i042.radikal.ru/0910/54/7b98114dede9.jpg P. S. Вёрстку делал не я. Это бесплатный шаблон для Joomla, который потом будет исправляться, но пока возникли описанные выше проблемы.
0 votes15 answers -
Проблема с "display: block" при разметке в XHTML
Привет всем! Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #menu { font-size: 13px; } #menu a { display: block; float: left; height: 32px; border: 1 solid gray; padding: 0 10 0 10; line-height: 32px; background-color: lightgray; } #menu a:link, #menu a:visited, #menu a:hover { color: black; text-decoration: none; } </style> </head> <body> <div id="menu"> <a href="item1.html">Item_1</a>…
0 votes12 answers -
Относительное позиционирование
Уже не первый раз сталкиваюсь с этой проблемой, но всё как-то старался обходить, теперь хочется вникнуть. Вот есть у меня, предположим, такой код: <div id="header"> <img src="background.gif" alt="" /> </div> Мне нужно ПОВЕРХ этого изображения добавить ещё один слой. Делаю так: <div id="header"> <div id="lay" style="position: relative; left: 700px; top: 25px;"><img src="image.gif" alt="" /></div> <img src="background.gif" alt="" /> </div> Сталкиваюсь с такой проблемой... Image.gif имеет высоту в 10 пикселей. Так вот, это изображение показывается ПОВЕРХ background.gif и, казалось бы, все довольны, но... Почему, спрашив…
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-