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
-
div'ы внутри div'а
Добрый день. Есть следующая ситуация: div, внутри которого еще два div'a. Нужно, чтобы внешний див растягивался в высоту по большему из внутренних. Соответственно, сейчас в случае, если один из внутренних дивов по высоте больше внешнего, он просто располагается поверх. Что пробовал: 1) Не указывать высоту внешнего дива. Внешний див создается высотой в 1 пиксель, внутренние идут поверх. 2) Выставлять всем троим display: block; - никакого эффекта. 3) Выставлять внешнему display: table; а внутренним - display: table-cell; . Верстка летит к чертям, других эффектов нет. Заранее благодарен за помощь.
0 votes3 answers -
0 votes3 answers
-
Input type="file"
Есть форма загрузки файла. Можно ли заставить контрол выбора файла (Input type="file" ) не сбрасывать значение при submit? Если возникают ошибки в указании каких-то полей, то и имя файла приходится заново выбирать. Пользователи недовольны... Имя файла скрипт отдает уже без полного пути, так что запомнить его и подсунуть в форму снова нет возможности.
0 votes3 answers -
Проблема с растягиванием
Здравствуйте, подскажите пожалуйста, проблема в следующем: в ячейке слева находится таблица в ней 5 ячеек, в FF эта таблица растягивается вниз до конца основной большой таблицы, в IE и Opere эта таблица не хочет растягиваться, подскажите, как исправить код, чтобы в IE и Opere эта таблица также растягивалась вниз. В CSS описаны только границы ячеек и их фон. Вот ссылка на сайт:Моя первая страничка Вот код: <table width="699" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="79" colspan="2" valign="top" class="m1">< </td> </tr> <tr> <td width="30%" height="100%" rowspan="2" valign="top"><table cellspacing="…
0 votes3 answers -
с помощью css нужно добавить символы в меню
необходимо сделать меню имеется вот такой html код <div class="content"> <ul class="menu"> <li class="leaf first active-trail"><a href="#" class="active">Домашняя страница</a></li> <li class="leaf"><a href="#">Розничная торговля</a></li> <li class="leaf"><a href="#">Оптовая торговля</a></li> <li class="leaf"><a href="#">Услуги</a></li> <li class="leaf last"><a href="#">Координаты</a></li> </ul> </div> я могу изменять только CSS. Подскажите как добавить к каждому пункту меню справа символ ">" ? Пробовал сделать та…
0 votes3 answers -
Ховер на баттон в IE6
Проблема с ховером на баттоне Submit в IE6, как это можно решить и решается ли чистым стилем, или хаками в стилях. Знаю что это можно реализовать на JS, но мне это не подходит нужно не используя JS мой код что бы было понятнее что я имею введу <style type="text/css"> .sbtn{ border:0px; background:url(inputBtn.gif) no-repeat; color:#FFFFFF; width:100px; height:46px; } .sbtn:hover{ background:url(inputBtnSubmit.gif) no-repeat; } </style> <body> <form id="form1" method="post" action=""> <p> <input type="text" name="textfield" id="textfield" /> <input type="text" name="textfield2" id="textfield2" /> <input type…
0 votes3 answers -
Проблема с нестандартыми шрифтами.
Всем привет!Столкнулся с проблемой подключения нестандартных шрифтов,решил её подключением sIFR,НО,в опере и лисе всё как и положенно заменяется,а в ИЕ 6,7(в 8 не тестил,нету под рукой),вообще ничего не работает.Так вот вопрос: так и должно быть или я что-то не так сделал? P.S. sIFR устанавливал для движка WordPress.
0 votes3 answers -
DIV + Firefox
Как сделать чтобы эти фотки http://www.tihvin.orthodox.ru/htm/Photogallery.php в FireFox не съезжали вправо? Заранее благодарен.
0 votes3 answers -
Графическое меню
Здравствуйте господа ! Проблема возникла как всегда из неотуда. Есть макет - рисунок .jpg сайта с нарисованными пунктами меню, я его нарезал как пологается и сверстал - все нормально. Но надо что бы при наводке на зону меню мышки это меню меняла цвет. Повторяю меню не шрифт над фоном а просто картинки . Я так понимаю надо будет подменять картинки одного цвета картинками другого цвета при наступлении события hover ? С помощью чего это можно сделать? Или есть какие то другие способы при наведении мыши менять цвет пункта графического меню ?
0 votes3 answers -
медиа контент
подскажите как организовать на отдельных страницах mp3 - проигрыватель, чтоб он проигрывал песни из списка и аналогично видео- проигрыватель файлы avi будут
0 votes3 answers -
Очень непростая задачка
Здравствуйте! Заранее извиняюсь, если ошибся с темой форума. Есть дизайн со сложным, композитным бэкграундом. Для описания задачи набросал дизайн: Немного описания: Серым цветом - бэк тянется по-горизонтали; Зеленым цветом - бэк тянется по-вертикали; Оранжевым цветом - просто заливка цветом; Фиолетовым цветом - статический бэкграунд. Как я это сделал: HTML: <body> <div id="wrap"> <div id="bg_top_main "> <div id="bg_bottom_tile"> <div id="bg_bottom_main"> ............... </div> </div> </div> </div> </body> CSS: html, body { …
0 votes3 answers -
Валидный CSS
Доброго времени суток. Граждане, объясните мне тупому, что означает предупреждение в "Одинаковые цвета для текста и фона используются в следующих местах". Ну никак до меня не доходит как это исправить, а очень хочется. http://jigsaw.w3.org/css-validator/validat...g=1〈=ru Заранее спасибо.
0 votes3 answers -
Корявое отображение сайта на КПК
Доброго вечера, Кто сталкивался, подскажите пож., есть сайт ecostok.ru, на ПК браузерах отображается все ок, на КПК - просто жуть. Сейчас пытаюсь подогнать под оперу мобайл, но никак не могу понять, почему текст выводится колонкой, а не растягивается на всю доступную ширину экрана. И не важно в каких тэгах находится этот текст.
0 votes3 answers -
Карта ( Map ) линков прозрачного фона CSS
Задача возникла после того, как я не смог конвертировать SWF (Swish) файл в фрйл FLA (Flash), а нужно было это сделать в свою очередь, чтобы разобрать SWF файл и перелинковать менюшку. Пробовал сделать обычный "use map" на основе прозрачного GIF файла, но тоже фя . . . , т.к. Flash в крутую перекрывает GIF, при том со своими линками. После всего пришол к рутинно идее, - просто разобрать SWF, надеяс что в он после этого позволит переделать малые тексты к изображениям а также линки меню. Но тоже фя . . . , т.к. есть всякие компиляторы в обратном порядке но не с SWF => к FLA. Не знаю, может я не так опитный в этом деле, но единственная надежда на CSS. Не знаю только, есть…
0 votes3 answers -
Выравнивание высоты слоя
Здравствуйте. Прошу обратить внимание на www.atrix63.ru Слой с главным контентом на главной странице растягивается относительно своего содержимого. Так же слой "Отзывы наших клиентов:" растягивается относительно своего содержимого. В результате получается не красивая вещь-большой пробел под главным слоем. Как сделать выравнивание его высоты по высоте слоя "Отзывы наших клиентов:" в случае если он меньше его?
0 votes3 answers -
Центровка элементов страницы
Есть у меня сайт. Главная страница разделена таблицей на две части 10% (меню), 90% (начинка). Начинка набивается кучей маленьких блоков, вот так (сократил): <body> <table> <tr><td width=10%>menu</td> <td width=90% align=center> <div class="column1"> новость 1 </div> <div class="column1"> новость 2 </div> <div class="column1"> новость ..... </div> </td></tr></table> стиль column 1: .column1 { float: left; margin-right: 20px; margin-bottom: 20px; } Очень удобно все получается, если экран у монитора широкоформатный, то блоки выстраиваются по горизонтале, если не очень, то в…
0 votes3 answers -
не отображается фоновое изображение в элементе списка
<a href="<?=$arSection["SECTION_PAGE_URL"]?>"> <li class="first_in_line_catalog_block" background="<?echo CFile::GetPath($arSection["DETAIL_PICTURE"])?>"> <?echo CFile::GetPath($arSection["DETAIL_PICTURE"])?> </li> </a> в результате выражение CFile::GetPath($arSection["DETAIL_PICTURE"] выдаёт урл изображения, но в фон это изображение не ставится(свойство background не срабатывает). у кого-то есть идеи? стили такие: li.catalog_block, li.first_in_line_catalog_block { list-style:none; display: inline-block; width:132px; height:188px; text-align:center; vertical-align:top; } li.first_in_line_catalog_block a, li.catalog_block a { colo…
0 votes3 answers -
Почему не работает в FF
Firefox/3.0.13 не работает следущий код: в хеде: <script language="jcript" type="text/jscript"> function inverse_elem(id) { elem=document.getElementById(id); if (elem.style.display=="none") { elem.style.display=""; } else { elem.style.display="none"; } }</script> ____________________________________ в теле: <a href="#t2" onClick="inverse_elem('t1')"><img src="spacer.gif"></a> <table id="t1" style="display:none; z-index:1;" onClick="inverse_elem('t1')"><tr><td class="ct">БЛА БЛА БЛА БЛА</td></tr></table> ____________________________________ в остальных бравзерах при нажатии ссылки как и положе…
0 votes3 answers -
проблема с гиперразметкой опроса
Есть код опроса : $POLLC_1$ - добавляю на страницу и сразу всплывает при загрузке он. Можно ли сделать его текстовой ссылкой, чтобы он открывался при переходе по ней? что - то вроде этого: <p>ЗДЕСЬ ДОЛЖНА БЫТЬ ССЫЛКА НА ОПРОС </p> каким кодом (пример)? p.s. пробовал в теге гипертекста - вставлять вместо адреса (http//... - $POLLC_1$ )- не получается Можно писать мне на почту solopovmax@mail.ru Заранее спасибо)
0 votes3 answers -
позиционирование div
в пределах <fieldset> есть набор однотипных div все они расположены в столбик один под одним, кроме одного - который расположен справа- точнее в верхнем правом углу, это за счет установки свойства float:right; все чудненько, а теперь вот необходимо под этим дивом установить еще один такой же, как я не мудровал с float, clear, ничего не получилось, они размещаются друг возле друга, а не один над другим, подскажите, пожалуйста, как сделать правильно.
0 votes3 answers -
Исчезает анти-алиасинг шрифта в javascript-меню
Верстаю сайт для себя, использую ява-скрипт меню. Уже на втором подряд сайте не могу решить проблему. Если вы посмотрите на страницу http://obnajenie.ru, то там видно, что шрифт везде, кроме шрифта в том самом меню, сглажен. А внутри выпадающего меню анти-алиасинг пропадает. Причем, пока скрипт подгружается шрифт нормальный, а как меню-аккордеон сворачивается, анти-алиасинг пропадает. На другом сайте он вообще менял шрифт на другой. Выложу также несжатый скрипт этого меню: http://obnajenie.ru/accordian-src.js Может быть проблема для кого-то очевидна?
0 votes3 answers -
Помогите с обтикатием.
<!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" /> <title>Untitled Document</title> <style type="text/css"> <!-- BODY { margin: 0 0 0 0; } #left { width:235px; height:500px; float:left; background-color:#06F; } #content { float:left; background-color:#0CF; width:50%; height:200px; } --> </style> </head> <body> <div id="left">left</div> <div id="content">centor</div> </body> …
0 votes3 answers -
иконка
.................
0 votes3 answers -
Нумерованные списки: нужно больше возможностей
Нужны списки с таким оформлением: 1) 2) 3) 4) ... Нужны списки с такой нумерацией: 1. 1.1 1.2 1.3 2. 2.1 2.2 2.3 2.4 3. 3.1 3.2 Что известно на тему реализации подобного? Без яваскрипта не обойтись? В хтмл такого вроде не предусмотрено.
0 votes3 answers -
Задать стиль первой ячейке таблицы
Здравствуйте. Подскажите, пожалуйста, как в css задать стиль первой ячейки таблицы. В таблице хранится горизонтальное меню, т.е. каждый пункт в новой ячейке, строка - одна. У каждой ячейки есть левый бордюр, у первой его не должно быть.
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-