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
-
Кто знает...???
Есть таблица из 2-х ячеек, левая резина в правой картинка не фоном..как реализовать на блоках...
0 votes2 answers -
Смена графических маркеров для Opera
Может кто подскажет, как сделать так, чтоб в Опере, при наведении указателя мыши на пункт списка, изменялся графический маркер. Ниже приведенный код работает в IE, Firefox. Но в Опере, при наведении мышки на пункт списка, графический маркер просто исчезает. Возможно ли это вообще в Опера? <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>TEST</title> <style type="text/css"> body { behavior: url(csshove…
0 votes5 answers -
Относительное позиционирование
Ситуация следующая: Появилась у меня бредовая мысль сделать тень наложением друг на друга 2х объектов с относительным позиционированием. Всё получилось нормально, второй текст воспринимается как тень первого, НО начались "непонятки"... Если прокручивать окно в эксплорере, то эти тексты висят, так как бы я задал им позиционирование absolute. Файрфокс все показывает нормально - тоесть надпись уползает вверх вместе со всем остальным. Можно как-то вылечить эксплорер? Вот код: <div style="width:500px; float:right; padding:0; margin:0 auto;"> <H1>Текст </H1> <h2>Текст</h2> </div> И цсс к нему: h1 { position:relative; top:24px; text-align:…
0 votes13 answers -
Не корректное отображение сайта в разных браузерах.
Здравствуйте уважаемые гуру. Второй день пытаюсь исправить это: В Google Chrom мой сайт отображается корректно,но к сожалению в остальных браузерах (Opera,Mozilla) сползает меню вниз,и статуса сервера не видно,как буд-то пропал он. Сайт: guardgame.ru Предоставляю HTML код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="Description" content="stress, lineage2, la2">…
0 votes8 answers -
3 колонки внутри 3 колонок :)
Сделал 3х колоночную верстку. Пытаюсь в левомй панеле сделать опять 3 колонки для того, что бы в блок 1 вставить угол декора в блок 2 линию блок 3 другой угод декора Так вот 1-2 идут в ряд, а блок 3 слетает вниз. Но почеееееему ???? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Основы блочной верстки (Div верстки)</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <div id="maket"> <div id="header">Шапка </div> <div id="…
0 votes15 answers -
Почему уехал блок?
Не понятно почему div туда уехал, тег nav вообще потерялся, видно только его пэддинг-топ на месте div'а, Прилагаю скрин и код. Хотя дивом обернуты нав и ул с лишками. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <div class="container"> <nav> <ul class="menu menu_left"> <li> <a href="#">Павильон №1</a> </li> <li> <a href="#">Павильон №2</a> </li> <li> <a …
0 votes7 answers -
масштабирование изображения в блоке
Добрый день!С наступившим и наступающими!))) Нуждаюсь в ответе на такой размытый, может быть, вопрос: как отмасштабировать изображение по размеру родительсокго блока? К примеру: есть картинка 300Х300, а блок всего 140Х140. Задав ширину и высоту блоку 140Х140, а ищображению display: block, max -width, -height: 100%, у меня изображение просто обрезается, а не масштабируется. Хотя, в примере, который сейчас разбираю как раз именно эффект уменьшения масштаба происходит-картинка вся влазит в родительский блок и уменьшает изображение.
0 votes5 answers -
Блоки Исчезают в ИЕ
Ребят.помогите,немогу понять,как так происходит? Вобщем я када пишу position: absolute; в Блоках stolbseredina и stolbright,то в ИЕ они сразуже исчезают.кабута бы их и небыло,а в ФФ всё ок..немогу разобраться ,почему так? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Layout</title> <link href="style.css" rel="stylesheet" type="text/css"> <style type="text/css"> html,body { margin:0; padding:0;} body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-image:url(images/fon22.gif); } .carcas{ width:100%; height:820px;…
0 votes4 answers -
Как убрать фон картинкой у первого пункта списка <li>, если заданы у всех остальных
Всех приветствую. Создаю горизонтальное меню, тегами <li>...</li>. Между пунктами меню должны быть картинки, их засовываю в свойство background-image. Получается примерно следующее: #menu li{ float: left; list-style: none outside; margin: 0px; padding-left: 50px; background: transparent 16px 13px; background-image: url(bullet.gif); background-repeat: no-repeat; } При этом перед первым пунктом меню картинки быть не должно. Для этого придаю ему идентификатор <li id="service">...</li>. И делаю свойство #service{ padding: 0px; background-image: none; } Не срабатывает убирание бакграунда. Прошу помочь. Спасибо.
0 votes4 answers -
Чтобы в двухсловных пунктах меню второе слово переносилось на вторую строку
Задача: в двухсловных пунктах меню второе слово должно переноситься на вторую строку (см. рисунок ниже). По ширине ограничений для li или a не ставится (на основе этого реализовать перенос не получится, см. опять же рисунок). Тегов <br /> и прочих вручную между слов не вставить, это CMS. Как можно сделать? Причем нужно, чтобы выравнивались слова по низу (см. опять же рисунок).
0 votes6 answers -
Как правильно залить бокс и выгнуть углы?
Доброго времени суток, у меня еще 2 вопроса: Как можно выгнуть углы (наружу; не загнуть)? Пример. На картинке выгнутые углы - снизу, ниже - простая зеленая линия.Как исправить ошибку с "заливкой" или как ее вообще правильно кодировать? Скрин навигации. Стрелкой указан текст и его коробка которая выходит за рамки белого фона (аналогично с NAUJAS TURINYS; под другие все подогнано, и все хорошо).Код (jsfiddle)
0 votes5 answers -
Не обновляются стили.
Добрый день. Есть сайт http://www.vborovets.ru Если заходить под ИЕ, то при первом заходе верстка нещадно ползет. Потом если нажать на любую ссылку то все в порядке все на месте если с внутренней выйти на главную то все в норме. Такое ощущение, что он откуда-то берет старую css, раньше все там так и было, задача была все это безобразие подправить я подправила. Но при первой загрузке опять вылезает. Все ссылки на старые css в коде так же как и сами старые стили с сервака убрала. Этот глюк в тока в ие 6 и 7. Если кто знает в чем проблема, буду очень благодарна.
0 votes6 answers -
Поиск по сайту
Подскажите пожалуйста, где можно скачать javaScript поиска по сайту. То есть имеется html документ, в котором очень много текста. Нужно чтобы после вписания поискового слова в поле поиска и нажатии кнопки Найти, на этой же странице или на новой (значения не имеет), выдался список мест в документе, где встречается это слово. Кстати существует ещё такой нюанс, что этот документ находится просто на жёстком диске и его нет в интернете.
0 votes12 answers -
Помогите исправить строки
На сайте http://pocciy.ru/ Фраза стоит так. "Наш Бог-Русский Народ! Наш Храм-Русская Земля! Наша Вера-Победа! Наша Молитва-Лизг танковых гусениц!" А должна так "Наш Бог-Русский Народ! Наш Храм-Русская Земля! Наша Вера-Победа! Наша Молитва-Лизг танковых гусениц!" Это должно быть на одной строчке "Наш Храм-Русская Земля!" а не так "Наш Храм-Русская Земля!" В чем дело помогите, я понять не могу????
0 votes5 answers -
Не работают ссылки
Здравствуйте. Я начинающий молодой web-программист столкнулся с проблемой при верстке сайта для IE7 и IE8 обнаружил, что в некоторых слоях <div> ссылки работают, а в других нет, в чем разница между ними понять не могу. Вот CSS и HTML-код с неработающими ссылками. <div class="header" style> <a href="index.html">текстовая ссылка</a> <a href="index.html"><img src="images/buttoms/passive/onmain_but.jpg" height="40" alt="Фотография" border="0" ></a> <a href="aboutus.html"><img src="images/buttoms/passive/aboutus_but.jpg" height="40" alt="Фотография" border="0"></a> <a href="ourservice.html"><img …
0 votes2 answers -
Ограничение длины строки посредством CSS
Как с помощью CSS запретить перенос строки. Допустим, у нас имеется блок, в нём запись, которая своей шириной больше ширины блока, она начинает переходить на вторую строку. Нужно это действие как то отвенить, так как получается не очень красиво.
0 votes1 answer -
Модальное окно
Добрый день! Помогите, пожалуйста, разобраться с маленькой проблемой. На сайте есть модальное окно , которое увеличивает изображения: http://bloky.ru/catalog/333 В данном варианте это маленькие картинки ДСП, ПВХ и т.д. При нажатии на картинку происходит её увеличение, но при этом миниатюра картинки исчезает со страницы сайта, т.е. остается открытой только одна увеличенная картинка. Как же сделать, чтобы отображались одновременно 2 картинки: и миниатюра, и оригинальное изображение? Спасибо! Вот CSS - код модального окна: zoom-images { cursor: zoom-in;}.zoom-images:focus { position: fixed; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); t…
0 votes1 answer -
Как изменить colorbox и мозаику в галерее
Доброго времени суток!) У меня два вопросика по галереи colorbox и плагину для формирования фото в мозаику Первое по галерее: Мне надо чтобы, оно выглядело вот так http://prntscr.com/d9zqg4 А у меня получилось сделать только так Т_Т http://prntscr.com/d9zqw3 Кто-то нибудь сталкивался с этой галерей? Как добавить еще одно поле для текста и увеличить отступы? Второе по мозаике: Я для той же галереи использовала вот этот плагин http://tympanus.net/codrops/2011/08/30/automatic-image-montage/ , но в начале не требовалось каких-либо условий... А теперь надо, чтобы первая картинка была всегда 380x380, а остальная мозаика считаться от нее..…
0 votes9 answers -
Про редизайн
Здравствуйте! Подскажите, влияет ли полный редизайн и реконструкция сайта на его ТИЦ и PR? Да и вообще на "раскрученость". Речь идет не только о смене дизайна, а о полной реконструкции.
0 votes5 answers -
UL
Подскажите што делать.как убрать подчеркивание у ссылки <li>,и как сделать background-image. писал вот так.неполучаетсо. background-image:url:(img/fon.jpg)no-repeat; background-image:img/fon.jpg;
0 votes17 answers -
Как можно открыть нужную папку сайта в проводнике Windows?
Здравствуйте. Нужно изменить разом разрешение группы фоток с помощью программы пакетной обработки. Думаю было бы удобно воспользоваться привычной программой, вот только как открыть нужную папку хостинга в проводнике Windows? Или так не следует поступать (редактировать удалённо)? P.S. Более подходящего раздела не нашёл.
0 votes6 answers -
Блок не выравнивается по центру при margin:0 auto;
День добрый,подскажите почему блок с картинкой не выравнивается по центру при заданном margin:0 auto; ? Все равно остается какой-то отступ справа. http://cssdesk.com/7gteB
0 votes8 answers -
Что не так в моем HTML коде?
Доброго времени суток! Может кто знает, то подскажите пожалуйста, что не так в моем коде? Только в HTML. Никаких CSS! validator.w3.org сообщает, что ошибок не найдено! И как бы так оно и есть, в браузере все показывается красиво и корректно. Но это тест по вёрстке из учебного курса который показывает, что я его не прошёл! Но почему? Может кто заметит, что тут не так? Буду очень благодарен! Вот мой код: <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <div class="assortiment"> <h2>Ассортимент</h2> <table> …
0 votes8 answers -
CSS Mozilla
Для всех ли свойтв css достаточно приставки -moz- или есть особые написания свойств? Где почитать спецификацию CSS для MOZ, не могу найти... помогите кто сможет?
0 votes7 answers -
Навигация для сайта Webreference.ru
Сделал навигацию для будущего сайта WebReference.Ru и столкнулся с двумя затруднениями. 1. Страшно глючит в IE7. Не прячется меню, которое должно скрываться. 2. Если убрать курсор с ссылок заголовка, фон под ними пропадает, а надо чтобы оставался. На CSS реализовать подобное проблематично, только скриптами. Посмотреть пример здесь http://webimg.ru/webreference/nav.html На сайте будет применяться jQuery, можно его задействовать. За исключением IE7 в остальных браузерах работает корректно. Даже в IE6 все нормально.
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-