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
-
IMG MAP AREA - координаты в процентах
Нужна интерактивная МАСШТАБИРУЕМАЯ картинка на весь экран. Хочу сделать с помощью тэга area. Всё бы ничего, да вот при масштабировании регионы уползают кто куда Вроде бы можно указывать координаты в процентах, но ни в IE, ни в Opera данный код не работает У кого какие есть соображения? <img src=bg.jpg width="100%" border="0" usemap="#Map"/> <map name="Map"> <area shape="rect" coords="0%, 0%, 50%, 100%" href="#" alt="zone1"> </map>
0 votes6 answers -
Шрифт Arial Narrow
Дизайнер настаивает на использовании этого шрифта или чего-то подобного (с узкими символами). Этот шрифт в принципе подходит, но у него проблемы с отображением буквы "ш" - не знаю как в семерке, но на XP он слипается со следующим. Образуется двухпиксельная полоска, которая при чтении вызывает ощущение "кляксы". Предполагается использование на больших массивах текста, поэтому решения типа Cufon не подходят. Есть идея с помощью Java Script помещать "ш" в span с однопиксельным отступом справа, но это будет тормозить страницу. Есть ли решение или аналогичный шрифт?
0 votes6 answers -
ie6 div width 100%
Доброго времени суток! Бьюсь весь вечер над проблемой некорректного отображения страницы с 100% шириной div'а. Вот код страницы (упростил, но суть видна): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>title</title> <style type="text/css"> body { margin: 0; padding: 0; } div#header { width: 100%; height: 150px; background-color: green; } div#bigData { width: 3000px; border: 1px solid red; } </style> </head> <body> <div id="header">some text</div> <div id="bigData"> </div> </body> </html> То есть если под блоком div появляетс…
0 votes6 answers -
SOS! Opera 10.62 лагает при стандартной задаче
Странно, но у меня ни когда не было проблем с Оперой 10* а теперь вообще необъяснимый для меня глюк (подробнее см. рисунок). Почему Header уполз вправо????? Почему Мозила и Хром все отлично отображают?! HTML документа такой: <div id="header"> <div id="menu"> <ul id="nav"> <li class="m2"><a href="/portfolio" /></li> <li class="m3"><a href="/biografi" /></li> <li class="m4"><a href="/services" /></li> <li class="m5"><a href="/products" /></li> <li class="m6"><a href="/contact" /></li> </ul> </div> <div id="logo"><a …
0 votes6 answers -
Позиционирование блока относительно родителя и IE6
Возникла следующая проблема: для создания фонов задана структура html-body-div1-div2. Div2 позиционируется абсолютно относительно Div1. Футер прибит. Во всех браузерах все нормально, кроме IE6. В нем Div2 позиционируется относительно body и получается, что нужный фон не растягивается как надо. Вот код для этих блоков: html, body { height:100%; } html { font-size: 100%; background:#a2a1a1 url(text_bg.gif) top left repeat; } body { margin:0; font-size:10px; color: #000; font-family:Arial, Helvetica, sans-serif; } .shadow { background:url(bg.gif) repeat-y center top; min-height:100%; height: auto !important; height:100%; position:relative; } .bac…
0 votes6 answers -
Верстка табов
Подскажите как правильнее сверстать такие вкладки: http://pics.livejournal.com/happi_net/pic/0000p6sh/ чтобы каждая следующая вкладка ложилась под предыдущую чтобы вся вкладка была ссылкой и чтобы ссылки еще не перекрывались у меня проблемы именно с этим перекрывающими уголками, получается ссылка накладывается поверх следующей вкладки и еще каждой вкладке приходится прописывать свой z-index, что не делает код универсальным памагите!
0 votes6 answers -
DIV не больше заданой ширины
Приует всем! Мне нужно создать див, чтоб он был не больше 1600пикселей, но мог быть меньще, не подскажите куда мне смотреть или тыкните носом как это можно реализовать.
0 votes6 answers -
Вёрстка товаров.
Всем привет. Сейчас попробую изложить суть своего вопроса. В общем делаю интернет магазин. И вот в нём товары есть. Они располагаются в контенте. Как их верстать в таком случаем? Не верстать же их каждый по отдельности, а надо сделать так, чтобы их можно было динамически потом вставлять на страницу. Подскажите, как такие вещи верстают, если меня кто понял.
0 votes6 answers -
как пользоваться PSPad
подскажите пожалуйста как пользоваться PSPad
0 votes6 answers -
Объясните поведение элемента во всех браузерах
http://vsegarazd.com/nikita/test/ на этой странице список отображается вертикально в ряд, а должен горизонтально в ряд я не первый день версткой занимаюсь, но принцип отображения понять затрудняюсь, ul абсолютно отпозиционирован, если убрать left:900px; отображение становится правильным пример кроссбраузерный, кода совсем чуть-чуть, профессионалы помогите разобраться
0 votes6 answers -
Выравнивание текста в ссылке по вертикали
Если a{display:block}, то как в этом блоке выровнять текст по вертикали. Пробовал поместить текст в тег <p> и задать p{vertical-align:middle;}, то есть <a><p>текст</p></a>, но не получается:браузер это выравнивание не отображает
0 votes6 answers -
Помогите. Выравнивание двух контейнеров по ширине.
Вобщем надо сделать так: . Есть два контейнера, находящиеся в средине третьего. Ширина всех трех не известна. Надо чтобы "Блок 1" выровнялся по левому краю, а "Блок 2" занял все оставшееся слева место. В "Блок 1" находится рисунок, в "Блок 2" текст. В "Блок 2" есть background и border. Если у первого блока ставлю float:left ,то бэкграунд второго блока заходит до левого края первого, а сам текст обтекает блок 1 нормально. Если в стиле "Блок 2" тоже ставлю float:left, то его размер сжимается до размера содержимого в нем текста. (Варианты с таблицами и с тем что бы дать рисунку фиксированный размер, а у второго блока задать отсутп не предлагать). Уже второй день парюсь …
0 votes6 answers -
Требуется протестить капчу
http://catlair.net/?&Body=body&pag...mp;UIDNews=1448 Плс, проверьте капчи на читаемость. Возможно кто-то проверит как они работают на сторону.
0 votes6 answers -
3 колонки. В центральной плавающие элементы. Как продлить фон колонки
В общем имеем: <div id="wrapper"> <div id="sidebarLeft"></div> <div id="sidebarRight"></div> <div id="content"> <div class="items"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> </div> </div> </div> #sidebarLeft { float:left; width:225px; } #sidebarRight { float:right; width:225px; } #content { margin:0 225px; } #content .items { } #content .items .item { float:left; width:100px; height:100px; } Надо чтобы у блока #content был фон. Я ему просто з…
0 votes6 answers -
ПРоблема с IE7 в позиционировании form и button в div
Здравствуйте уважаемые участники форума. Есть проблема, никак не могу разобраться... Пытаюсь выровнять поля для ввода пароля и кнопки относительно друг друга... Пробовал и свойством margin и обычными top, left, с position:relative; Во всех браузерах более мение корректно, а в IE кнопки постоянно меняют положение... @charset "utf-8"; /********************************************************/ html, body { margin:0; padding:0; border:0; width:100%; height:100%; background:url(images/bg.png) repeat-x top; background-color:#ffffff; text-align:center; font-family: Helvetica, Verdana, Arial, sans-serif; } /********************************************************/ #cont…
0 votes6 answers -
проблема с занулением родительских свойств
Сломал себе голову, прошу помощи у всезнающего all. есть стиль div.random_img { border: 5px solid #6B5C51; width: 84px; height: 80px; background-color:#fff !important; margin:0; padding:0; overflow:hidden; } и код <div class="iec" style='width:100px;' align='center'><div class="random_img"><a href="..."><img src="...." width="90" alt="Запонки Dalvey" border="0" /></a></div></div> на пустой странице все ок ( пример http://kvv77.jino.ru/share/test2.htm ) - рамка, картинка. но в контексте этот же див расползается, у картинки появляется отступ слева и даже размер другой! http://kvv77.jino.ru/share/test1.htm справа. ОТКУ…
0 votes6 answers -
Хочу сделать свою галерею+вопрос про пунктиры.
Здравствуйте. Делаю сейчас сайт для фотографа. Вот как он выглядит: http://sharepix.ru/request_original/s3q9ky...mage9340057.png . Буду безумно рад, если вы мне поможете. Во первых как убрать эту рамку при щелчке на мини картинку? Эта рамка только в фаерворксе есть. Ну рамка ладно, фиг с ней. Как мне сделать, чтобы при нажатии на двойные стрелки перелистывалось 5 миниизображейний, а при нажатии на 1, только 1. Готовые галерии я искал, они либо на флеше, либо на js, но они совсем другие, либо внешний вид я понятия не имею как у них переделать. Хочу сам такое написать на js. Скажите, есть ли что то готовое для моего случая? А то в гугле я для себя ничего найти не могу. И ес…
0 votes6 answers -
Составные инпуты в FF: что откуда?
В FF есть файл forms.css (под WinXP — в подпапке res папки установки), в котором написаны интересные вещи (спасибо мозилловскому форуму за наводку, а этому форуму — за наводку на мозилловский). В частности, упоминаются некие select > input[type="button"] input[type="file"] > input[type="text"] input[type="file"] > input[type="button"]а также их особые состояния, комбинации и т.п. Что это? Действительно ли для Мозиллы некоторые элементы форм являются составными и если да, можно ли стилизовать их по частям (я попробовал — "в лоб" не получилось, но, может, я что-то делал не так)? Или эти строчки — пережиток какой-то древней версии движка (версия навеяна комментом "…
0 votes6 answers -
Реализация сложного фона средствами CSS
Добрый день. Назрел такой вопрос с реализацией многослойного фона. На картинке - очень хороша видна суть, и все описано. Очень похоже сделано здесь - http://dgame.ru/ (сильно уменьшите масштаб чтобы посмотреть как реализован фон), но - у них реализовано на табличках. Хотелось бы (по крайней мере по кускам) замутить на дивах. Я думаю на изображениях все предельно понятно, если что-то нет дообъясню Как должно выглядеть в браузере (если окно меньше или равно 1000px) Как должно выглядеть при уменьшении масштаба/увеличении разрешения P.S. Опять же, ребята, просто кому интересно, может быть просто навести на мысль даже по кускам, я и сам не проч позамарачиваться, спецификац…
0 votes6 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 -
Меню
Подскажите, как можна зделать вот такое меню ???http://s60.radikal.ru/i167/1010/ab/2a7c252371d0.png Может есть примери????Что изпользовать и тд.
0 votes6 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 -
Как узнать размер repeat
Есть фон на сайте, как узнать какую часть минимальную можно тянуть, фон неоднородный похож на песок. Где в фотошопе можно глянуть какой размер минимальный повторения этого repeat?
0 votes6 answers -
возможно ли описание стиля id селекторов "по маске"?
Собственно вопрос возможно ли описание id селекторов "по маске"? допустим есть несколько блоков <div id="name-1"></div>, <div id="name-2"></div>, <div id="name-3"></div>, <div id="name-4"></div> и тд. до бесконечности, крайнего номера не заданно. То есть отличие в идентификаторе задается только через "-номер", name - для всех общее. Возможно ли описать стиль для всех этих идентификаторов? если да, то как?
0 votes6 answers -
Прокомментируйте код
Прокомментируйте код, это css и javascript, ваши комментарии будут паказаны автору кода в качестве убеждения тех или иных позиций, сам автор неможет зайти по технико/религиозным причинам /* pagination */ .pagesWrapper { width: 100%; float: left; } #pages { padding: 0 10px; margin: 0 0 10px; color: #91969c; font: 12px Verdana, Geneva, sans-serif; } table#pages_table { width: 100%; border-collapse: collapse; table-layout: auto; } table#pages_table td { } table#pages_table td .count_result, table#pages_table td .count { font-weight: bold; } table#pages_table td .count_result {} table#pages_table td .count {} table#pages_table td .paginator { display: block;…
0 votes6 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/
-