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
-
Маркер списка
Есть вертикальный список, у каждого li стоит рисунок маркера, позиция inside, не получается выровнять этот рисунок по-вертикали, чтобы он был как бы по центру элемента.
0 votes9 answers -
Выровнять по ширине одну строчку текста
Нужно сделать так, чтобы слово LIVE вверху или любое другое выравнивалось по ширине блока. Можно ли это сделать, не задавая жестко letter-spacing?
0 votes9 answers -
Индексация хака поисковиком
Всем доброе время суток. Есть такой вот вопросик: Как вы думаете (или знаете) учитывают ли поисковики нижеследующий код: <!--[if lte IE 6]> Скрытый код <![endif]--> - Мне необходимо поставить данный хак но чтоб поисковики не принимали/не читал код внутри "хака-комментария" и он был виден лишь для IE6. Заранее всем откликнувшимся большое спасибо.
0 votes9 answers -
iframe вывод клика по ссылкам в сам фрейм
Помогите пожалуйста разобраться Я вставляю в свой сайт при помощи IFRAME другой сайт вот так: <iframe name="iframe" src="http://www.youtube.com/user/temamod" width="100%" height="1350" scrolling="no" align="left" frameborder="0"> </iframe> в результате получается так http://www.berserkway.ru/?page_id=96 НО нажимая ссылки во фрейме youtube меня выкидывает на отдельную страницу а надо чтобы резултаты нажатия ссылок выводило в этот фрейм. Как это сделать ? Причем наблюдается зависимость от того какой сайт вставляешь - какие то сайты отдельные окна по ссылкам открывают, а какие то внутрь фрейма результат выдают.
0 votes9 answers -
не знаю даже как называется, но помогите срочно
Привет всем! Проблема вот в чём. Мне нужно сделать кнопку (или картинку) при нажатии на которую будет выводиться новый слой с информацией, но без рамочки с крестиком в углу. И что бы этот слой был поверх страници и не путал другие слои. как это возможно сделать? А то я уже по форуму облазился.
0 votes9 answers -
Автопереносы
Есть некий текст внутри контейнера, необходимо задать максимальную ширину контейнера, при которой текст будет переноситься на новую строку. В этом случае я не могу использовать параметр width, так как тогда если текст очень короткий, то образуется слишком большой отступ от текста к правому боку контейнера, также не могу использовать max-width, потому что в ИЕ это не работает. Есть еще способы как такое сделать?
0 votes9 answers -
<a> вынести BG-картинку за пределы элемента
Привет всем. Имею UL лист со ссылками такого вида: ul.mm, ul.mm li { list-style:none; } ul.mm a { display:block; background:#4dc4ed url(/images/bg_mm.gif) right top no-repeat; height:25px; color:#FFF; margin-bottom:2px; width:200px; font-size:0.8em; text-decoration:none; line-height:25px; padding-left:1.5em; } ul.mm a:hover { background:#ec584c right bottom url(/images/bg_mm.gif) no-repeat; } Посмотреть можно тут: http://www.zebra-tara.ru (там пустая страница, только лист со ссылками) Что я хочу: чтобы фоновая заливка цветом у ссылки заканчивалась до background-изображения. Либо, как-то вынести изображение правее элемента, но чтобы они составляли единое целое…
0 votes9 answers -
в файрфоксе все отлично, а в ИЕ - все разламывается
такая проблема - сверстал страничку таблицами в хтмл, ну немного цсс еще в голове добавил. в файрфоксе все смотрится отлично - однако, при открытии в ИЕ этот сраный браузер зачем все нахрен наперекосяк сдвигает - логотип разламывается, вырание по центру сбивается, половина текста куда-то пропадет.. подскажите, пожалуйста, если кто знает, из-за чего это может быть.. вот код страницы: <html> <head> <title>Наружная реклама с расчетами по бартеру</title> <style type="text/css"> body { background: #ffffff; margin: 0; padding: 0; spacing: 0; } a { text-decoration: underline; font-family: Verdana, Tahoma, Arial, sans-serif; } a:hover …
0 votes9 answers -
как быть с background-image
Всем привет!!! Подскажите новичку в css , собственно вопрос .как поставить 1 background-image выше другого допустим есть таблица в ней фон закоментирован этим TD.bg { background-image:url(images/bg.jpg); width:90%; height:203px; } Мне нужно чтоб в этой же таблице(либо в другой но распалагался чтоб выше) был еще 1 background-image и был видем первым(тоесть выше TD.bg) как быть? пробовал через z-index , не помогает
0 votes9 answers -
При написании кода броузер перестал понимать блокнот
Здравствуйте! С недавнего времени код HTML,CSS и JavaScript записанный в блокноте не воспроизводится или воспроизводится неверно в броузере Internet Explorer 7.0. Например, в divе отображается фоновый цвет, но не отображается фоновый рисунок, <p></p> или <img src=...>, заключённые в <div> ...</div> при изменении значений left-top дива не перемещаются вместе с контейнером, а либо остаются на месте, либо вообще исчезают. Я естественно в первую очередь перепроверил правильность написания кода - ВСЁ ПРАВИЛЬНО! Потом переустановил Internet Explorer и Microsoft Office, но всё тщетно. И , да , ещё такая особенность: прежние коды, написанные далее,че…
0 votes9 answers -
Footer внизу страницы...
Да, да, да. Было очень много тем, где обсуждался футер внизу страницы. Но у всех тех решений есть один существенный недостаток: жестко прописывается высота футера. Между тем часто нельзя заранее узнать высоту футера. Например, есть у меня в футере несколько ссылок и высоты 50рх достаточно. Но завтра мне может понадобиться вставить туда кучку логотипов и высота увеличиться неизвестно на сколько. Просмотрел кучу ссылок, но решения с высотой футера, растягивающейся под контент, так и не нашел. Неужто его не существует? (без джабы)
0 votes9 answers -
не работает background: url
Вот класс #u1{ width: 600px; margin: 10px 0 40px 0; float: right; right:630px; background: url(images/gerb1.gif) repeat-x; } Вот див </div> <div id="u1"> <img src="image/g.gif" alt="" border="0"> </div> Хотелось чтобы картинка заполнилась фоном, только не получается. вЧемпроблема?Я в css новичек, помогите!
0 votes9 answers -
Высота слоя в процентах
Высота слоя в процентах, заданная с помощью стилей просчитывается в разных браузерах по разному. Каким образом можно сделать два блока (один под другим) высотой 40% и 60% (плюс, минус 2 процента для стыка), без образования скрола в браузере и пустого пространства.
0 votes9 answers -
Нужно растянуть дизайн по вертикали
Помогите, пожалуйста, разобраться. Сделал макет: http://www.trinity-bridge.221b.ru/index.htm Заточен был под 1024х768, вроде всё ничего. Посмотрел на большом разрешении - захотелось растянуть дизайн по вертикали, чтобы внизу не было пустого места. Ширина макета 1000 px, высота 99%. Проштудировал вот это: http://htmlbook.ru/content/?id=95 Что-то не работают у меня эти рецепты. Один рецепт воплощён здесь: http://www.trinity-bridge.221b.ru/index2.htm В Опере выглядит нормально, хотя в Dreamweaver стало не видно ничего. А в IE6 показывает только фон и ни одного объекта. Можно ли сделать универсальный код, или без хаков не обойтись? body { background-color: #0B2F6F; backgro…
0 votes9 answers -
Верстка блока
Прошу помочь с дивной версткой блока с семантической точки зрения корректной. Как на картинке. HTML: <div class="b-feedback"> <dl class="position">Текст 1 <dt class="line"> <i class="g-png"> <img alt="" src="pancil.jpg"; /> </i> </dt> <dd class="name">Текст 2</dd> </dl> </div> В CSS прописываю так: .b-feedback { clear: both; } .b-feedback .line { margin: 12px 0px 15px; position: relative; } .b-feedback .g-png { position: absolute; left: -30px; top: 0.2em; } .b-feedback .name { margin: 0px 0px 25px 30px } В моем CSS проблема в линии под Текст 1, если вставить border-bottom для .b-feedbac…
0 votes9 answers -
стили в IE
Плиз подскажите, как заставить работать в IE <html> <body> <div id="d1"></div> <script> document.getElementById("d1").innerHTML = '<style>#abc{color:red}</style><div id="abc">abc ABC abc</div>'; </script> </body> </html> В Опере всё ОК.
0 votes9 answers -
Проблема с инсталляцией Apache.
Решил установить Apache. Скачал .msi файл с оффициального сайта. Но, программа не устанавливается. Запускаю инсталятор, окно установки появяется, исчезает на секунду и появляется тоже окно, со следующим сообщением: Installation Wizard Interrupted The installation wizard was interrupted before Apache HTTP Server 2.2.11 could be completely installed. Your system has not been modified. To complete installation at another time, please run setup again. Click finish to exit the wizard. И одна активная кнопка - "Finish". Перезапускал установку, скачивал другие версии, ничего не помогает, везде одно и тоже. Проверял антивирус, вроде не запрещает установку. Что делать, может у ко…
0 votes9 answers -
Табуляция с точками
как сделать такой вот макетик резиновый div —————————————— | Машин..............................10| | Велосипедов.....................5| | Мотоциклов.......................4| | | —————————————-- Тоесть получается что часть текста выравнивается по левому краю, часть по правому а между ними всегда должно быть много много точечек чтобы закрывали пустое пространство. Есть ли какие нибудь стандартные средства для реализовки такого, или придется выкручиваться танцами с бубном ??
0 votes9 answers -
visibility:hidden;
Есть ли аналог этого свойства? Ато, как выяснила практика, он не работает в ие.
0 votes9 answers -
Кроссбраузерная flash
Заверстал flash через SwfObject но вот никак не могу найти материала по тому как сделать так чтобы flash ролик растягивался под размер окна <!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" lang="ru" xml:lang="ru"> <head> <title>[(site_name)]</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" href="assets/templates/default/sait.css" type="text/css" /> <script type="text/javascript" src="assets/media/swfobject.js"></script> <script type="…
0 votes9 answers -
Word to HTML
Всем известно как MS Word сохраняет документ в html - устанешь разгребаться. А очень хочется чтобы БАЦ и на тебе <h3> и <p> Какой способ самый быстрый/оптимальный?
0 votes9 answers -
Создание горизонтальной галереи
Хочу сделать горизонтальную, "резиновую" фотогалерею. Но загвоздка в том, что все браузеры молодцом, а ИЕ под номером 6 так и норовит слой с параметром { overflow: hidden; } раздвинуть по всей ширине списка в котором содержатся фотографии. Вопрос: возможно-ли что-то добавить, убавить, чтобы ИЕ6 прекратил раздвигать окно или есть какие-то альтернативные пути? HTML: <div id="gallery"> <a class="left_arrow png_bg" onclick="return(false)" href="#"></a> <div id="clip"> <ul> <li><a href="#" class="img" style="background:url(files/gallery/1.jpg) top left no-repeat"><div class="pinta_zoom"></div></a></li&…
0 votes9 answers -
атрибут для caption=""
Привет народ! Валидатор ругается в этом коде на первую кавычку = caption="альбом - Архитектура"> и пишет так = there is no attribute "CAPTION". доктайп - DTD HTML 4.01 Transitional Какую ему кавычку подсунуть? Доктайп менять не охота
0 votes9 answers -
Полдскажите хорошие и правильные книги по (x)html, css, javascript, php, ajax
Здравствуйте. Вопрос к мастерам с хорошим опытом. Какие книги вы читали чтобы поднять свой уровень в web-разработке. Предисловие: я программист, по профеcсии работаю достаточно давно, программирую под различные СУБД на win32, хорошо знаю ООП, немного читал о паттернах проектирования, неплохо разбираюсь в синтаксисе html, css, javascript, php. Теперь решил досконально изучить web-разработку. По этой теме достаточно много книг, но очень много реально противопоказано читать, сейчас во время web-стандартов и div разметки, читать о старых приемах с таблицами и даже без намека на существование стандартов страшно и очень неправельно. Хороших книг как я понял мало. Вот и появился…
0 votes9 answers -
textarea в xhtml
Приветствую коллеги. Подскажите, параметры cols и rows всегда были обязательными для textarea в xhtml 1.0?
0 votes9 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/
-