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
-
CSS3 PIE
Делаю сайт на WP. В IE некорректно отображается фон и бордер гл. страницы. http://goo.gl/KIeFS Поставил CSS3 PIE, но он не работает... .page-id-61 { background:url(../images/bg-bottom.png) no-repeat bottom right, url(../images/background.png); border-width: 22px 0px 22px 0px; -moz-border-image: url("../images/bg1.gif") 22 0 22 0 repeat stretch; -webkit-border-image: url("../images/bg1.gif") 22 0 22 0 repeat stretch; border-image: url("../images/bg1.gif") 22 0 22 0 repeat stretch; behavior: url(http://имя-сайта.ru/wp-content/themes/twentyeleven/PIE.htc); } Подскажите, пожалуйста, что не так делаю. Бьюсь уже второй день и все безрезультатно...
0 votes0 answers -
Изображения валидации (?) в подвале сайта
Доброго времени суток. На многих сайтах в их подвале можно увидеть изображения одного шаблона, но разной смысловой нагрузки. Например, paste.org.ru: ucoz.ru: Есть ли у такого шаблона изображений общее название? Как узнать про них подробнее?
0 votes0 answers -
Вопрос про селекторы
Вот смотрите допустим html код следующий - ... <body> <div id="wrap"> <div id="left"> <div class="menu"> <h2>Menu</h2> <span class="main_menu">Main menu</span> </div> </div> <div id="content"> ... </div> </div> </body> ... Как ГРАМОТНО обратиться к ГЛУБОКИМ селекторам? Нужно ли писать ДЛИННЫЕ последовательности? Понятно что сработает любая запись, и понятно что из-за длинных записей увелич-ся размер док-та, но все же. Лично мне удобней писать длинные последовательности. А правильн…
0 votes1 answer -
Div Height 100%
Здравствуйте! Подскажите как растянуть #sidebar и #content на 100% по вертикали. Сейчас все прекрасно тянется, но возникает проблема со скроллом из-за #header. Знаю как это сделать с помощью JS, но не хочется код засорять мусором. Спасибо. Вот исходный код примера.
0 votes6 answers -
min-width для пунктов меню
li a{display:block;height:56px;text-align:center; padding-top:45px;float:left; min-width:40px; background:url(munu_bg1.png) 50% 0 no-repeat } подскажите как тут поступить для динозавра IE6? У меня пункт меню имеет ширину AUTO!
0 votes0 answers -
Неадекватный IE
Люди, подскажите, может кто знает. Кроссбраузерный вариант отображения фоновой картинки по высоте и ширине страницы. Используется правило для IE, однако, когда подключается css - страница отображается, но при этом не работают ни ссылки ни текстовые поля, даже текст нельзя выделить. Вот проблемный код (если отключить - все работает, но фоновая картинка, естественно, не отображается). .body { width: 100%; position:fixed; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elements/bg3.jpg', sizingMethod='scale'); -ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='elements/bg3.jpg', sizingMethod='scale'); z-index: 0; }
0 votes1 answer -
cufon не генерирует шрифт
Встала задача использовать на сайте нестандартный шрифт. Решено было использовать cufon + Jquery. Но cufon наотрез отказывается принимать файл со шрифтом и пишет следующее: Шрифт a_BosaNova Bold (True Type) (формат файла TTF) Не силен в тонкостях создания/редактирования шрифтом, поэтому не совсем понимаю что от меня требуется. Можно ли как-то разблокировать этот шрифт, если он заблокирован или может его как-то надо преобразовать в PFA или PFB (что вообще это такое?) и найти в системе упомянутые "припрятанные папки"?
0 votes4 answers -
Фиксированная ширина на th в IE
Пытаюсь задать фиксированную ширину на table th.first (Там где написано "Gioco") (страничка http://casino.titanbet.it/vincite-per-mese.html) .page th.first{ display: block; z-index:1; width: 300px; } В chrome и FF отображается как нужно. Подскажите п-ста что я делаю не правильно.
0 votes2 answers -
верхняя ячейка "расползается" по высоте за счет нижней
Помогите, пожалуйста, решить вот какую проблему: есть таблица <table id="subCont" width="1111px" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="leftColl" rowspan="2" height="471px"></td> <td id="header"></td> </tr> <tr> <td id="innerCont" rowspan="2" valign="top"> <p>content</p> </td> </tr> <tr> <td valign="top" id="contSideLeft"></td> </tr> </table> к ней стиль table#subCont { border-collapse: collapse; empty-cells: show; table-layout: auto; } td#leftColl { max-height: 471px; height: 471px; width: 355px; b…
0 votes0 answers -
Начинающий с 0-0
Добрый день! Есть желание и время научиться делать красивые сайты. Посоветуйте пожалуйста: 1. алгорит обучения (с чего начать и поэтапно) 2. материалы для обучения (только если можно толковые, а то прочитанна куча по HTML и т.. но сайты делать не научился)
0 votes2 answers -
Скрипт ЛаваЛамп и двухуровневое css меню
Здравствуйте. Пишу сайт - http://saionara.fd0.ru/, исполоьзовал скрипт лавалампы, но при переходе на первый уровень меню, полоска раздвигается на две первые ссылки. Не знаю, как сказать точнее, тут по-моему лучше увидеть. Можно это как-нибудь победить? Хотелось бы, чтобы работало независимо от переходов по выпадающим менюшкам... Может кто сталкивался? Тут по-моему надо подправить сам скрипт, чтобы перемещение по подчиненным элементы li на него не влияли, но не знаю как.
0 votes1 answer -
Проблема margin
Здрасти всем, у меня возникла проблема в margin, прощу помощь. Вот html страница <body> <div id="center"> <div id="logo"></div> <div id="leftbar"> тесттттттттттттттттттттттттттттт </div> <div id="rightbar"> <div id="panel">Панел</div> <table> <tr><th>#</th><th>тест</th><th>тест</th></tr> <tr><td>1</td> <td>тест</td> <td>1111</td></tr> <tr><td>2</td> <td>тест</td> <td>26.02.1992</td></tr> <tr><td>3</td> <td>тест</td> <td>08.05.1…
0 votes1 answer -
IE9 - режим совместимости
Подскажите пожалуйста, как сделать, чтобы при открытии сайта через ИЕ9, режим документов: стандартный ИЕ9, т.к. по-умолчанию он идёт "совместимый"
0 votes1 answer -
Рисование с помощью CSS3
Когда увидел это чудо, решил тоже создать что то интересное, в связи с чем вопрос, поддерживает ли css3 сплайны? И где можно почитать подробнее про рисование?
0 votes3 answers -
Background - при 800х600
Доброго всем. Есть проблема, встречала неоднократно, решения пока не нашла. тестовая верстка здесь Если открыть сайт при разрешении 800х600, появляется полоса прокрутки, т к макет верстается на 1000 по ширине. При прокрутке сайта вправо фон в футере там, где не виден сразу, не отображается. Задавала ширину футера и width:100% и min-width:100% - никакой разницы. С этим можно как-то бороться или нет?((
0 votes6 answers -
css3 transition
Всем привет. В принципе код: nav .menu > ul { float: left; font-size: 12px; text-transform: uppercase; } nav .menu li { list-style: none; line-height: 25px; } nav .menu > ul > li { float: left; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } nav .menu > ul > li:hover { background: #f9623e; …
0 votes1 answer -
ИМ Связной и способ их работы
Доброе утро всем! и с наступающим НГ и "концом света" Такой вопорос, до меня дошел слух что магазин Связной тянет свои карточки товаров Ноубуков ( _http://www.svyaznoy.ru/catalog/notebook/1738) от другого сайта, но вот понять как он это делает и найти в коде те моменты которые на это бы указывали у меня не получается. Можно ли по коду страницы точно определить от куда берется контент (фотографии товара, характеристики и возможно описание) и как? Вопрос собственно больше для интереса, чем попытка "что-то кому-то доказать". вот на примере этой хотя бы страницы _http://www.svyaznoy.ru/catalog/notebook/1738/1419155
0 votes4 answers -
Табличная верстка в IE
Есть таблица, в которой 5 столбцов. Первый столбец должен быть резиновым, все остальные фиксированного размера. <table width="100%" border="0"> <tr> <td height="10px"></td> <td width="10px"></td> <td width="250px"></td> <td width="10px"></td> <td width="40px"></td> </tr> <tr> ... </tr> </table> Во всех браузерах, кроме IE, конечно, все нормально.. но IE надо указывать ширину для первого столбца, как ее указать, чтоб она была резиновой, если min-width для таблиц, я так понимаю, не действует..
0 votes1 answer -
Css - цвет блока меню
Доброго времени суток. Подскажите, пожалуйста.С версткой и php/css раньше особо дел не имел. Насколько я понимаю, собака зарыта именно в css'e. Нужно, чтобы в цвет красилась вся ячейка, а не только шрифт в левом меню, невыпадающем...Поможете? Кусок кода, который вроде как за это отвечает. /*** Navigation ***/ .nav {border-top: 1px solid #d9d9d9;} .dd {height: 48px;} .dd li {float: left; display: block; border-left: 1px solid #d9d9d9; text-align: center; font-size: 14px; text-transform: uppercase;} .dd li a {color: #000;/*COLOR OF TEKSTA*/ text-decoration: none; display: block; background: #70d612; padding-top: 18px; margin: 0 14px; white-space: nowrap;} .dd li a:hove…
0 votes6 answers -
Блоки разбегаются что делать?
<!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"> в IE FF картинка совсем не такая, как в Dreamweaver вот код: #header{ background-image:url(Flower.jpg); width:800px; height:140px; color:#033; font-size:36px; text-align:center; font-family:Verdana, Geneva, sans-serif; } #body{ width:800px; height:550px; padding-left:50%; margin-left:10%; border:none; } #menu{ background:#033; color:#FFF; font-size:12px; width:200px; height:360px; float:left; border:none; } #content{ background:#FFF; color:#033; width:400px; height:360px; margin:0 auto…
0 votes3 answers -
Проблема с версткой
Народ помогите пожалуйста решить. Пытаюсь себе сайт сделать в HTML и CSS не очень пока Нужно выровнять корзину по краю. сам пытаюсь сдвинуть появляется полоса прокрутки внизу, т.е. сайт не влазит. Дальше блок с телефоном почему то перекрывает вкладку меню (Аксессуары не нажимается) и частично кнопку поиск. Поле поиск в опере и хроме отображается криво, в хроме нормально. Уже всю голову разломал себе. Может из-зи того что прописал absolute в этих блоках Готов отблагодарить 300 wmr вот скрин вот сайт Моя ссылка нужен такой вид примерно
0 votes3 answers -
несколько блоков со скруглёнными уголками
на странице есть два проблемных места. из-за того, что блок .topinfoL имеет закруглённые уголки, места соединения этого блока и крайних пунктов меню не сплошные. помогите пожалуйста поправить
0 votes8 answers -
Сверстаная форма отправки
<form> <div class="blueForm"> <label>Тип номера:</label> <div class="select s185" style="z-index: 1; "> <div class="select_l"> <span class="sel_arr"></span> <div class="selected"></div> <div class="sel_drop" style="display: none; "> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> <label>Питание:</label> <div class="select s185" style="z-i…
0 votes2 answers -
Почему?
Верстаю сайт в Dreamwear там все хорошо, переношу в IE блоки разлетаются и язык непонятный. Почему?
0 votes4 answers -
проблема с наложением блоков
Помогите, пожалуйста, решить вот какую проблему: имеется два дива, нижний "залазит " на верхний, но при этом высота страницы должна уменьшаться на аналогичное колличество пикселов. <div id="backgrTop"></div> <div id="cont"> <img src="cont.png" /> </div> body { padding: 0; margin: 0; background: #0b1517 url(BottBack.png) bottom right no-repeat; } #backgrTop, #cont { position:relative; } #backgrTop { width: 407px; height: 245px; background: url(topBack.png) top left no-repeat; z-index:1; } #cont { top: -235px; margin: 0 auto; width: 1091px; height: 1000px; z-index:2; }
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-