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
-
position:absolute прикрепить к положенному месту
Сайт axcay.net Проблема в том, что слой с большими бутылями является большим пнг изображением. Имеющим ширину страницы и минимально необходимую для изображения высоту. Поставив слой с ним выше всего, поставив z-индекс 3, и выронив этот div по центру все было нормально. Но в последствии я заметил, что текст который попадает под этот див выделить нельзя. Я обрезал по ширине изображение, но теперь не могу прибить его к тому месту, которое нужно. Пока поставил отступ с лева в %. Но при приближении или отдалении страницы, слой соответственно плавает. Прошу помощи. div #bottl <div id="wrapper" class="gr shadow"> <div id="bottl"></div> <div id="header"&…
0 votes2 answers -
Отключение css
Привет всем. Столкнулся с проблемой. Пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="main.css" media="screen" rel="stylesheet" type="text/css"> <title>Документ без названия</title> </head> <body> <div style="font-size: 13px; background-color: #000; color: #fff;"> </div> </body> </html> В общем как сделать так чтобы, стиль для дива не наследовался из main.css, в котором прописаны друг…
0 votes2 answers -
float:left — выталкивание нижестоящего контейнера
Приветствую, односельчане Прошу о небольшой помощи по верстке — буду очень признателен вам за советы. Поставил фотогалерею NextGEN на этот сайт. И заметил, что фотографии странно себя ведут: Привожу html-код левой верхней фотографии (см. скриншот выше) <div class="ngg-gallery-thumbnail-box" id="ngg-image-26"> <div class="ngg-gallery-thumbnail"> <a rel="lightbox[set_4]" title="Применение сигнализаторов загазованности RGD" href="http://seitron.ru/wp-content/gallery/objects/obj1.jpg" class="cboxElement"> <img width="250" height="188" src="http://seitron.ru/wp-content/gallery/objects/thumbs/thumbs_obj1.jpg" alt=" " title=" "> </a> &l…
0 votes9 answers -
Картинка для логотипа
Как лучше сделать логотип картинкой? Поставить логотип на фон и использовать свойство text-indent <h1> <a href="#">Logo</a> </h1> h1 { float: left; text-indent: -9999px; } h1 a { float: left; width: 450px; height: 450px; background: url("http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png") no-repeat; } пример или Просто вставить картинку с альтом? <h1> <a href="#"> <img src="http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png" alt="Logo" width="450" height="450" /> </a> </h1> пример
0 votes3 answers -
Отмена стиля
На странице имеется код, с тегом <label> в десяти местах. Для данного тега прописан стиль, мне необходимо в одном из десяти тегов <label> отменить заданный стиль... Подскажите как удобней всего это сделать? Может есть какой нибудь атрибут, который отменяет все прикрепленные стили к одному элементу...
0 votes4 answers -
Страница сайта в PDF
Подскажите плз! В Сафари есть такая функция Посмотреть в PDF, но там отображается только текст (на моем сайте). Как можно заставить его отображать другую инфу (картинки, логотип, И так далее)? Заранее благодарен!
0 votes7 answers -
непонятен код
Привет. Взял с одного сайта посмотреть шаблон с трёмя колонками, не совсем понимаю как он работает. <body> <div id="container"> <div id="header"><h1>Header</h1></div> <div id="wrapper"> <div id="content"> <p><strong>1) Content here.</strong> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.</p> <p>very make mak…
0 votes4 answers -
Отображение горизонтального меню в ИЕ
Код меню - http://jsfiddle.net/fAb3W/1/ Скрин с ИЕ 9 - http://s018.radikal.ru/i501/1208/a7/7235be9ad774.jpg Ссылка на страницу с меню Ни как не могу "помочь" ИЕ нормально видеть меню. P.S. Извиняюсь за вторую тему, но всё таки разные ошибки, мои... В мозиле и опере работает корректно.
0 votes7 answers -
На дворе конец 2012-го года. Что у нас по круглым картинкам?
Всем привет. Появилась задача вывести круглые картинки. Оказывается, опера вот такое не понимает border-radius: 100%; width: 150px; height: 150px; Кто как выходит из положения? Скруглять нужно именно картинку. Без слоев с фоновыми изображениями. Упс. Заменил проценты на пиксели и заработало
0 votes9 answers -
Что-то тормозит на главной странице
Добрый вечер, друзья! Спец наверное сразу может сказать, что тут притормаживает загрузку главной страницы, не календарик ли случайно??? сайт: http://xn—-7sbabhcq1a2caxdko8d0h.in.ua/index.html Спасибо заранее!!!
0 votes8 answers -
проблема с меню
Добрый день. Не могу понять как сделать красный фон длиннее влево, чем его белая граница сверху и снизу, причем при новедении курсора на меню красный фон меняется Вот картинка: <ul class="menu_right_ul"> <li><a href="#">ПРО РОЛЛЕДРОМ</a></li></ul>.right .menu_right_ul li{ list-style:none; background:#fff; padding:1px 0; }.right a{ text-decoration: none; display:block; padding:7px 0 7px 7px; color:#fff; font-size: 14px; background:#db1f24;}У меня с эти кодом только вот так получилось: Подскажите, как сделать как в первой картинке?
0 votes3 answers -
Непонятное позиционирование элемента в Firefox
Элемент span выходит за предел правой границы родительского a при том что задано right:0. Ситауцию наблюдаю в Firefox 27. В Chrome 33, Opera 20, Safari 5.1.7 отображается правильно. Баг Firefox или я чего-то не понимаю? http://cssdeck.com/labs/jgs1sts0
0 votes4 answers -
Растянуть плавающий блок на всю оставшуюся ширину
Здравствуйте. Нужно сделать так, чтобы текст новости на странице(внизу) занимал оставшуюся ширину дочернего тега, таким образом, чтобы текст обтекал картинку новости справа и снизу(если он будет длинный, если это не сложно). Какими стилями это можно сделать? Шаблон хочу сделать адаптивным, поэтому фиксированную ширину тексту задавать не вариант. P.S. Решил вопрос, перейдя на inline-block
0 votes0 answers -
Как сделать кроссбраузерный эффект
А заключается он вот в чём: При наведении цвет ссылки желтый, если убрать курсор, цвет ссылки становится первоначальным (белым). А что можно придумать, чтобы после отвода курсора цвет ссылки был например синим? http://jsfiddle.net/rrz9ugm8/ Предполагается что пример выше по ссылке, это меню - вот типа такого плана: http://jsfiddle.net/22cf2n82/
0 votes5 answers -
не работает русский язык при utf-8 без bom
Подключаю utf-8 без бом, не работает русский язык, а с бом , не работает сессия и куки.Вместо русского появляются какие то странные символы.Искал решение своей проблемы, что бы я не пробовал, ничего не получается.Еще добавлю , что запускаю с денвера(может это прояснит ситуацию ). Прилагаю пример кода. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Блочные элементы</title> <link rel="stylesheet" href="/assets/course9/style1.css"> </head> <body> <h1>Типы элементов</h1> <div> <h2>Блочные</h2> <h2>Строчные</…
0 votes2 answers -
Оффлайн курсы по front-end
Обнаружил в своем городе курсы по front-end-у, посмотрел их план обучения Скрытый текст 1. Введение в HTML 2. Настройка рабочей среды разработчика 3. Знакомство с CSS 4. CSS селекторы 5. Блочная модель документа (CSS Box Model) 6. GitHub 7. Шрифты в вебе, Font Face 8. Методы сброса стилей браузера: normalize.css и reset.css. Starter 9. Photoshop для Front-end разработчика 10. CSS позиционирование 11. Float 12. Методология БЭМ 13. Как выравнивать в CSS. Padding vs Margin 14. Строим формы 15. CSS сетки …
0 votes0 answers -
Формы в HTML
Как сделать такую форму?
0 votes1 answer -
CSS не подключается к очередным страницам
Здравствуйте,- помогите пожалуйста разобраться, что я не так делаю: Я пишу сайт в ручную, написал хорошую, красивую станицу html, подключил стили, написал стили, вставил картинки, все работает отлично. Далее хочу сделать 3 тематических страницы с такими же параметрами CSS как и страница html. Думал просто скопировать эту страницу html в эту же дитекторию, просто ее переименовать и написать иной контент, далее вставить ссылку в html на эту новую страницу и все. Но не тут то было: Когда я скопировал html, получил такой же файл, переименовал его и вижу, что этот новый файл подчиняется CSS только частично, размер сайта на новой странице изменился в большую сторону.…
0 votes4 answers -
Изменить цвет фона страницы не имея доступа к ее коду
Проблема в следующем. Есть сайт, на сайте есть раздел знакомства. Создал поддомен love.almetevsk.ru, подключился к мамбе. Сайт имеет фреймовую структуру (топ, меню навигации и собственно окно где все открывается). Проблема в том что весь сайт имеет фон одного цвета (#c7d1ed), а это окно открывается белым. Техподдержка эту проблему решать отказывается, приходится думать самому))). Хотел открыть страничку в IFRAME и использовать атрибут allowtransparency="true",( пример almetevsk.ru/love1.htm) но почему- то не срабатывает ни в IE ни в Опере В управлении страничкой есть возможность разместить баннер вверху страницы, причем я пробовал- вместо него можно код кинуть любой, мож…
0 votes1 answer -
вкладки
Помогите пожалуйста. Как сделать так чтобы активная вкладка немного перекрывала не активную?
0 votes2 answers -
Как отменить открытие файла при нажатии кнопки Сохранить?
Добрый день! Прошу подсказать, как сделать, чтобы при нажатии на ссылку начиналось только скачивание. Сейчас вылезает диалоговое окно с предложением открыть или сохранить файл. *** Этот сайт для внутреннего пользования компании, находится он на внутреннем сервере, и любой желающий может сохранить свои изменения в файл.
0 votes1 answer -
Border. Самый удобный путь для достижения эффекта.
В общем етсь у меня вот такая страница: <!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" > <meta name="description" content="Красивые картинки на рабочий стол и многое другое. Бесплатно, удобно, быстро." > <meta name="keywords" content="Красивые обои на рабочий стол, скачать обои, обои для рабочего стола, бесплатные обои" > <link href="design/style.css" type=text/css rel=stylesheet > <title>Красивые обои на рабочий стол</title> </head> <body> <img src="design/laminat.jpg" al…
0 votes1 answer -
Проблема с подключением CSS.
После месяца как я не занимался вёрсткой столкнулся вот с какой проблемой. Подключаю CSS модуль, но параметры которые там заданы не отображаются на странице. Вот мой код. Скажите пожалуйста в чём ошибка? HTML: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>мой сайт</title> </head> <body> <div id="menu1"> </div> </body> </html> CSS: body { background-color: black; } #menu1 { background-color: black; border: black 1px solid; height: 50px; width: 900px; color: white; }
0 votes2 answers -
Фотогалерея на joomla
Уважаемые, подскажите модуль фотогалереи для joomla 1.5 Требования следующие: - фотографии на странице по 3 в ряд располагаются - при клике на фотографию открывается на полупрозрачном темном фоне, сверху крестик закрыть, при наведении на правую или левую сторону появляются стрелки листать - возможность настройки через админку страниц на которых нужно увеличивать фотографии Поясню, знаю модуль mavik Thumbnails Popular Plugin, но в нем нельзя настроить на каких страницах он должен работать! Т.е. увеличивает все фотографии которые загружены через визуальный редактор. Заранее благодарен!
0 votes1 answer -
Футер наползает на контент в IE 7
Имеется фиксированный контейнер. Правой колонки нет, вывел в футере табличку с картинкой и счётчиком - везде всё одинаково, футер как футер - внизу, а в IE 7 футер берёт и налазит на контент (как будто его нету..). Не поможете разобраться? Сайт
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-