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
-
Проблема с картинками
Вот макет: http://filesurf.ru/230610/var_1_bw_3.jpg.html. Столкнулся с проблемой верстки изображений в галерее справа страницы. Так как они находятся под углом, просто вырезать и вставить в верстку их нельзя, почестям резать их тоже не желательно, так как потом нужно будет встраивать JS для того что бы при нажатие они увеличивались. Может быть кто нибудь подскажет как именно это можно реализовать? Буду бескрайне благодарен)
0 votes11 answers -
ИЕ-6 не дает мне спокойно спать
Страница с ошибкой по адресу http://boatmarine.ru/shop/group_594/group_597/item_165/ Футер висит в воздухе только на ней. Возможно из-за галереи. Может кто-то взглянет, а то у меня уже глаз замылен.
0 votes11 answers -
Трехколоночный макет
Всем привет! Хотелось бы поинтересоваться у опытных людей =) Есть трехколоночный макет. Необходимо сделать так, что при удалении правой или левой колонки , центральная колонка занимает ее ширину. Интересует как это можно сделать на дивах для IE7,IE6. Понятно, что для других браузеров можно просто назначить табличное отображение средствами css. А для IE7,IE6 не понятно =( Заранее спасибо за ответ!
0 votes11 answers -
Про вертикальное растягивание и слои
Доброго всем дня! Есть вопрос. Слева на картинке макет сайта, где контента мало, slider - 1px рисунок, которые не растянут, и нижний блок - footer (просто картинка).Подскажите, как сделать так, чтобы при добавлении контента, большого объёма, блок content заходил на блок footer а затем slider просто растягивался на оставшийся контент. Надеюсь объяснил достаточно полно. Кода, как такового, не надо(но можно), нужен словесный алгоритм, что указать в свойствах блока, и какое позиционирование использовать, absolute или relative. Заранее благодарен за ответы.
0 votes11 answers -
Выделение столбца в таблице
В таблице можно легко изменить стиль строки при наведении на неё через tr:hover. Можно ли каким-то подобным образом выделить колонку? Без скриптов, чисто через CSS.
0 votes11 answers -
Как сделать отступ между двумя контейнерами DIV?
Господа, как бы сделать небольшой отступ между двумя контейнерами, плавающими по левому краю? Старница: http://lexicanum.ru/2columns.html Код страницы: <!DOCTYPE html> <HTML> <HEAD> <LINK REL="stylesheet" HREF="2css.css" TYPE="text/css"> <TITLE> Пригоди хтивих павiанiв Борi i Жори. </TITLE> <BODY> <DIV ID="cheader"> <H1 CLASS="h1_centered">Пригоди хтивих павiанiв Борi i Жори</H1> </DIV> <DIV ID="cnavbar"> <UL> <LI><A HREF="#">Справочник</A></LI> <LI><A HREF="#">Журнал</A></LI> <LI><A HREF="#">Форум психический</A></LI> <…
0 votes11 answers -
вопрос про перемещение
logo прижался максимально влево .Как его немного сдвинуть правее? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>сайт"</title> <style type="text/css"> body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } #logo { w…
0 votes11 answers -
Проблема с вертикалью в background-position
Здравствуйте. Извелся уже) вот листинг: <!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" <?php language_attributes(); ?>> <head> <style type="text/css"> #images_carrier { height:270px; background: url(images_shadow.png) no-repeat center bottom; padding:35px 0;wp-content margin: 0 auto; } #images_carrier #images { background: url(menu2.jpg) no-repeat; width:804px; height: 272px; margin: 0 auto; font-size:0px; } #images_carrier #images .item { width:268px; height:20px; display: inl…
0 votes11 answers -
Можно так?
Здравствуйте! Есть резиновый сайт со статьями и иллюстрациями к ним внутри публикаций. У сайта на внутренних страничках минимальная ширина текстового поля равна 300 пикселям. Можно ли реализовать то, что изображено на картинке: http://savepic.ru/2744257.jpg Сам я дизайнер. Прежде чем сдавать работу на верстку, хочу узнать, реализуема ли моя задумка? :-) Буду очень признателен за ваши ответы.
0 votes11 answers -
Высота 100% с отступами.
Добрый день. Есть проблема, но не как не могу найти решение без использования js. Требуется див по центру экрана у которого высота 100% но при этом есть отступ. Соответственно при изменении окна браузера, должен тянуться див и не должен появляться вертикальный скролл. Собственно нынешний код (урезанный). <style> html, body { padding:0px; margin:0 auto; height:100%; width:100%; } #section { height:100%; } #content { height:100%; margin:20px; } </style> <div id="section"> <div id="content"> текст </div> </div> Как это должно выглядеть. P.S. Извиняюсь если подобная тема есть, но не нашел ее.
0 votes11 answers -
Ссылка и переключатель разворота в верхнем уровне аккордеона
Здравствуйте, я новичок в программировании и поэтому хотя и пытаюсь разобраться сам, но все же мне нужна ваша помощь. Я использую http://www.i-marco.nl/weblog/archive/2010/02/27/yup_yet_another_jquery_accordi плагин, вот рабочая площадка http://stezja.kiev.ua/index0.php. Задача такая: добавить в верхний уровень списка графический элемент который будет сворачивать-разворачивать список, а ссылка которая обеспечивает этот функционал станет простой ссылкой :help: , т.е. при клике на ней будет осуществлен переход на другую страницу, как и должно быть в штатном режиме :write: Система приблизительно такая: Сначала я пробовал через background-image, но на него нельзя повесить …
0 votes11 answers -
IE7 - scrollLeft, лишний сдвиг
При перемотке картин они начинают сползать. Не получается найти закономерность сдвига, добавляю пиксели - сползает в другую сторону. В других браузерах кроме IE7 все нормально. Заметил что между DIV-ом и таблицей появляется расстояние. (между #image-window и #picture_item) Может нужно обнулить где-то что-то? Вот ссылка на сайт Заранее благодарен за любую помощь.
0 votes11 answers -
Верстка макета (Sapfire)
Привет всем! Я верстаю макет для Lineage 2 сервера под Stress Web. Я поделил документ (шапка+футер) на 3 части(1 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/left.png, 2 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/center.png, 3 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/right.png). Мне необходимо, чтобы все эти три части были как одно целое и занимали весь документ (необходимо для экранов с разрешениями 1024x600). Содержимое css: html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; color: black; font-size: 11px font-family: Tahoma, Arial; background: white; } img { border: none; } a:hover { …
0 votes11 answers -
Проблемма с radio переключателем в софте
Должно быть так: При нажатии на radio PHP должны активироваться 3 чекбокса. Проблема наблюдается в данном софте Судя по всему он использует внутренности браузера IE. Но у меня все радио элементы как буд-то "мертвые". Даже в настройках не сохраняются... Вот строчки кода связанные с этим элементом настройки: <html> <head> <title>JakoDorgen - Настройки</title> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body background="images/background.jpg" bgcolor="#87AEC9" style="background-attachment: fixed; background-position:center;"> <s…
0 votes11 answers -
И снова вопрос
Снова нужна помощь знающих, В общем вот такой кусок: Интересует 2 вопроса: 1. правильно ли делать через таблицу 2. как сделать такие прикольные границы между ячейками Мой код: HTML: <table width="98%" style="border: solid 1pt #810e05; font-family: Arial 11px; color: #cea9a2"> <tr style="background-color: #770000"> <td width="30%"></td> <td width="20%" valign="middle">Jouer ? la Roulette dans All Jackpots Casino</td> <td width="40%">200€ de Bonus de Bienvenue Bonus de 100% sur Votre Premier D?p?</td> <td width="10%" align="right"></td> </tr> <tr style="background-color: #440B06"> <td></td&…
0 votes11 answers -
не отображаются картинки
в общем занимаюсь версткой по видео Джефри Вэя, первый раз делал, все картинки объявленные в цсс отображались корректно. но теперь когда делаю опять, картинки только отображаются объявленные в хтмл, которые относятся к контенту. картинки в бразуерах включены, форматы указаны правильно, пути тоже, даже не знаю в чем проблема может быть. вот пример кода: #header h1 { background: url(img/logo.png) no-repeat; width: 169px; height: 71px; text-indent: -9999px; float: left;
0 votes11 answers -
вертикальное выравнивание блоков
есть <div style="float:right;"> это должно быть сверху <div id="bottom_div"> содержимое этого блока снизу </div> </div> нужно содержимое первого diva выравнивать сверху второй должен прилипать всегда снизу первого блока, все блоки неизвестной высоты. _________________________________________________________________ несколько дней пытаюсь решить но ничего не могу придумать, если кто сможеть решить хотяб на таблицах буду благодарен PS: xhtm 1.1
0 votes11 answers -
Организация таба
Ребят подскажите, каким способом можно сверстать такой таб. Я нашел такое http://www.pmob.co.uk/temp/tabmenu_mine2.htm , но мне не подходит т.к. задний фон белый, подскажите пожалуйста или дайте ресурс где можно прочесть. Календарь сверстан табилцами.
0 votes11 answers -
Не отображается картинка в IEtester
По умолчанию когда выбираешь в каком браузере открывать, открывает страницу. Ссылка Если вкладка открывается для стандартного ie или для ie8, то все нормально. А если вкладка для ie6 или ie7, то не отображается картинка, где написано IETester Home, в чем проблема? В настройках браузера включено отображение изображений.
0 votes11 answers -
как задать [b]height[/b], чтоб при разной высоте содержимого высота блоков была одинаковой?
Здравствуйте, уважаемые форумчане! Подскажите, плиз, как задать height, чтоб при разной высоте содержимого высота блоков была одинаковой? сейчас код такой: #left { float: left; width: 169px; background: url(../images/fon_01.jpg) repeat-y; height: 100%; padding-left: 30px; } #content { margin-left: 169px; float: none; width:853px; height: 100%; background: url(../images/fon_02.jpg) repeat-y; height: 100%; padding:5px; text-align:left;
0 votes11 answers -
Пытаюсь понять семантику HTML5
Всем привет, пытаясь понять теги семантической разметки HTML5 я сделал макет-статью, в которой попытался субъективно проанализировать спецификацию W3C. Мне интересно ваше мнение насчет моей трактовки. И как вы понимаете этот вопрос. Демо-страница находится здесь Целиком текст на форум не влазит, вот фрагмент: В этом макете-статье я пытаюсь разобраться с применением новых тегов разметки в HTML5. Все это исключительно мои субъективные выводы. Принимать ли вам на веру это, или перепрверить – решайте сами... Здесь я не буду рассказывать о новом функционале, сосредоточусь только на тегах семантических элементов типа: article, aside, canvas, details, figcaption, figure, footer…
0 votes11 answers -
Голова, Футер - "прибиты", Контент - все что осталось между
Всем здрасте. Есть такой макет: ссылка. Суть такая: нужно голову и подвал зафексировать в верх/низ, а контент что бы всегда занимал высоту (абстрактно): contentHeight = viewport.height - footer.height - head.height; и что бы он был между головой и подвалом. Все, что мне пришло в голову - это растянуть блок с главным контентом абсолютным позиционированием (top: head.height, bottom: footer.height). Дальше мне нужно, что бы содержимое внутри блока с контентом центрировалось с определенной шириной. для этого ставлю еще один блок внутри, назначаю ему ширину и margin: 0 auto, а также height: 100%. При этом все гуд, но кроме осла версии 7. Че далеть? Может у кого есть идеи как …
0 votes11 answers -
Резиновый сайт и background-image
Не могу разобраться как сделать 3-х блочный header. По центру фикс, по бокам резина. По коду, думаю, понятно что хочу сделать: #header-menu-fon { width: 100%; } .header-menu-fon-center { background: url('image/header-menu-fon.jpg')no-repeat; width: 1300px; height: 146px; margin: 0 auto; } .header-menu-fon-left { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: left; } .header-menu-fon-right { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: right; } Пробывал разные вариант, в том числе width:100% у боковых, но в место повт…
0 votes11 answers -
Выравнивание блока
Как выровнять блок вертикально по центру экрана ? { display:table-cell; text-align:middle; } почему то не работает ( или то я что то не так делаю ) обьясните в общем плз как выровнять по центру блок ( например с шириной 400 и высотой 600)
0 votes11 answers -
Подскажите. что лучше использовать в моём примере JS или PHP?
Нужно, чтобы блоки текста(небольшие описания в 30-50 слов)появлялись в определенном диве, при нажатии на определённую ссылку. Блоков около 20-30, не больше.Что разумнее использовать? Как я понимаю, при JS в браузер загрузятся все эти 20-30 блоков одновременно и надо будет руководить их видимостью? Или же имеет смысл каждый раз обращаться к серверу для вызова определённого блока?
0 votes11 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/
-