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 votes2 answers -
Как разместить ссылки в одной строке?
Подскажите, как расположить ссылки по горизонтали, в одной строке. По умолчанию они размещаются одна под другой, по вертикали. Пробовал вставлять float, пробовал вставлять display:inline. Не помогает.
0 votes4 answers -
Списки в IE6
Здравствуйте. Хотелось бы так как в опере и других нормальных браузерах. Не хотелось бы как у большинства российских пользователей на ИЕ6 и слегка косячно на ИЕ7 <body> <div class="menu"> <ul id="b"> <li ><a href="#"><h6>О КОМПАНИИ</h6></a></li> <li ><a href="#"><h6>ПРОДУКЦИЯ</h6></a></li> <li ><a href="#"><h6>ГОТОВЫЕ ОБЪЕКТЫ</h6></a></li> <li ><a href="#"><h6>КОНТАКТЫ</h6></a></li> </ul> </div> </body> CSS на всякий полностью. *{ margin: 0; padding: 0;} html { height: 100%; …
0 votes7 answers -
Что не правильно с этим кодом?
Предполагается, что в данном случае один блок div вложен в другой, но фактически это не вполне получается. Только в IE8 отображается так как я бы этого хотел, в фф, опере и в том же IE8 в режиме совместимости как-то получается, что второй div как бы не вложен в первый а идет после него... <html lang="ru-ru" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru"> <head> <meta content="text/html; charset=windows-1251" http-equiv="Content-Type"> <title>Тест</title> </head> <body> <div style="width: 900px; background-color: #d0d0d0;"> <div style="margin-left: 10px; float: left; width: 300px; padding-top: 12px; backgroun…
0 votes5 answers -
Нюанс в меню
Вот моя шапка, и модернизированный код. Проблема в том, что текст при наведении опускается вместе со всем, просто я хочу сделать чтоб верхнюю линию меню не закрывала картинка, которая будет отображаться при наведении мышью. http://www.sharemania.ru/0296779 Чтоб текст главная не опускалось вниз надо.
0 votes0 answers -
Задний фон
Подскажите как зделать такой http://ipicture.ru/uploads/101009/2bDN2WP6W8.jpg задний фон???
0 votes10 answers -
Реализайция спойлера в таблице
Здравствуйте! Мне нужна таблица с 4 колонками с возможностью раздвигать/задвигать спойлер при клике на ссылку в таблице. Попробовал реализовать банальным способом + java скрипт из инета: http://midgebash.3dn.ru/index/test/0-6 Однако все получилось криво) И так вопрос: как можно реализовать такую таблицу со спойлером? (В идеале хотелось бы чтобы текст какбэ выезжал вниз, если так незя ничего страшного) Очень прошу помощи в реализации) Заранее спасибо!
0 votes4 answers -
Как изменить порядок загрузки элементов страницы?
Добрый день, уважаемые знатоки! Проблема у меня такая: на странице есть баннеры от баннерообменных систем, которые тормозят общую загрузку страницы. Т.е. отдельные элементы страницы не показываются пока не будут загружены все баннеры. Подскажите пожалуйста, можно ли определить порядок загрузки страницы так, чтобы подгружать баннеры в последнюю очередь? Сначала я хотел заключить баннеры во фреймы, однако вот здесь написано, что многие поисковые системы и каталоги отказываются регистрировать страницы, использующие фреймы и некоторые браузеры не умеют обрабатывать фреймы. Действительно ли это так?
0 votes7 answers -
Реализация сложного фона средствами CSS
Добрый день. Назрел такой вопрос с реализацией многослойного фона. На картинке - очень хороша видна суть, и все описано. Очень похоже сделано здесь - http://dgame.ru/ (сильно уменьшите масштаб чтобы посмотреть как реализован фон), но - у них реализовано на табличках. Хотелось бы (по крайней мере по кускам) замутить на дивах. Я думаю на изображениях все предельно понятно, если что-то нет дообъясню Как должно выглядеть в браузере (если окно меньше или равно 1000px) Как должно выглядеть при уменьшении масштаба/увеличении разрешения P.S. Опять же, ребята, просто кому интересно, может быть просто навести на мысль даже по кускам, я и сам не проч позамарачиваться, спецификац…
0 votes6 answers -
Помогите пожалуйста
Объяснить не хватает слов поэтому объясню проще.Как сделать так как на этом сайте.То есть кнопка обзор и у тебя открывается в окошке что ты хочешь загрузить на сайт.Напишите пожалуйста если и еще поможете разобраться то будет вообще отлично.Мне оч. нужно!!! :( Спасибо.
0 votes1 answer -
Глюк в ИЕ6, которого еще не было
Столкнулся с очень странным глюком Ишака. Верстаю на компе — все нормально, однако когда заливаю сверстанное на хостинг, тогда верстка ломается в ИЕ6, при этом в коде ни одного знака не меняется. Товарищи знатоки, в чем тут может быть проблема?
0 votes15 answers -
Нужна помощь с IE
Возникла такая проблема: боковые блоки (декор) в IE не опускаются до конца экрана. В FF и Opera всё хорошо. Посмотрите сами: https://dl.dropbox.com/u/4391486/Computers%...pany/index.html а в IE остаётся пространство. Если я увеличиваю высоту боковых блоков и подгоняю под IE по высоте, то в остальных браузерах под подвалом появляется пространство. Возможно нужен какой то хак для IE, или ещё что то. Просьба помочь с этой проблемой.
0 votes1 answer -
Изменение ссылки при установке флажка
Здравствуйте. Вот возник вопрос, прям не знаю куда с ним сунуться. Почему то мне кажется, что это к JS, но я о нём почти ничего не знаю и решил задать сюда. В общем у меня есть 5 ссылок. Под ними есть флажок (checkbox) из тега <input>. Я хочу, чтобы если пользователь поставит этот флажок, мои ссылки вели уже в другое место. То есть чтобы в реальном времени они изменились. Для изменения ссылок я могу на РНР написать скриптик, но как мне передать этому скрипту параметр без обращения к серверу и без обновления вёб-страницы?
0 votes3 answers -
Новичок
Подскажите мне я уже 3 месяца учусь HTML и Css ,хочу попробовать сверстать макет ,как мне посмотреть результат если просто верстать чистый Html и css без движка и чтоб инет не был нужен???????
0 votes9 answers -
textarea и её размер
При уменьшении окна браузера элемент textarea не уменьшается, а остаёться таким же размером как и в открытом окне на весь экран, получаетсья при уменьшенном окне браузера, оно налазит на правую навигацию. Скажите как избавиться чтоб при уменьшениии окна браузера элемент textarea уменьшался в ширину?
0 votes7 answers -
@font-face (svg) и Safari для iPhone/iPad
Пробую вставлять шрифты, пользуясь онлайн-генератором от fontsquirrel.com (AFAIK самый известный). Он дает на выходе пакет из 4-х форматов, один из которых — SVG — вроде как специательно предназначен для iPhone/iPad. На практике на этих девайсах шрифт не подхватывается (похоже, что вообще берется дефолтный системный — на айфоне у него даже размер другой, крупнее). Что характерно, онлайн-демо на самом сайте (вот, например) тоже не работают. Никто не сталкивался с такой проблемой? В какую сторону копать? В принципе-то ведь SVG-шрифты должны поддерживаться...
0 votes4 answers -
Неклассическая верстка divами
Привет всем. вот какой вопрос. Я много лето назад сделал сайт в таблицах ("дизайн", извините за выражение, - на картинке ссверху). Возникла необходимость перевести в дивы. в них я ни то, что не силен, просто - слабак. не справляюсь. постоянно что-то куда-то съезжает, фоновое изображение тупит, верхнее меню не слипается, футер при незаполненности содержанием поскакивает. Даже и не знаю, как сформулировать. Но руки опускаются. что делать? помогите, пожалуста. п.с. не могу приложить адрес сайта, т.к. не захостен. п.п.с. да, сорри, забыл внести в топик, что тема - не найденное прекрасное решение, а вопрос, просьюа о помощи.
0 votes8 answers -
помогите лузеру
помогите пожалуйста только начинаю учить немогу понять почему не работает <data> <settings> <general slide_panel_width="150" slide_panel_height="225" /> <auto_play> <defaults symbol="circular"/> <tweenIn x="5" y="4" width="3" height="3" tint="0xFFFFFF" alpha="0.5"/> <tweenOver alpha="1"/> </auto_play> <prev_button> <tweenIn x="5" y="4" width="6" height="6" alpha="0.5"/> <tweenOver alpha="0"/> </prev_button> <next_button> <tweenIn x="5" y="4" width="6" height="6" alpha="0"/> <tweenOver alpha="0"/> </next_button> <prev_symbol> …
0 votes2 answers -
Как убрать пунктирную обводку input'ов в firefox?
Помогите решить проблему с кнопками в Firefox. При нажатии у кнопки появляется пунктирная обводка. Похожая проблема есть со ссылками, но она решается с помощью: outline:none; Но проблема с кнопками вышеуказанным способом не решить. Подскажите есть ли способ решить проблему пунктирной обводки кнопок в Firefox. З.Ы. Кстати проблема пунктирной обводки у ссылок есть и в IE6, и она тоже не решается с помощью outline:none.
0 votes10 answers -
Лайтбокс не закрывает встроенные в страницк объекты
Установил на страницу этот лайтбокс на javascript. http://reghellin.com/milkbox/ Считаю, что вопрос более по вёрстке, чем по javascript. В этом лайтбоксе есть тёмное поле, закрывающее страницу. Вот его стили: #mbOverlay { position: absolute; left: 0; width:100%; background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */ z-index:100; cursor: pointer; } К сожалению это поле не скрывает встроенные в страницу объекты, как например, объект с youtube.com. Видеоплеер все равно располагается сверху. Есть ли способ скрыть его? Вот код примерного объекта с youtube.com, который я не могу скрыть <object width="640" height="385"><param…
0 votes0 answers -
Онлайн аудиозапись
Привет всем вэб мастерам... У меня вот такой вопрос возник. Я хотел бы на сайте сделать аудиозапись. Чтобы можно было записать своё аудио сообщения прямо на сайте, затем чтобы оно автоматический сохранилось и появилось где его записывали... А у других была возможность его прослушать. Я в интернете излазил где только смог, ничего не нашёл... Подскажите вообще возможноли такое сделать, если возможно то как... Надеюсь мой вопрос понятен. Всем за ранее спасибо
0 votes3 answers -
Обратная связь
всем доброе время суток! Что нужно в этом коде сделать, чтоб работала обратная связь? <div class="reply-form"> <h2>Обратная связь:</h2> <form action="#"> <fieldset> <legend>Форма Обратной Связи</legend> <div class="form-row"> <label for="form-item-1">*Контактное лицо:</label> <div class="contact-input"><input type="text" id="form-item-1" /></div> </div> <div class="form-row"> <label for="form-item-2">*Телефон:</label> <div class="contact-input"><input type="text" id="form-item-2" /></div> </div> <div class="form-row"> <label for="form-ite…
0 votes7 answers -
Смена картинки при наведении курсора
Помогите, пожалуйста, написать код. Есть ссылка на страницу в виде картинки, хотелось бы сделать, чтоб при наведении курсора мыши на эту картинку она менялась. (на многих сайтах менюшки так сделаны) Заранее, спасибо.
0 votes19 answers -
ul и h3
Как выровнять список, что бы все было в одну строчку? <ul style="list-style:decimal;"> <li><h3>Заголовок 1</h3></li> <li><h3>Заголовок 2</h3></li> </ul> При построение такого списка нумерация на одном уровне а h3 на другом и ни как не получается их выровнять.
0 votes8 answers -
как отобразить картинки одинакового размера?
страница выводит превьюшки, они изначального разного размера, а как сделать (для эстетики), чтоб он отображал их одинакового размера, без искажений? т.е. отображал строками в каждой из них по 3 картинки, ширина блока 240px, выравнивание по верху и середине блока, а что не помещается не отображается.
0 votes25 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/
-