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
-
0 votes15 answers
-
прозрачный фон для gif изображения
добрый вечер уважаемые форумчане. вот такой вопрос: у меня на страничке имеется n-ое кол-во изображений в формате gif, которые посредством javascript могут быть наложенны друг на друга... дело в том, что если одна картинка попадает на другую, то фон (белый) картинки, которая сверху виден на нижней...что не очень красиво. как на html, или может даже на css или javascript сделать прозрачный фон?? заранее спасибо.
0 votes15 answers -
3 колонки внутри 3 колонок :)
Сделал 3х колоночную верстку. Пытаюсь в левомй панеле сделать опять 3 колонки для того, что бы в блок 1 вставить угол декора в блок 2 линию блок 3 другой угод декора Так вот 1-2 идут в ряд, а блок 3 слетает вниз. Но почеееееему ???? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Основы блочной верстки (Div верстки)</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <div id="maket"> <div id="header">Шапка </div> <div id="…
0 votes15 answers -
отключить валидацию
подскажите пожалуйста как отключить валидацию загружаемой страницы в FF. индикатор в правом верхнем углу показывает результат валидации
0 votes15 answers -
Блочная Верстка(5 div в одну строку)
Добрый день, помогите мне разобраться. Нужно выстроить 5 дивов в одну строку. Расположение. 1 2 3 4 5 соотвественно, высота строки 134px. 1 и 5 заданной ширина в 277px. 3 центральный блок, 450px и должен находится всегда по центру страницы. 2 и 4 резиновые блоки, который должны равномерно менять размер в зависимости от того как мы сужаем или растягиваем окно браузера, если окно браузера 1003 px то этих блоков не видно а остается только 1 3 и 5ый. Самое главное чтоб блоки никак друг на друга не нализали и не переходили на новую строку даже если ужать браузер до минимальной, т.е чтоб скрол появился горизонтальный и все. Пример не приложу, потому что исписала уже уйму кода…
0 votes15 answers -
Как узнать стиль элемента по дефолту?
Ситуация такая: Всем известно, что разные браузеры по умолчанию отображают одни и те же теги по разному. К примеру, стили "тела" по дефолту в FF 3.5: body { display: block; margin: 8px; } а в IE7: body { display: block; margin: 15px 10px; } Вопрос: Каким образом можно узнать, какие стили по умолчанию имеют разные браузеры и их версии? Важно, чтобы это было НЕ в ручном режиме. Может на это способен JS? Имеется перечень всех тегов - нужно для каждого получить все стили. Варианты: - найти в файлах установленных браузеров таблицы стилей и посмотреть - поставить FireBug и промониторить - поискать в интернете дефолтные таблицы стилей НЕ предлагать! =) Пар…
0 votes15 answers -
Крик души
Здравствуйте, Заинтересовался сайтостроением сравнительно недавно (около года назад). За это время успел постичь основы html, js, css. Верстал в основном примеры из книжек, да сделал аналог paint на холсте html5 с обработкой событий на js. Настало время, когда захотелось сделать что-нибудь полезное. Решил что самым простым и нужным будет создание собственной странички. Но не все оказалось так просто. Как только начал пытаться применить свои "книжные" знания на практике, то столкнулся с целым рядом проблем. Самая главная проблема - отсутствие представления о последовательности шагов в написании сайта (не знаю с какой стороны подойти, в результате хватаюсь сразу за все). Вт…
0 votes15 answers -
Что лучше: проценты или em?
Друзья, подскажите! Что лучше (рациональней) использовать: проценты или em в указании размеров, чтобы блоки, элементы, текст при увеличении или уменьшении масштаба отображались на странице пропорционально, занимая всю видимую область?
0 votes15 answers -
избирательность first-child
объясните пожалуйста почему на страничке псевдокласс :first-child не действует на article ?
0 votes15 answers -
php+mysql vs js(jq)
Писал себе сайтик небольшой, для собственных нужд, скриптики различные и тд. Так вот, пользовался php+mysql. Не знаю почему, ну наверное потому что именно php был первым веб языком который мне встретился. Выбирать я не стал и остался с этим вот чудом. И как-то написал скрипт(парсер), так вот на php+mysql чтоб спарсить нужную мне инфу, мне пришлось прибегать к регулярным выражениям, и прочим веселым вещам, ну да я смирился. Но на днях на форуме случайно встретил скрипт, почти такой же по функционалу как мой, но он написан на jquery без всяких php+mysql(как это делал я). Так вот допустим в jq спарсить нужную мне инфу, можно было всего 1 строчкой например: $('div#profile') -…
0 votes15 answers -
Проблемма с рамкой
Здравствуйте, подскажите пожалуйста как сделать такую рамку. Пока у меня получилось только так Код: <div class="slider_text"> <span>Наличие собственного сервисного центра и квалифицированных специалистов обеспечивает оперативное выполнения наших гарантийных обязательств. Мы предлагаем вам современные компьютеры по цене производителя!</span> </div> CSS: .slider_text span{background:url(images/slider_text.png);padding:0 14px 0 10px;line-height:14px;font-size:16px;}
0 votes15 answers -
CSS3 и старые браузеры
Хочу использовать CSS3 для создания простейших графических элементов, например, простенький логотип. Так как CSS3 поддерживают не все браузеры, то возникает проблема как сделать так, чтобы в старых браузерах сайт отображался корректно. Если для IE можно воспользоваться условными комментариями, то как быть со старыми версиями других браузеров? Можно конечно не обращать на них внимания, так как они редко используются, но все же интересно как принято поступать в таких случаях?
0 votes15 answers -
Вроде простая вещь, но
не делается как я хочу. Нужно чтобы блок фиксированной ширины располагался по центру и занимал всю высоту окна браузера. А внутри блока четыре квадрата, содержащие контент. Причем чтобы вертикальные размеры этих внутренних квадратов не зависели от контента. Глянул форум и допилил один случай, почти то что надо, только почему-то не выравнивается по центру: http://jsfiddle.net/VRus/LZdgF/
0 votes15 answers -
footer
Привет всем, кто может мне помочь. Проблема в следующем. Есть заготовка сайта. Ни как не могу соединить, как надо футер, мидл, и правый сайдбар. Вот так он сейчас выглядит: http://itmages.ru/image/view/707658/9035670d http://itmages.ru/image/view/707659/461c3f77 Вот коды: index.html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title>Святогор-Риэлти</title> <meta name="keywords" content="Сайт фирмы Святогор-Риэлти, Фирма Святогор-Риэлти" /> <meta name="d…
0 votes15 answers -
DIV средствами CSS: вертикально максимальный, горизонтально центрированный?
Здравствуйте, новичку нужна консультация гуру. Для некоторых сайтов (например, чатов) крайне желательно, чтобы их контент занимал по вертикали всю высоту окна. Захотелось попробовать сделать необходимое макетирование с помощью <DIV>, в результате накропал следующий код: HTML <body> <div id="mainDiv"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint o…
0 votes15 answers -
Единая ссылка
Коллеги, здравствуйте! Есть такая конструкция: <a href="#"><img src="pic.png">Ссылка на пик</a> Допустим высота изображения 50px; Как выравнить текст относительно середины изображения по высоте. |____________| |____________| |__pic.png____| Ссылка на пик |____________| |____________| Оговорюсь сразу, что вопросы с применением JavaScript, jQuery и т. п. не интересуют. Просьба помочь решить проблему чисто с точки зрения вёрстки. Благодарю за помощь!
0 votes15 answers -
Вопрос от блондинки
Доброе время суток. Подскажите, пожалуйсьта, где на этом сайте можно почитеть как создается горизонтальное меню по типу как оно реалезовано тут не использую таблицу (под горизонтальным меню и именю введу часть страницы где напизаны Статьи, Блог, Практикум, Рецепты и т.д.)
0 votes15 answers -
Некорректное отображение jpg
Помогите, пожалуйста, понять, что происходит. Создаю картинку с текстом, сохраняю в jpg. Локально она выглядит нормально - гладко, а при просмотре через браузер - фигня полная, какие-то зазубрины появляются: П.С. Верхняя - как должно быть, нижняя - как выходит. Путём масштабирования косяк не убирается...
0 votes15 answers -
неработает в opera
прошу настроить кроссбраузерность неработает в опере http://codepen.io/SaraSoueidan/pen/otGgw и ещё вопрос не по теме наделал тут медиа скажите правильноли? будет работать на других мониторах?
0 votes15 answers -
Неизвестно, откуда берется отступ?
Доброго времени суток! Страничка по адресу http://loverint.ru/index_test.html Никто не сможет подсказать, с чем связан отступ diva rcbcb-left? Div имеет голубоватый цвет и расположен внутри divа красного цвета (rcb-content-bottom). По замыслу отступа быть не должно. С уважением.
0 votes15 answers -
Работа с <area>, или "Дурдом для новичка"
Здравствуйте, уважаемые пользователи данного форума! У меня возникли трудности при написании сайта, потому прошу у вас помощи и совета. Собственно, задача передо мной такая: На странице висит квадратное изображение (1000х1000), разбитое через <map> и <area> на 25 областей (тоже квадраты, 196х196). Каждый фрагмент "заякорен", то есть на него ведет ссылка вида www.site.ru/index.html#a20 Нужно сделать так, чтобы после перехода по такой ссылке, нужный фрагмент выделялся (любым образом). Пример - карта луны, разделенная на участки для покупки. Клиенту дается ссылка на его участок, после перехода он на карте видит свой участок подсвеченным. Я начинал с разреки ориги…
0 votes15 answers -
Сделать swf анимацию под ссылкой
Есть страница с swf анимацией http://cardterapia.ru/content/babochka. В этой анимации зашита ссылка на левый сайт. А мне нужно, чтобы при клике на эту анимация открывался другая страница на моем сайте. Вот сам код <object height="500px" id="Flash" width="920"><param name="movie" value="/sites/default/files/9.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /></object> Может как то z-index поможет отодвинуть на второй план анимацию, а сверху сделать ссылку на всю область анимации?
0 votes15 answers -
Объясните как работает простой jQuery скрипт.
<script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('class', 'rlightbox'); $( ".rlightbox" ).rlightbox(); }); </script> Вот линк на то о чем я говорю - http://berezovsky.org.ua/wptvk/ Сайт пашет на вордпрессе, этот код я дернул из плагина fancybox он насколько я понимаю автоматом добавляет к изображениям класс - rlightbox в моем случае. То есть раньше там был другой класс собсно фансибокса, этот класс .rlightbox нужен в моей карусели (шоб она горела сини…
0 votes15 answers -
С чего начать изучение HTML и CSS
Обьясните, с чего вообще начинается изучение html и css? Я создал сайт на jino.ru, вкинул в обслуживание хостинга денег. Сижу смотрю в одну точку. Полный ступор. Не знаю что делать. Где брать наставников? Через какие формы связи обсуждать с ними проблемы? Почитал htmlbook.ru. Мало что понял. Посмотрел ролики патиота на ютубе об основах вёрстки на основе html. Мало что понял. Сидишь и не знаешь как сдвинуться с мёртвой точки.
0 votes15 answers -
Javascript date
Есть дата (строковая переменная) 20130401 как уменьшить строку на день, чтобы было 20130331, а не 20130400? Вычесть единицу не катит var day = (((r.substring(0, 2)) * 1) - 1; var month = (r.substring(2, 4)) * 1; var year = (r.substring(4, 6)) * 1;
0 votes15 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/
-