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
-
прицепить резиновый футер к фиксированному центру
есть такая структура: есть фоновые хедер, мид и футер, растянутые на 100% ширину окна браузера. Сам контейнер сайта фиксированной ширины по центру(с помощью position:absolute накладывается на фон). Как сделать так чтобы положение 100%-го по ширине футера менялось в зависимости от содержимого контейнера. Т.е. грубо говоря футер цепляется к дну контейнера и гуляет вверх или вниз в зависимости от того как заполнен содержимым контейнер. надеюсь понятно объяснил :-)
0 votes5 answers -
Подсказки для чайницы
Здравствуйте Ув. знатоки своего дела........ У меня есть собственный ресурс (несколько сайтов). Мне нужно их продвинуть!!!! Я изучила язык HTML CSS загрузила программу Зилла как попасть мне на свой сайт чтоб управлять.
0 votes5 answers -
Хочу создать сайт студии Монолит
Хочу создать сайт студии Монолит на бесплатном хостинге UCOZ. http://www.monolit-record.ucoz.ru/ Надо на основе другого сайта сделать страницы. И каталоги. http://www.soyuz-record.ru/ А я только начинаю этим заниматься. Меня все посылают сюда. Помогите мне, пожалуйста! Вот я скопировал коды главной страницы. Как бы мне её переписать для моего сайта? И как каталоги создавать? <!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"> <title>СОЮЗ - Сборник популярной музыки</title> <meta name='yandex-verification' content='796b4c2f78abd358…
0 votes5 answers -
как это сделать?
Доброго времени суток! У меня возник вопрос: каким скриптом осуществляется переезд фона ссылки по соседним ссылкам (как тут - иконки слева). Пробовал погуглить, перебрал десятка два различно сформированных запросов, но так и не нашел ответа.. мб кто знает? подскажите.. заранее спасиба)
0 votes5 answers -
<ul> <li>
нужно сделать типа такой контент проблема заключается в том что не получается добавить разделители (черные линии) между блоками, так в теге li присутствует уже фон (синий). прописывая background в общем теге li ни к чему не приводит. li { float: left; width: 220px; display: block; margin-right:30px; } li.01{ background: url(image.jpg) no-repeat 0px 0px; } li.02{ background: url(image.jpg) no-repeat 0px 0px; } li.03{ background: url(image.jpg) no-repeat 0px 0px; } li.04{ background: url(image.jpg) no-repeat 0px 0px; } <ul> <li class="01"> <h1 class="">01</h1> <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing e…
0 votes5 answers -
резина
Реально ли вообще так сверстать? Я хочу чтобы у меня было три колонки и все три резиновые, при сужений одна (например правая) прекращала сужаться (min-width: xxxpx), а другие продолжали. При сужений, когда левая прекращает сужаться, правая, при одном решений проблемы, накрывает центральную, либо, при другом решении, сталкивает центральную в "унитаз" =). Есть решение, чтобы этого не было, а колонки продолжали взаимно, не мешая друг-другу сужаться?? И если уже на то пошло, таблицами можно такую задачу сделать?
0 votes5 answers -
вопрос по раздвижному каталогу
Здравствуйте! возможно, у кото-то найдется время помочь начинающему... ??? есть простой код: он взят из этого же форума) <script type="text/javascript"> function toggle_show(id) { document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none'; } </script> <ul> <li> <a href="01.php" onclick="toggle_show('mm')">Название 1</a> <ul id="mm" style="display: none"> <li><a href="11.php" подраздел 11</a></li> <li><a href="12.php" подраздел 12</a></li> <li><a href="13.php" подраздел 1…
0 votes5 answers -
Вставка html кода из другого файла
Здравствуйте уважаемые форумчане. Одно время увлекался хтмл и помню, что была там такая штука, как вставка чистого хтмл-кода из одного файла в документ HTML. Вот только запамятовал как она делается. Помогите, плиз, а то очень требуется для читабельности кода. Спасибо. С ув. Олег.
0 votes5 answers -
Форма бронирования
Добрый день! Я хотел бы узнать как можно загружать форму бронирования авиабилетов на страницу сайта. т.е что мне нужно существует форма бронирования авиабилетов, я хочу весь процесс бронирования разместить на одной страничке, т.е щелкаешь на кнопочку следует переход на др. другую форму но в этом же окне, как это можно реализовать? Пример формы: http://booking1.somonair.com.какие есть предложения?
0 votes5 answers -
Перенос доменов.
Доброго вам. Помогите пожалуйста решить задачу. Дано: Нуб админ Хостинг: http://jino.ru/ Хостинг: http://yutex.ru/ Домен: http://kg-am.com/ Задача: перенести домен http://kg-am.com/ с хостинга http://jino.ru/ на http://yutex.ru/ Условия: Домен был по тупости зарегистрирован через хостера (http://jino.ru/) Аккуант на http://jino.ru/ отключат сегодня. Конкретика: Есть такая вот штука на http://jino.ru/ Понятно, что здесь нужно что-то поменять, но я не знаю что? Потому трогать боюсь, как бы чего не поломать. На http://yutex.ru в cPanel есть вот такое. Куда жать тоже не пойму, то ли в паркованные то ли в дополнительные. Ещё в письме от ютекса после регистрации было в…
0 votes5 answers -
как сделать <input type="reset" ... /> изображением?
Доброй ночи! Подскажите, пожалуйста, как сделать <input type="reset" ... /> изображением?
0 votes5 answers -
Как унифицировать?
Есть пхп мониторинга игрового сервера http://diesel.lubernet.su/MiniMon/?IP=85.2...&port=29900 Реализовано наложением картинки количества игроков на картинку с названием карты. Однако в разных ситуациях картинка с количеством игроков оказывается на разных координатах... Например: Опера - по ссылке все нормально, а в айфрэйме: Мазила - по ссылке норм, в айфрэйме норм. Эксплорер по ссылке: в айфрэйме: Сафари - по ссылке норм, в айфрэйме норм. Фрейм используется вида: <div> <iframe name="cwindow" frameborder="0" width=220 height=40 background= "transparent" scrolling="no" src="http://diesel.lubernet.su/MiniMon/?IP=85.21.249.207&port=29900"></ifram…
0 votes5 answers -
флоаты
Добрый всем день. Вот хочу что бы вы поделились опытом верстки. есть к примеру три блока у которых стоит (float:left; и какая то ширина), что нужно сделать что бы блок который идет следующим нормально отображался? я делаю так: - или делаю этим блокам обвертку и прописую такие стили overflow:hidden; ( height:1%; width:100%; в зависимости что удобней; - или следующему блоку clear:both; кто ещё какие способы знает?
0 votes5 answers -
Разрешение экрана
Как сделать чтобы страница отображалась одинаково независимо от разрешения
0 votes5 answers -
Иконка в title
Доброго времени суток! Подскажите, пожалуйста, а куда надо записать код, чтобы появилась иконка при title?
0 votes5 answers -
Проблема с перегрузкой стиля класса
Доброго все времени суток. Сделал тут фичу, дабы сэкономить место и более организованно его запользовать http://www.beavers-net.narod.ru/arch_news.html Само оно работает, если нету вложенных блоков, но вот стили к вложенным блокам перегрузить не могу. Итого задача: Есть уже настроенные стили заголовка (.part, .part: hover - http://www.beavers-net.narod.ru/style_arch.css), которые у меня применяются на остальных страницах. Есть список в списке, в котором этот стиль должен поменяться( p.inner_out p.part, p.inner_out p.part:hover ). Суть проблемы - не работает(. Уже и так и эдак - ничё не помогает. Жую сапог непонятной консистенции, вобщем. Я, конечно, могу просто сделать …
0 votes5 answers -
странное поведение таблиц в IE
Есть вот такой незамысловатый код: <html> <head> </head> <body> <table cellpadding=0 cellspacing=0 style="width:100%"> <tr> <td colspan=3 style="background:#E8E8FF; height:200px;"> <table cellpadding=0 cellspacing=0 style="width:100%" border=1> <tr> <td style="width:310px;">310px</td> <td></td> <td style="width:310px;">310px</td> </tr> </table> </td> </tr> <tr> <td style="width:200px; background:#23AE0A;">200px </td> <td > </td> <td style="width:200px; background:#18B6F1;">200px <…
0 votes5 answers -
нестыкуется border нижнего дива с верхним
CSS: .leftboxt { background-image: url('images/hmenu.png'); width: 170px; } .leftboxb{ width: 170px; background:#FFDABB; border: 1px solid white; } Засада в том что низушка .leftboxb у нее есть белая полоса бордера не хочет стыковаться с верхушкой .leftboxt. Это в фаерфоксе и опере. Тут на сайте нашел статью, что опера и лис ставят бордер по вн. границе, а IE по внутренней. Так как же это можно решить
0 votes5 answers -
Помогите с ссылкой по кнопке
Имеется: <body> <form action="handler.php"> <p align=center> <input type="button" name="press" value="Главная"> <input type="button" name="press" value="О нас"> <input type="button" name="press" value="Контакты"> </p> </body> Подскажите, как сделать ссылки по этим кнопкам. Если написать: <input type="button" name="press" value="О нас" onclick=window.open("http://....")>, то IE выдаёт: "В целях безопасности IE не разрешает этому вэб-узлу выполнение сценариев или элементов управления ActiveX, которые могут получить доступ к компьютеру. Щёлкните здесь для выбора нужного действия...". Если щёлкнуть "Разрешить заблокирован…
0 votes5 answers -
кнопка
Денб добрый Подскажите как сделать чтобы ссылка открывалась в новом окне <input type="button" value="ЗАКАЗАТЬ" class="button" onClick='location="forma_zakaz_5.php";'>
0 votes5 answers -
Верстка слоями. Ошибка.
Помогите, пожалуйста, разобраться где ошибка и как исправить. При верстке появляется отступ показанный на скриншоте стрелкой... не могу понять как его убрать... Скриншот: HTML: <div class="main"> <div class="col_left"> <div class="blocknews"> <div class="top"><b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b></div> <div class="cont"> <h1>24 сентября 2009</h1> <span>Добавлено <a href="#">ссылка</a>. <br /> Здесь будет обзор последних ново…
0 votes5 answers -
width 100% в Firefox
Люди добрые, помогите советом, пожалуйста. Шапку сайта верстаю в виде таблицы width=100% дабы растягивалась под широкоформатные моники. При этом фон задаю в CSS и все вроде в порядке. НО... В Firefox шапка упорно отображается только на 1024px и не дальше. Хотя другие таблицы в тексте отображает нормально. Вопрос: что с ним делать? P.S. В IE и Опере все ОК. Пробовала задать ширину через <col>, не помогло. Естественно margin:0; padding:0.
0 votes5 answers -
Новинки кино
Не уверен, что создал тему здесь. Я не силен в HTML и CSS, но если у кого знаний по больше, не подскажите, как мне сделать такой блок "Новинки кино" (как узнать его код?) и тоже сделать у себя на сайте... Если, кто-то встречался с этим, помогите!
0 votes5 answers -
Как отправить данные из формы по нажатии на ссылке
Ребята, подскажите как мне оправить данные формы по нажатии на ссылку? Чет немогу сообразить. Собственно кнопки у меня такие вот должны быть: При этом, при наведении на кнопку она меняет цвет и надпись стает не подчеркнутой.
0 votes5 answers -
Убрать бэкграунд, убрать скрол внизу
Здравствуйте. Все перепробовал, приходится обращаться к Гуру. Есть сайт, который статичен и отображается при 1024px без скрола и бэкграунда. Проблема в том что появляется справа сайта бэекграунд и скрол внизу. Догадываюсь что проблема в: body { width: 100%; height: 100%; font-family: Tahoma, Verdana, sans-serif; line-height: 1.3em; font-size: 12px; background: #666666; text-align: center; }
0 votes5 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/
-