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
-
Можно ли с помощью css сделать hover на несколько элементов?
например есть кнопка из 3 div и нужно чтобы при наведении на любой из них срабатывали все 3
0 votes4 answers -
width 100% ie6 must die
Вообще дроп даун ксс меню. <div class="nav"> <ul class="nav-menu"> <li><a href="#"><strong>LA CAVE<em>Rencontrez-nous !</em></strong><span></span> </a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2 over</a></li> <li><a href="#">Item 3</a></li> </ul> </li> .nav ul{ margin:-37px 0 0 0; padding:0; list-style:0; float:right; } .nav ul li{ background:url(../images/bg-nav-li.gif) no-repeat 100% 100%; list-style: none; padding: 0 15px 0 0; float: left; position: r…
0 votes4 answers -
Скорость загрузки сайта
Здравствуйте! У меня скорее аналитический вопрос: Недавно я доделала свой сайтик и для пробы выложила на бесплатный хостинг, а именно на Народ. Но сразу же начались проблемы с загрузкой. Начиная с первой главной страницы (и дальше-больше) страницы оооочееень меееедлееено грууузятся. Я показывала своих знакомым и друзьям , предполагая что может быть у меня проблемы с провайдером, но все как один жалуются на тоже самое. Я почти весь сайт выгрузила. Но несколько страниц оставила, чтобы вы могли убедится Собсно вопрос: что может замедлять загрузку сайта? Картинок вроде не много и весят они нормально, не так чтобы 5 минут ждать загрузку главной странцы.
0 votes4 answers -
Выравнять содержимое div-a
Добрый день, есть следующая задача: в div динамически добавляется n картинок. Кроме картинок слева и справа от ряда картинок могут добавиться стрелочки влево и вправо. Получается стандартная листалка превьюшек. Проблема заключается в следующем: Высота картинки - 100 пикселей. Стрелочки надо по высоте равнять по середине картинки, т.е. отступить на 50 пикселей от верхней границы div'a контейнера. Пробую так: div id="imgList" style="vertical-align: middle;"> <div id="goLeftArrow" style="margin-left: -3em; margin-right: 2em; display: inline;" onclick="goLeft()"> <a style="text-decoration: none;" href="#">←</a> </div> <img style="padding-right: …
0 votes4 answers -
блок
Люди, у меня такая проблема, вот делаю блок на сайте из трёх картинок(верх, подстилка и середина) и выходит в результате чтоб под верхом и низом видно ту подстилку(картины с прозрачность) Выходит это можно сделать только в несколких таблицах\дивах? Или как эт сделать в одной?
0 votes4 answers -
SELECT + TITLE или подсказки в выпадающем меню
Доброго времени суток. Подскажите, как реализовать подсказки в выпадающем меню select'a Цель: прин аведении на список выбора, над каждой опцией всплывает подсказка. P.S. AJAX не желателен... Можно как то через номера опций вывести подсказки?
0 votes4 answers -
меню сделанное на CSS под все браузеры.
Как сделать так, чтобы меню навигации созданное с помощью CSS корректно отображалось на всех браузерах. У меня у самого Опера, все нормально работает, а вот проверяли на Explorer'е - нифига подменю не вылазеет, чо делать, подскажите пожалста. <!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>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ …
0 votes4 answers -
MySQL i Web
Подскажите пожалуйста, где можно почитать о принципе совместной работы Web сайта и баз данных SQL? И вообще все, что с этим связано.
0 votes4 answers -
Всплывающие подсказки - как отключить память input-ов?
Всем привет. Проблема такая: Современные браузеры запоминают значения полей формы input при сабмите. И потом при повторном введении слов выдают автоматом всплывающие подсказки в полях типа input. Вопрос: можно ли насильно запретить такое запоминание (или вывод результатов) средствами html/js/css ? Зачем мне это? - хочу сделать свои всплывающие подсказки, ну например как на яндексе - выбирает из базы уже готовые результаты по похожим запросам и подставляют в табличку под окном поиска. В таком варианте автоматические подсказки браузера мешают - закрывают собой наши юзерские. Вариант который я вижу: т.к. запоминание происходит при сабмите формы - передалать систему так, чтоб…
0 votes4 answers -
Раскраска таблицы XML > HTML (XSLT)
Добрый день! Возможно данная задача (см. рисунок) для некоторых покажется простой, но для меня, как для начинающего в xslt - доставляет трудности. Задача в следующем: необходим раскрасить таблицу с учетом rowspan. Обычно я использовал проверку "position() mod 2 = 0", но тут это не прокатит. Решение вроде бы витает где-то рядом, но все же витает Заранее благодарен. <?xml version="1.0" encoding="UTF-8" ?> <table border="1"> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td> <td>f</td> </tr> <tr> <td>a</td> <td>b</td> <td>…
0 votes4 answers -
Как это делаетья?
Вот как например тут http://kuhni-mila.ru/ между блоками сайта, на границах полоска с тенью, с левой стороны, на самих картинках её нет, как это сделано?
0 votes4 answers -
непонятные комментарии
Всем привет! ...Друзья попросили поменять им дизайн сайта. Ихи сайт делался лет 5 назад и устарел.. Я его сверстал, и вот уже хочу выложить в инет, но у меня не было подобного опыта.. боюсь напортачить.. смущают такие вещи: в предыдущей вёрстке автор писал: <body link="#0066FF" vlink="#6633CC" bgcolor="#FFFFCC" background="index.files/image293.png" style='margin:0'> <!--[if gte vml 1]><v:background id="_x0000_s2049" o:bwmode="white" fillcolor="#ffc" o:targetscreensize="1280,800"> <v:fill color2="#6cf" focus="50%" type="gradient"/> </v:background><![endif]--> и вот эти комментарии а-ля <!--[if gte vml 1]>, <![if !vml]>…
0 votes4 answers -
Работа с Float:left и margin:left
Ребята, привет! Возможно моя проблема покажется вам глупой, но все же спрошу: Есть контейнер, в котором прописана картинка в качестве фона. В контейнере прописываю слой контент, в нем еще один слой с рамкой и отступами top и left по 5px, который должен располагаться слева. В #content ставлю флоат-лефт, а #content-left прописываю маргины. В этом случае картинка отображается только в IE. Пробую по-другому: убираю флоат-лефт, прописываю маргин-лефт в #content-left. А в #content ставлю маргин-топ. Тогда контейнер с картинкой в Опере и FF отступает вместе с дочерним элементом. А в IE все корректно. Помогите, плиз, глупой девушке, а то уже голова трещит!!!
0 votes4 answers -
Не работает ссылка в Opere и Mazille
Всем привет! Не работает ссылка в опере и мазиле. Что делать? Код: <a href = 'kont.php'> <td width = 9% style = "cursor: pointer" onmouseover="this.style.backgroundColor='#9aa5b6'" onmouseout="this.style.backgroundColor=''"><p class = 'menu'>КОНТАКТЫ</td></a> Заранее спасибо за ответы!
0 votes4 answers -
? после css
на некоторых сайтах, в href link`а типа text/css, после полного адреса ставиться "?" и идут цифры, для чего они? например <link rel='stylesheet' type='text/css' href='/style.css?090324'>
0 votes4 answers -
Сайт долго грузится
Картинка в хедере 60кБ, и все. Но грузится сайт оч долго. На этом же хостинге другие два нормально грузятся. Помогите, пожалуйста, понять в чем тут дело. Спасибо! ps сам сайт duet74.ru
0 votes4 answers -
Трабл с ие7
Очередной трабл с ие7 ...На этот раз серьёзный... Вот, Ссылка отрицательный margin не работает почему-то.... хотя между колонками должен быть промежуток небольшой Original
0 votes4 answers -
Проблема с позиционированием в FF
Привет всем. Я не профи, скорее любитель. Недавно переделал тему для одной GPL-платформы, но мой товарищ прислал скрин с офигенным косяком, который у него в FF. (скрин). Как видно, блок меню сдвинут влево(((. Причём у меня такого косяка в FF не наблюдается. Помогите пожалуйста разобраться в стилях, что бы было кроссбраузерно. Вот макет. Заранее благодарен, бью челом.
0 votes4 answers -
Есть программа для проверки ссылок?
Сейчас делается сайт, полностью на html. Просьба заказчика (вернее суровых сеошников). Сайт большой и огромное число ссылок внутри сайта. Есть ли программа или какой-нибудь сервис, который может проверить правильность ссылок на сайте. Ну например, пройтись по всем страницам и узнать, не возвращается ли где ошибка 404?
0 votes4 answers -
Разный стиль текста в текстовом поле
Есть поисковая форма: <div id="buscar"> <form name="search" method="get" action="/search/"> <input type="text" id="search-text" name="q" value="поиск"/> <button id="button-buscar">Найти</button> </form> </div> Стиль у неё такой: #buscar {height:31px;margin-right:10px;display:inline;} #buscar * {height:25px;float:left;border:0;margin:0;padding:0;background-color:#fff;} #buscar #search-text {width:200px;height:25px;padding-left:3px;font-size:12px;font-weight:bold;font-family:Arial;color:#ccc;background-color:#fff;} #buscar button {padding-bottom:2px;border:0;margin-left:0px;line-height:22px;width:47px;font-weight:bold;font-family:…
0 votes4 answers -
Рамка thead, tbody
Здравствуйте. Хочу оградить шапку таблицы двуцетной линией. Сайт логин/пароль: test table.counters-history { background-color : #EFEFEF; } table.counters-history thead { border-bottom : solid 1px #CCC; } table.counters-history tbody { border-top : solid 1px #FFF; } Почему рамку не видно?
0 votes4 answers -
Подмена текста изображением
Начитался, правило хорошего тона, меньше кода... а реально, чем этот метод лучше чем обычная картинка с альтом внутри? Не понравилось, что когда отключаю графику текста нет
0 votes4 answers -
Запрет действия стилей на вложения
Столкнулся с таким вопросом есть список ul/li с определенным декором в нем размещен контент с формами ввода и вот в один из li надо прицепить скрипт для графического селекта (генерит список) и соответственно идет наследование родительских стилей может есть какое правило которое как бы изолирует кусок вложенных стилей от родительских
0 votes4 answers -
CSS
Подскажите пожалуйста. А можно создать несколько каскадных таблиц стиля?
0 votes4 answers -
растянуть ячейку по высоте во вложенной таблице. Не работает в опере
Есть таблица. В ней две ячейки td. В первой вторая таблица, во второй ячейки контекст, который может изменяться, от этого изменяется высота и первой ячейки. Во второй таблице две строки. Вторая строка растягивается в зависимости от содержания (там картинка, которая растягивается) Работает нормально в фф3.5 и ие8. Но в опере картинка первоначального размера (в виде точки) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>test 3 </title> </head> <body> <form> <table > <tbody> <tr style="height:100%;"> <td style="height: 1…
0 votes4 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/
-