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
-
пересекающийся фон сверху и снизу
Народ, бьюсь над простой, казалось бы задачей, но не могу справиться никак. Есть сайт из трёх дивов - шапка, тело, низ. Пока дивы, потом может быть таблицу сделаю. Не суть важно. <body> <div class="bgtop"></div> <div id="header">header</div> <div id="body"> body </div> <div id="footer">footer</div> <div class="bgbottom"></div> </body> Нужно в разметку добавить фоновую картинку сверху и фоновую картинку снизу. Верхняя начинается с начала экрана, нижняя лежит на футере (id="footer") Причём нижняя может налезать сверху на верхнюю (там футер png с прозрачностью) Собственно …
0 votes2 answers -
Корсбруезерный div с вложеными div'ами
В общем есть проблема с div'ом. <!-- // CONTAINER // --> <div id="Container"> <div class="content"> <div class="shadowLeft"></div> <div class="cornerLeft"></div> <div class="content"> <!-- // CONTENT TOP // --> <div id="ContentTop"> <a id="Logotype" href="#"><img src="../Images/Design/Logotype.png" /></a> </div> <!-- // MENU // --> <div id="Menu"></div> <!-…
0 votes2 answers -
Табличная вёрстка шапки
Как сделать чтобы при вёрстке изображение в таблице растягивалось по горизонтали в зависимости от разрешения экрана? По вертикали не нужно, только по горизонтали. При этом чтобы рисунок не сжимался по размеру меньше оригинала. Спасибо, разобрался. <img style=" width: 100%; height: 600px;" alt="" src="jpg.jpg"> Правильно?
0 votes2 answers -
Неотображаются кнопки "Поделитесь с друзьями" от Яндекса в IE
Стандартный скрипт - "Поделитесь с друзьями" от Яндекса (http://api.yandex.ru/share/) = не отображается в IE - вместо нужного места пишется Поделиться…; Кнопок на социалки нет. И они появляются внизу страницы Текстом. В других браузерах нормально. Пациент тут На других сайтах тот же код нормально отображается в IE.. что за мистика?) —————-- P/S: Кстати, как верста и дизайн? (про валидность ни слова))
0 votes2 answers -
Вопрос про прозрачность png
Здравствуйте. Столкнулся с такой делемой. Примитивно, код такой... <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <body> <div id = "main"> <div class = "button"> <img src = "images/catalog_menu/buttons/u2.png" /> </div> </div> </body> </body> </html> В CSSке прописан бэкграунд страницы, бэкграунд дива main. Файлик u2.png должен быть одной из конпок на странице. У него есть прозрачные пиксели, через которые должен быть виден бэкграунд дива main. Так вот проблема именно в том что через эти прозрачные пиксели видно фон страницы, а не дива main. Подскажи…
0 votes2 answers -
переходы фона
верстаю этот макет. столкнулся с проблемой - не получается сверстать фон(видны переходы. особенно при изменении масштаба). страница скажите пожалуйста что я делаю не так. возможно, здесь нужно использовать другой подход.
0 votes2 answers -
Проблема с background
У меня проблема с размещением изображения. В опере все показывает отлично. А вот в хроме и мозиле 0. Если убрать left или bottom +..px - показывает. Может кто-то знает в чем может быть причнина или как по другому можно написать? Заранее спасибо. background: url(img/12.png) no-repeat bottom left, url(img/13.png) no-repeat bottom+15px left+100px, url(img/14.png) no-repeat bottom+15px left+230px, url(img/11.png) no-repeat bottom+5px left+350px; }
0 votes2 answers -
Неотображается код PHP
Здравствуйте уважаемые форумчане, у меня не отображается php код, я только начал знакомится с языком php, поэтому сильно не пинайте помогите лучше) Буду вам весьма признателен. Итак вот простой документ: <!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=windows-1251" /> <title>документ</title> </head> <body> <?php $name = "автобус"; echo "$name"; ?> </body> </html> Должно по идее на странице, появиться слово автобус, вроде и пе…
0 votes2 answers -
Фиксирование слайдера
Добрый день, возник вопрос, как зафиксировать div с слайдером по центру не зависимо от масштаба в браузере? Заранее спасибо!
0 votes2 answers -
Need помощь
W"z Я не знаю возможно ли это сделать без flash. ближе к делу. Нужно сделать квадрат, допустим в нем надпись "мои друзья" наводим на этот квадрат там появляются надписи "петя" "маша" "саша" уводим мышь обратно - о5 мои друзья. Примичание необходимо чтобы "петя" "маша" "саша" были сылками. Прошу прощения если тему засунул не туда.
0 votes2 answers -
ГОЛОВОЛОМКА С ВЕСТКОЙ СЛОЕВ И ФРЕЙМОВ
Здравствуйте дорогие форумчане подскажите пожалуйста в чем мои ошибки или как можно лучше реализовать мою задумку во всех браузерах при разрешении 1024*768 все скачет при разрешении 1440*900 шапка впорядке нижние фремы все равно косячат. необходимо чтоб вся инфа на странице была динамичной(при изменении разрешения картинки уменьшались вот как тут http://саманта74.рф/ вот код подскажите пожалуйста <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/JavaScript" src="index/k…
0 votes2 answers -
с чего начать?
Весьма недавно я начал входить в мир html and css. Я весьма быстро разобрался, что к чему и почему, но сейчас я просто сажусь по вечерам за компьютер и начинаю, что то писать, какие то таблицы делать, потом просто закрываю и уди спать (не сохраняя, поскольку там в том что я сделал смысла не какого нету, да и мне оно самому не нужно). Вот сегодня я каким то чудом понял, что я не знаю, что мне писать. Т.е. я знаю, как, но не знаю, что. прошу вас, подскажите, что то, какой то концепт сайта, или просто какой то давно заброшенный проект над которым можно было бы поработать и дальше учится, а не как я таблички делать. Но учтите то что я еще начинающий, я не знаю, что такое php …
0 votes2 answers -
не работает позиционирование
в общем по уроку клепаю блоки и началась тема позиционирования, при приклеплении картинки она просто висит внутри блока, хотя при смене параметров top и left она должна применять их свойства, но ничерта не происходит и при создании div контейнера, задав ему параметры и цвет, блок не создается, даже не знаю в чем проблема, помогите разобраться. Интересующие элементы #new и #container <!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"> <link href="css/style_p.css" type="text/css" rel="stylesheet" /> <title>…
0 votes2 answers -
проблема с relative в IE8
Добрый день. Столкнулся с проблемой в нашем любимом IE. HTML - <div class="edit_head"> <div class="edit_pict"><img src="img/icons/radiation32.png"></div> <div class="pict_menu" style="display: none;"> <div class="img_panel"><img src="img/icons/fire32.png"></div><div class="img_panel current"><img src="img/icons/radiation32.png"></div><div class="img_panel"><img src="img/icons/biohazard32.png"></div><div class="img_panel"><img src="img/icons/drop32.png"></div><div class="img_panel"><img src="img/icons/voltage32.png"></div><div class=…
0 votes2 answers -
Почему стили CSS не применяются?
Помогите плиз пишу стили в самом документе а применяются только некоторые! <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok1{ margin-left: 15px; font-size: 24px; } </style> <p> Правовая основа <ul id="spisok1" style="margin-left: 25px;"> <li><a href="">Лицензия</a></li> <li></a href="">Государственная аккредитация</a></li&…
0 votes2 answers -
Не применяются правила CSS!
Помогите пожалуйста кто чем сможет! Проблема что последнее правило в коде не применяется, я его и со звездочкой пробовал, и вообще не применяются правила с div и class. Но зато применяются первые три правила в полном объеме?!? <div id="full_news_h"> Документы </div> <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited, #welcome_text p ul li a{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok{ эти правила работать не будут!!!! } #welcome_text p * #s…
0 votes2 answers -
Проблема с отображением слайдера в ИЕ
Всем привет! Не могу понять в чём трабл. Есть слайдер на сайте, который во всех браузерах, кроме ИЕ отображается нормально. Уже полдня сижу не могу разобраться. Буду оч благодарен, если дадите советкак победить сие недоразумение. Вот сайт с траблом: _http://alisafashion.ru/catalog/trikotazh/172
0 votes2 answers -
Geolocation API
Привет . Помогите разобратся с кодом. Читал статью http://www.xiper.net/learn/html/up-and-running/you-are-here/complete-example.html http://www.xiper.net/learn/html/up-and-running/you-are-here/geo-to-the-rescue.html Создал пример <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Dive Into HTML 5</title> </head> <body> <input type="button" onClick="lookup_location()" value="OPA"> <script src="geo.js"></script> <script src="geo_position_js_simulator.js"></script> <script> function lookup_location() { geo_position_js.getCurrentPosition(show_map, show_map_error); } function sho…
0 votes2 answers -
Фиксированный блок "О нас"
Добрый день. Никак не получается сделать неподвижный блок. Примеры: http://startuppoint.ru/ (Слева - обратная связь. Блок полностью неподвижен, не реагирует на scroll) http://vkontakte.ru/ (кнопка "Наверх" - полностью неподвижна относительно экрана) Получается реализовать плавающие блоки методами javascript и jquery: http://darbay.ru/ (слева). В интернете полно примеров плавающих блоков, но нет ни одного примера неподвижного блока. Подскажите, пожалуйста, кто знает, как это реализовать. Спасибо!
0 votes2 answers -
Запретить перенос строки CSS?
Добрый день. Помогите пожалуйста решить проблему. <div class="ui-tree-node ui-state-default"> <span class="ui-helper-clearfix ui-tree-node-content ui-corner-all ui-tree-selectable-node"> <span class="ui-tree-icon ui-icon ui-icon-triangle-1-e"></span> <span class="ui-icon ui-icon-folder-collapsed"></span> <span class="ui-tree-node-label">07.Проектно-Методический отдел</span> </span> </div> Вот что получается. Подскажите пожалуйста, что нужно добавить в CSS, чтобы и картинки и текст никогда не переносились (всегда были в одну строку). Нужен именно вариант с CSS, т.к. html генерируется автоматом, я его и…
0 votes2 answers -
Мониторы и пропорции
Сайт имеет фиксированную ширину 1000 пх, с расчетом на удобный просмотр при разрешении 1024. На мониторах с широким экраном все иллюстрации слегка "сплющены", сжаты по вертикали. Как устранить эту неприятность, вернуть пропорции изображениям?
0 votes2 answers -
Локальный хостинг
Люди добрые!Подскажите, помогите или дайте совет. Суть проблемы. Нахожусь в статусе новичка по сайта - строению. Имею свой сайт интернет-магазина, но делал его не сам, а заказывал, но сейчас возникла необходимость вносить изменения в сайт для увеличения продаж. Сайт на Joomla. Для применения знаний на практике не хочу использовать свой сайт во избежании непредвиденных ситуаций, поэтому хочу перенести его копию на локальный хостинг Denwer, который я уже установил. Неоднкратно делал попытки переноса, но все неудачно и не могу найти ошибки. Подскажите, помогите или дайте совет, как это правильно сделать или где можно взять эту информацию. Желательно в виде пошаговой инструк…
0 votes2 answers -
Position:fixed и overflow
Надо чтобы блок c position:fixed (или эмуляцией) скроллился вместе с body при достижении min-width... JS тоже будет уместным
0 votes2 answers -
фокус-покус-имперемокус!
Добрый вечер, товарищи! Суть такова. На странице только инпут с тайпом текст. Как сделать так, чтобы при открытии этой страницы, инпут сразу получал фокус, как с атрибутом autofocus, только как-нибудь более универсально?
0 votes2 answers -
CSS. Обновление стилей без обновления содержания.
Всем доброго времени суток. Только начал изучать HTML + CSS и тут же возник вопрос: возможно ли обновления стилей без обновления содержания страницы? К примеру: <link rel="stylesheet" type="text/css" href="http://www.htmlbook.ru/скрипт_генерации_css"> Типа пользователь нажал пимпочку и вся страница обновила вид, не запрашивая заново содержимое
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-