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
-
Растянуть фон DIV по высоте DIV float
Всем привет! Много искал но так ничего подобного и не нашел о том как растянуть фоновый DIV по высоте вложенного в него элемента DIV с обтеканием! Давно с таким не сталкивался, всегда делал таблицей, но тут другой вариант, таблицей нельзя! Причем в IE все работает "нормально" - а может и на оборот Opera глючит Вобщем надо, чтоб растягивался фон! т.е. там есть зеленый фон, он должен растянуться взависимости от высоты плавающих элементов, т.е. НЕ FIX. Если решение возможно, буду очень благодарен!!! Вот пример: <!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/19…
0 votes5 answers -
Убрать блок из поля видимости
Здравствуйте, когда я убираю блок из поля видимости методом position: absolute; top: 9999px left: 9999px Появляется скролл, как от нее можно избавиться?
0 votes6 answers -
Меню-аккордеон + спрайты
Всех приветствую! Столкнулся с такой проблемой. На сайте будет меню. Меню с подуровнем. Условие - меню-аккордеон, кроме этого используются спрайты (так как шрифт не стандартный и просили шрифт не изменять). Отдельно меню-аккордеон работает и сдвигает вниз следующие пункты меню. Но когда настраиваю спрайты и присваиваю <li> class то выходит фигня какая-то... кто может подсказать в чем проблема? HTML, CSS и скрипт можно посмотреть на http://mysite-demo.narod.ru Да... забыл сказать... второй уровень меню появляется если нажать на "Каталог"
0 votes10 answers -
Синхронизация галереи и описания
Здравствуйте! Очень нужна ваша помощь! Подскажите пожалуйста как реализовать, такую штуку: Есть картинки, и описание для каждой. Нужно сделать так, чтобы при переходе к следующей или предыдущей картинке, вместе с ней менялось и описание для каждой из них. Как это реализовать, может быть есть готовые решения. м?
0 votes2 answers -
Flv Player
Здравствуйте! У меня возникла следующая ситуация: После долгого и изнурительного выбора видеоплеера для сайта решил остановиться на Flv Player. Всё бы хорошо – но как всегда есть "НО"! 1) Полностью не отображается в ie-7,8,9!(по крайней мере у меня... не знаю что с этим делать?) 2) По углам плеера видны видны 4 белых треугольничка(1-2px)-следы от бэкграунда какого-то блока на заднем фоне!(от какого именно понять не удаётся...) 3) когда проигрываеться 70-80% ролика- в левом верхнем углу появляется надпись "буферизация"!(к сожалению на данном ролике от этого последствия виднеется только черное обозначение "%". Остальная надпись не видна из за чёрных краёв по бокам ролика...…
0 votes1 answer -
Резиновая шапка
Здравствуйте! Проблема такая: Есть шапка сайта, по бокам которой слоем идут две колонны и в центре бэкграунд-имэйджем картинка с лого: проблема в том, что, если разрешение монитора больше моего (1366px), то правая колонна остаётся на месте где-бы она находилась в развёрнутом окне на моём экране, а фон повторяется. и ещё нужно, чтобы колонна была резиновой и при уменьшении окна браузера была прижата к его стенке, но не закрывая при этом логотип. желательно наверное, чтобы и то, что в центре растягивалось? в чём проблема? вот код: СSS: body { background-image: url(img/fon.png);} #outer_wrapper { min-width:740px; width:100%; background:#fff url(left.gif) repeat-y le…
0 votes7 answers -
атрибут hreflang тэга a, и его работа.
Здравствуйте. Изучая этот замечательный сайт я наткнулся на атрибут hreflang у тэга <a>. Прочитал его описание вот на этой странице и впал в ступор. В таблице поддержки браузеров четко указано, что не один браузер не понимает этот атрибут. И сразу возник закономерный вопрос. Для чего нужен такой атрибут? Как он работает, если браузер не способен его понять? Надеюсь вопрос был достаточно ясно задан. Жду ответа.
0 votes2 answers -
Вопрос по дизайн шапки сайта DLE
Привет всем! Возник такой вопрос, есть сайт _http://www.zkarate.org/ - задумка сделать шапку была такая: В результате получилось: Я так понял, что шапка имеет три блока, с первым проблем вроде как нет, а блоки 2 и 3 мешают друг другу - сдвигают, или загоняют друг друга вверх вниз. 1-й вопрос - как сделать так, чтоб картинка с каратистами растянулась по высоте 2-й вопрос - чтоб картинка с каратистами не мешала тексту по середине. Часть кода main.tpl {AJAX} <body> <div id="container_wrap"> <div id="header"> <div class="logo"><a href="/" title="На главную"><img src="{THEME}/images/logo.png" alt="" /></a></div> <div id="…
0 votes1 answer -
HTML редактор
Здраствуйте! Подскажите пожалуйста какие существуют (и существуют ли вообще) текстовые редакторы кода HTML без всяких там кнопок, типа "вставить рисунок одним кликом". Я немного не очень опытный, поэтому мне бы сначала изучить основы, а потом уже и к оформлению приступить. Перепробовал несколько редакторов, но они все в стиле "что вижу, то и получаю" (или както так ). Обычным блокнотом можно канечно править, но без подсветки мне сложно - глаза устают искать нужные строки. Заранее премного благодарен
0 votes29 answers -
<table>
имеется таблица <table> <tr> <td></td> <td></td> </tr> </table> как можно сделать такую структуру: ________________ |Фото |Описание | | | | | | | |_____| | | | | | _________________
0 votes11 answers -
НУЖНА ПОМОЩЬ!
РЕБЯТА ВЫРУЧАЙТЕ КАК СДЕЛАТЬ? модуль/компонент для InstantCMS. Функции модуля: 1. загрузка пользователями через личный кабинет на сайт аудио-файлов в формате mp3, создание краткого описания для файла (название, исполнитель, жанр и т.п.) 2. отображение в личном кабинете списка своих загруженных файлов с возможностью прослушивания их с помощью плеера прямо на сайте, удаление загруженных треков, редактирование атрибутов файла. Список дорожек доступен для просмотра другими пользователями 3. отображение на главной странице списка файлов, загруженных другими пользователями, с возможностью прослушивания прямо в списке (без перехода в отдельное окно) и в окне подробной информац…
0 votes3 answers -
Посоветуйте хостинг
Здравствуйте! После долгих поисков нужного хостинга и в итоге с никаким результатом я решил создать эту тему. Мне нужно простой хостинг чтобы разместить всего лишь одну html страницу. Не охото переплачивать допустим за php и mysql когда они мне не нужны или еще за гигабайты памяти которые они предлагают, зачем мне это? Ребят, нужен самый простой хостинг но чтобы и в плане работы был нормальный и по удобству и без всяких лишних для меня вещей. Посоветуйте если знаете такой хостинг. Спасибо за внимание.
0 votes12 answers -
Как выровнять модули
Всем привет, помогите пожалуйста решить проблему, дело в том, что у меня есть 2 кода, но один выше друго-го, и у меня не получается их выровнять... <left><script type="text/javascript" src="http://stream9.radiostyle.ru/swfobject.js"></script> <div id="player"> <script type='text/javascript'> var so = new SWFObject('http://stream9.radiostyle.ru/mediaplayer.swf','single','180','20','7'); so.addVariable('type', 'mp3'); so.addVariable('file', 'http://stream9.radiostyle.ru:8009/sarp'); so.addVariable('width','180'); so.addVariable('height','20'); so.addVariable('volume','50'); so.addVariable('autostart', 'false'); so.write('player'); </script…
0 votes12 answers -
картинка под ссылкой
Подскажите пожалуйста, как сделать обычную ссылку, но при наведении на нее, под ней появлялось изображение? Через onmouseover как это реализовать?
0 votes3 answers -
Возникла проблема с DIV'ами
Здравствуйте. Создаю меню для сайта, опыта в CSS нет никакого, поэтому бьюсь уже около недели, постепенно изучая информацию. Итак суть проблемы. Нужно меню чисто на CSS (не считая скрипта для IE). Разделы меню естественно, имеют разные размеры. Я хочу чтобы при наведении на пункт меню, он выделялся соответствующим образом(см.ссылку). http://truman14.ucoz.ru/bkack_menu.html Но проблема в том, что это самое выделение, как мне видится, состоит из трех отдельных картинок (скругление левой части, центральная часть и правая). Вот я и не могу разобраться каким образом мне соединить эти три картинки. С помощью классов я, конечно, могу присвоить каждой ссылке свое изображение, не …
0 votes4 answers -
Активная ссылка меню
Не могу понять почему отходит вниз... http://di-asouls.ru/minecraft/ Я понял, что виновато "padding-top: 20px;" и мои кривые лапки, но как выровнять текст без такого проблемного состояния? \\\ [left] #menu { padding: 0; list-style-type: none; background-image: url(../page_img/menu/menu_bg_repeat.png); font-size: 30px; height: 70px; } #menu li { padding-top: 20px; float: left; margin: 0; } #menu li a { text-decoration: none; display: block; padding: 0 20px; line-height: 70px; color: #ffbf00; } #menu li a:hover, #menu li.active a { text-align:center; color: #ffbf00; background-image: url(.…
0 votes2 answers -
Как правильно верстать
Интересует именно общий подход. Как я вижу: 1) Для начал делаем разметку страницу: определяемся с кол-во блоков, секций, слоёв; решаем что фикисрованно, а что тянется и т.д. И выстраиваем общую структуру страницы (я обычно делаю пустыми блоками с разным цветом бэкграунда). Проверяем на кросс-браузерность и косяки. Если нормально - переходим к наполнению. 2) Заполняем контентом, вставляем менюхи и т.д. - более трудоёмкий процесс, ибо каждый элемент надо отдельно выравнивать (а они иногда очень не желают этого делать при заданных условиях). И вот тут обнаруживается первая засада: вроде общая структура у нас готова и зафиксирована, но наслдеование или overflow какого-нибудь …
0 votes1 answer -
подчеркивание строки независимо от наличия текста
доброе время суток, товарищи! задача в общем описана в названии темы, только _Ианов___ тоже должен быть подчеркнут, не могу понять как это сделать есть бланк в нем есть как однострочные поля, так и многострочные. я пробовал засовывать текст в div с border-top'ом, но оно некатит в многострочных полях помогите кто чем может плиз
0 votes7 answers -
Закругленный блок
Делаю такой блок http://itmages.ru/image/view/267385/45baef98 , низ блока отходит , как это исправить? .list_img li { list-style: none; background: url(circle1.png) no-repeat left 40% ; margin-left:-15px; } #content { height:400px; margin: 40px 70px 40px 65%; padding: 5px; border: 1px solid #333; min-width:400px; } .conten { background: transparent;line-height:30px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; mar…
0 votes4 answers -
Кроссбраузерность.
Сверстал диз, когда верстал использовал хром. Когда все закончил решил просмотреть в разных браузерах (IE,Firefox). В IE и FireFox страница выглядит меньше по размеру. Верстка фиксированная 960px.В Хроме страница выглядит лучше.Можно ли сделать ка кто чтобы в IE,Firefox страница была как в Хроме? Вот CSS body{ margin: 0px; padding: 0px; } #container{margin: 0 auto; width: 960px; } А вот картинки: 1.Chrome 2.Firefox 3.IE Например: Сравните какой отступ у хром от границы браузера,и какой в Firefox'e и в IE
0 votes7 answers -
Критика и помощь
Всем здравствуйте! Не большой блок.Очень нужна Ваша критика, предложения, другие варианты решений. Особенно что касается применения border, ...-radius и hover для для других элементов. Плюс ко всему в Opere 9.64 не получилось закруглить уголки( Сслыка Буду вам очень благодарен.
0 votes14 answers -
подскажите с меню
вот файл: html <div id="menu_news" <div class="news"> <img src="img/fon_menu.gif" width="249" height="30" class="news_head" /> <ul class="menu_news"> <li><a href="#">Пять дизайнерских правил применяемых в Web</a><p>01</p></li> <li><a href="#">10 принципов эффективного веб-дизайна</a><p>02</p</li> <li><a href="#">Дизайн пользовательских интерфейсов и юзабилити</a><p>03</p</li> <li><a href="#">Меняем дизайн сайта в зависимости от погодных условий.</a><p>04</p</li> <li><a href="#"&…
0 votes4 answers -
Нужна помощь!)
Дело в том что я хочу что-бы "index.php" не перезагружался при обновлении "<input name='new_address' type='text'". И что-бы ошибки выводились перед <form>. index.php <?php $result_city = mysql_query ("SELECT * FROM address WHERE address_code='$select_city'",$db); if (mysql_num_rows($result_city) > 0) { $myrow_city = mysql_fetch_array($result_city); } do { printf ("<style> #boxes%s .window { position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; } #boxes%s #dialog%s { width:375px; height:203px; padding:10px; background-color:#ffffff; } </style> <p>%s <a name='modal' href='#dialog%s'>…
0 votes11 answers -
Как сделать, чтоб перенос запомимнался...
К примеру пользователь вводит такой текст в поле textarea: f f f При выводе же текст выглядит так:"f f f" Как сделать чтоб текст выводился так, как при вводе? Голову уже сломал. wrap у textarea не помогает.
0 votes30 answers -
использование шрифтов
посоветуйте пожалуйста какие-нибудь интересные книжки или ресурсы по использованию шрифта в web. сам найти не могу, всё какой-то мусор попадается типа "подбор шрифта для сайта чайникам"
0 votes4 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/
-