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
-
CSS-хак для Мака/айФона/айПада
Столкнулся с очередной траблой при внедрении кастомных шрифтов: на эпловских устройствах (включая Мак-мини) они позиционируются по вертикали по-другому (ближе к верху строчного бокса), чем на виндовых машинах. Из-за этого заголовок с плавающей иконкой под маком/айфоном/айпадом выглядят некузяво (словно иконка вниз сползла, хотя по факту, наоборот, вверх уполз заголовок). Игры с line-height и vertical-align не помогают — на маке всё равно всё по своему. Не вижу иного выхода, как явно подпереть одну из платформ специфическими для нее отступами, но столкнулся с проблемой: как в CSS опознать платформу? Встречающиеся в поиске решения нацелены либо на движок Webkit (что мне не …
0 votes8 answers -
"Съедается" подложка <div>-wraper-а, как победить?
Есть css меню состоящее из списков <ul><li> обернутых в <div>, который одновременно выступает в роли цветной подложки. Требуемый внешний вид меню такой: http://www.transaction.arvixe.ru/testmenu2.html В этом случае для элемента <ul> задан стиль {position: relative;}. Как следствие выпадающий список сдвигает текст следующий в потоке за меню. Но если заменить этот стиль на {position: absolute;} подложка "портится" и получается такой некрасивый эффект: http://www.transaction.arvixe.ru/testmenu.html Подскажите пожалуйста, можно ли как заставить выводиться фон в div-e без искажений (с перекрыванием нижеследующего контента)? <!DOCTYPE HTML PUBLIC "-/…
0 votes0 answers -
IE плохо показивает страницу
Делал верску ,в всех браузерах нормально показивает (скрин) но в IE плохо (скрин) Там 2 ошибки ,тоисть профиль наежает на лого и перекривает и контейнер держитса профиля(на скрине видно ,так как профиль дал в бордер так же как и контейнер) Как можно решить проблеми,кто подскажеш??? Демо сайта : http://fefeq.ucoz.ru/ Спасибо
0 votes2 answers -
Как выяснить код символа?
В общем, проблема такая - собираю макет в джумле. И какой-то из файлов движка лепит в код странный символ (его не видно) типа переноса строки. Лепит только в одном месте. В итоге у меня съезжает форма поиска, как будто строку перенесли. Никак не могу эту заразу выловить, откуда она берется. Через Firebug убираю из кода эту хрень - всё встает на места. Думаю, если определить код этого символа, то можно пошерстить по всем файлам на предмет его наличия. При просмотре кода страницы из мозиллы его не видно. Через Firebug можно заметить. В IE видно при просмотре исходного кода (блокнотом по умолчанию) Выложил сохраненную копию страницы: http://leveler.ru/htmlbook/symbol.htm Оф…
0 votes4 answers -
бекграунд текста
прошу прощения, если подобная тема поднималась - найти не смог.. в общем нужно добиться такого эффекта http://clip2net.com/clip/m33658/1288067101-clip-9kb.jpg может быть кому-нибудь приходилось такое делать? как добиться отступа в конце первой и начале второй страницы? ....сделать элемент блочным - не выход...
0 votes8 answers -
Масштабируемый фон \ Изображение + контент
Масштабируемый фон + контент Приветствую! Может кто то подскажет: Задача сделать страницу с Масштабируемым фоновым изображением, но скорее всего это будет просто картинка в теге IMG. т.е. Чтобы чтобы в зависимости от разрешения, изображение тянулось на ВСЮ видимую область экрана. Поверх изображения будет меню. А ниже этого изображения , с отступом 50px; – Контент. Таким образом входит что при загрузке страницы на весь экран выводиться необходимое изоражение, а затем с меню или прокруткой ниже контент. ———————————————————————————-- ————- Это пример Изображения с отступами от краев: http://nooshu.com/explore/scalable-background/ Изображение буду тянуть плагином…
0 votes16 answers -
Немогу снять маркеры
Ребята посоветуйте как поступить, делаю фотогалерею под NFLightBox, вообще галерея работает но возле каждой маленькой фото-ссылки появились Маркеры типа circle, код выглядит так: <ul class="gallery"> <li><a href="images/gallery/max/1.gif"><img src="images/gallery/min/1.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/2.gif"><img src="images/gallery/min/2.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/3.gif"><img src="images/gallery/min/3.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/4.gif"><img src="images/galler…
0 votes6 answers -
Проблема с плагином IE6
Добрый вечер, сейчас верстаю один макет (в верстке недавно). Возникла проблема закругления углов, решил использовать JS (jquery.corners), но в IE6 при нечетной высоте возникает вот такая проблема: Может кто знает решение?
0 votes4 answers -
Отступ внизу изображений
В Opere страница отображается как надо и под картинкой нет пустого места. В других браузерах под картинкой появляется небольшое пустое пространство. Не помогает свойство vertical-align:baseline;. <!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=windows-1251" /> <title>Как убрать отступ снизу у картинок?</title> <style type="text/css"> #movers-row{ text-align:justify; width:500px; background-color:green;} </style> </head> <bod…
0 votes2 answers -
Меню
Подскажите, как можна зделать вот такое меню ???http://s60.radikal.ru/i167/1010/ab/2a7c252371d0.png Может есть примери????Что изпользовать и тд.
0 votes6 answers -
#id или #id .class
Доброго времени суток) Возник один вопрос на какой в инете ответа не нашел. Что лучше использовать #id_1 .class #id_2 .class или .class_1 .class_2 в "+" первого варианта говорит то что все таки больше времени рендеринга кушает построение DOM и удобство при кодинге особенно сайтов "по-больше". но вот уж оч многие бьют себя копытом грудь и говорят что второй способ быстрей, но не могут довести этого на цифрах. Интересует Ваше мнение, на форуме искал не нашел, если просмотрел дайти не бейте а дайте линк) Заранее спасибо)
0 votes5 answers -
css фиксированый баннер
всем привет! подскажите возможно ли сделать такое извращение, есть главный див по центру со своим размером, ситуация такая что нужно повесить с права этого дива баннер 1. при этом чтоб сам див оставался по центру как будто этого банера вовсе нет. 2. когда ширина браузера уменьшается, выравнивание центра начинается с левой стороны, дабы еще возможно было увидеть баннер находящийся c правой стороны. 3. если граница окна браузера выходит за рамки баннера, не появлялся горизонтальный скролинг. (как с position:fixed) 4. чтоб этот баннер оставлялся всегда вверху на своем месте, и не плавал за вертикальным скролингом. (с position:fixed не смог такого добится) очень нужно такое р…
0 votes3 answers -
Верстка форм. Проблемы с FF4
Доброго времени суток. Есть формочка - http://beavers-net.narod.ru/primers/forms.html Собственно два вопроса - как её сверстать лучше, чтоб не прыгали инпуты туда-сюда и все было ровно и в Лисе input file для аватара не тянется Inline-стилями - в чем фишка? *валидацию прошел. По поиску побродил, но ничего не нашел,( Только вот - http://forum.htmlbook.ru/index.php?showtopic=20084&hl=%E2%E5%F0%F1%F2%EA%E0+%F4%EE%F0%EC Оно занятно, да не об том. Заранее спасибо. С уважением, Олег.
0 votes10 answers -
Проблема с размером wrapper'a
Есть такая конструкция: <body> <div id="wrapper"> <div id="1"> <div id="2"> <div id="3"> </div> <div id="footer"> ........ </div> </body> Div'ы 1,2,3 динамически меняют свою высоту (при помощи JS) Вопрос: как сделать так, чтобы wrapper всегда принимал высоту самого "высокого" блока? Нужно, чтобы footer прилипал к нижнему краю wrapper'a, в независимости от высоты последнего. Сейчас высота задана только у div id=1, и wrapper принимает её, 2 и 3 игнорирует.
0 votes2 answers -
Помогите решить проблемму
Я начинающий любитель. Помогите решить проблемму - Без текста в div-e все в порядке. Но стоит вставить текст в header … смотрим http://www.limon-room.narod.ru в Опере и FF фоновая картинка шапки сползает вниз, а в IE – нормально. Подскажите пожалуйста как мне испарвить стили. И, в чем причина? Вот это #header h1{margin: 10px 0 0 270px;} странно работает. По горизонтали (270px) все в порядке, а по вертикале фоновая картинка в Op и FF сползает на 10px, привязывается к тексту. <body> <div id="container"> <div id="topshadow"> </div> <div id="header"> <h1>Комнатный лимон</h1> </div> css body { margin: 0; padd…
0 votes6 answers -
Скачут левая и правая колонка макета
Взяла шаблон для джумла. a4joomla-social-f-free Ничего преступного не совершала, только поставила свой бг и свои материалы. Очень нравится в этом шаблоне типографика, жалко отказываться. Но почему-то скачут колонки. Для сравнения главная и Организаторы. Может, гуру верстки помогут понять, где собака зарыта.
0 votes5 answers -
В чем разница
Подскажите в чем разница на примере ,position: relative; и position:absolute;
0 votes3 answers -
Проблемы каскадирования xhtml+css
xhtml: <p class="txt"> Текст 1 <br /> Текст 2 <br /> <ol> <li>List 1</li> <li>List 2</li> </ol> Текст 3<br /> </p> css: p.txt { text-align:right; } Выравнивание срабатывает на "Текст 1" и "Текст 2", а вот на список и на "Текст 3" не оказывает влияния.
0 votes4 answers -
Как работает способ выравнивания п ширине
Кто-нибудь может объяснить, почему способ выравнивания по ширине на этой странице http://www.getincss.ru/wp-content/uploads/2008/elements.html работает. Там есть элемент <span> и непонятно, почему он оказывает такой эффект.
0 votes2 answers -
Верстаю макет
Верстал свой первый макет ,но у меня появилось несколько ошибок №. 1 и 2 : http://s55.radikal.ru/i150/1010/47/0e953dcc9071.jpg №. 3 : http://i050.radikal.ru/1010/b5/ea3d27653ce6.jpg Кому не лень, подскажите как решить . <!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"> * { margin: 0; padding: 0; } body { font: Arial, Helvetica, sans-serif; background-image: url("C:/Users/Admin/Desktop/Са…
0 votes11 answers -
[+] исхищрения
Часто мы используем + после кликабельного текста в результате клика на который появится некоторая дополнительная информация. В этой связи имеет смысл решение следующей задачи: Необходимо средствами HTML и CSS реализовать без использования дополнительных картинок следующий объект: моноширинный + помещён в рамку толщиной 2px и расстояние между хвостиками плюса и рамкой 2px. Также для достижения большей универсальности заготовки полезно будет добиться того чтобы объект не реагировал на изменение размера шрифта. Кроме всего прочего необходимо обеспечить возможность не затруднительного (копипастой) добавления такого объекта непосредственно после текста.
0 votes4 answers -
как отобразить картинки одинакового размера?
страница выводит превьюшки, они изначального разного размера, а как сделать (для эстетики), чтоб он отображал их одинакового размера, без искажений? т.е. отображал строками в каждой из них по 3 картинки, ширина блока 240px, выравнивание по верху и середине блока, а что не помещается не отображается.
0 votes25 answers -
ul и h3
Как выровнять список, что бы все было в одну строчку? <ul style="list-style:decimal;"> <li><h3>Заголовок 1</h3></li> <li><h3>Заголовок 2</h3></li> </ul> При построение такого списка нумерация на одном уровне а h3 на другом и ни как не получается их выровнять.
0 votes8 answers -
Обратная связь
всем доброе время суток! Что нужно в этом коде сделать, чтоб работала обратная связь? <div class="reply-form"> <h2>Обратная связь:</h2> <form action="#"> <fieldset> <legend>Форма Обратной Связи</legend> <div class="form-row"> <label for="form-item-1">*Контактное лицо:</label> <div class="contact-input"><input type="text" id="form-item-1" /></div> </div> <div class="form-row"> <label for="form-item-2">*Телефон:</label> <div class="contact-input"><input type="text" id="form-item-2" /></div> </div> <div class="form-row"> <label for="form-ite…
0 votes7 answers -
iPhone телепатит, где не просят :(
Заметил странность Safari на iPhone: похоже, туда вшит какой-то примитивный ИИ, пытающийся найти на странице "главный текст" и увеличить шрифт в нем. Причем ладно бы уже увеличивал весь блок, так какое там: заголовки (даже с размерами, указанными в %!) оставляет как было по дизайну, а просто абзацы и списки раздувает раза в 4, получается безобразие. Алгоритм какой-то хитрый: содержимое дива с классом aside не раздувает, когда ставлю класс aside на основной блок, а у настоящего aside убираю — начинает раздувать бывший aside, но когда ставлю aside обоим — раскусывает, зараза, и основной див всё равно раздувает. Прямое указание размеров работает, но как относительное (т.е. ч…
1 vote3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-