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
-
OBJECT и Int. Explorer
Господа! У меня возникла некоторая проблема с отображением тега object в Internet Explrer'е. Просматривая свою страницу в Firefox, у меня вопросов не возникло. Но как только я открыл ее в Explorer'е, появилась нежелательная полоса прокрутки. Помогите ее убрать, а если таковой возможности нет, то посоветуйте другую альтернативу. <object data="news/1.html" type="text/html" border="0" vspace="24" hspace="16" height="700" width="490"></object> - в IE - в Firefox P.S. Прошу не судить строго мою работу, но все замечания и пожелания принимаются)))
0 votes3 answers -
Форма, submit выше text на 1px
Задача - получить одинаковые по высоте поле ввода и submit. Код: <style type="text/css"> input.search-fields { font-family: Verdana, monospace; font-size: 14px; color:#FFFFFF; background-color:#000000; border: 2px solid #000; padding: 2px; margin: 0; outline: none; height: 19px; } input.search-fields[type="submit"] { text-align: center; height: 27px; } </style> </head> <body> <form id="search" action="search.html" method="GET"> <input name="search-text" type="text" size="15" class="search-fields" id="search-text" autocomplete="off"> <input type="submit" class="search-fields" value=" >> "> </form>…
0 votes3 answers -
Выравнивание блочного элемента (CSS)
В CSS есть свойство text-align - выравнивание текста внутри блока. А как выравнить сам блок, не используя атрибут align, а только через CSS? Например: <html> <body style="text-align: center;"> <div style="background-color: red; width: 40%;"> ... </div> </body> </html> Элемент div будет выравнен по левому краю окна, а текст внутри него по центру. А надо сам div выравнять по центру.
0 votes3 answers -
Размер сраницы
как в dream'e изменить размер страницы? какой код и где его вставить?
0 votes3 answers -
Выпадающий список
как его создать?
0 votes3 answers -
Обтекание аватарки блоками
Верстаю страницу форума. У поста слева-сверху блок с аватаркой, у него стоит float:left, и текст его обтекает. Проблема начинается, когда в посте появляется блок цитаты <blockquote> - его текст обтекает аватарку правильно, но фон лезет под неё. Если элементу <blockquote> тоже проставить float:left, то аватарка обтекается как нужно (блок полностью справа, а не только его текст), но тогда уже сам блок цитаты справа обтекается текстом. Поставить clear, разумеется, не поможет, так как он уберёт обтекание текстом и цитаты и аватарки, а надо только цитату. <div class="post"> <div class="userinfo"> <span class="name">Юзернейм</span…
0 votes3 answers -
Как выбрать только используемые стили
Добрый день Есть страница, которая использует стили из нескольких css файлов. В этих файлах есть также много стилей, которые используются на других страницах сайта, но не используются на данной. Если ли какой-то CSS редактор, который бы автоматически выбрал только используемые стили и соединил их все в один файл?
0 votes3 answers -
Игнорирование свойства padding.
Здравствуйте. В блоке есть два вложенных блока. Не понимаю, почему для правого не полностью применяется свойство padding? Отступ от правого края есть, а вот от левого нет. Это можно исправить, если задать свойству margin-left величину большую, чем ширина левого, но тот факт, что правый игнорирует padding стал для меня неожиданностью. Я что-то забыл или так оно и есть? Скриншот (видно, что граница проходит вплотную). HTML. <!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" …
0 votes3 answers -
Выпадающий список сдвигает нижние элементы
C днем Святого Валентина всех! Сделала select с помощью скрипта, который преобразует в div и ul. Все хорошо, только выпадающий список сдвигает нижние элементы при выпадении Можно это как-то CSS вылечить?
0 votes3 answers -
Проблемы при переносе списка на след. строку
Всем привет. Есть такая проблема - я расположил изображения на странице с помощью списка по горизонтали. При меньшем разрешении то что не влезает переносится на следующую строку. Но, если добавить к изображениям подписи, нижняя строка начинает съезжать вправо. Никак не могу от этого избавиться. Помогите!
0 votes3 answers -
Проблема при прокрутке
Всем привет.Столкнулся с такой проблемой,шаблон фиксированный (1100px) есть меню и футер которым я задал свойство width:100%;при увеличении масштаба все работает,а когда уменьшаю масштаб,при прокрутке вправа исчезает часть картинки. Вот как раз тема соседа,у него на сайте так же - http://www.rolsistem.ua/ Можно ли как нибудь это исправить?
0 votes3 answers -
две проблемы в опере
Здравствуйте не слишком соображаю в верстке, накидал тут зачаток макета, и сразу две проблемы... Во-первых, шрифт который я подгрузил, внешний, работает только в лисе во-вторых, лиса отрисовывает границу и заливку дива, а опера почему-то нет. Подскажите как исправить, на что обратить внимание. В ие даже боюсь заглядывать химичу тут http://lvl7.ru/author.php
0 votes3 answers -
Очередная проблема с валидацией.
Валидатор FireFox "ругается" на строку: <a href="/ru/institutions/page2/?city=&area=&institution_type=&cuisine="> И объясняет все так: Как исправить?
0 votes3 answers -
Респонсив верстка. Изображения
Верстаю респонсив. В макете есть вот такой блок Дело в том что при разной ширине экрана действительная высота блоков меняется. На некоторых экранах это выглядит вот так: Т.е. появляется разрыв между верхним и нижним блоком изображений. Как от этого избавиться? Вот здесь сама верстка:
0 votes3 answers -
Вопрос к профессионалам
Собственно вопрос опять же про overflow-x: hidden; overflow-y:visible; Задача: Сделать такой блок в котором все что выходит за пределы блока по горизонтали будет скрыто, а по вертикали видно. Нужна четкая вложеность: <div class="first"> <div class="second"> </div> </div> Вот наглядная схема то что нужно сделать <style> .first { margin: 100px auto; border: 5px solid #000; width: 500px; height: 200px; overflow-x:hidden; overflow-y:visible; } .second { width: 600px; height: 300px; background: lightblue; } </style> <div class="first"> <div class="second"> </div> </div> Вот как выглядит: Во…
0 votes3 answers -
Странная новость..
<div class="entryMessage"><img align="left" src="template/no_img.gif">Вёрстка от 212th</div> .entryMessage {background-color:#fff; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; padding:4px;} .entryMessage img {border:1px solid #000000;} Рамка не полностью покрывает текст и картинку, ну из скрина видно.. Помогите!!
0 votes3 answers -
Фиолетовый цвет вместо черного в IE 8
В IE8 заданный в CSS черный цвет имеет фиолетово-желтый оттенок, хотя в Fx отображается черным. Как убрать непонятный оттенок?
0 votes3 answers -
Как сверстать оглавление как в книге?
Вот что нужно сверстать: http://rghost.net/4477368/image.png Если словами то имеем три колонки, на каждом ряду первая и третья не фиксированного размера, а та, что по центру должна быть заставлена точками (я так понимаю это может быть border-bottom: 1px dotted black). Правая колонка выровнена по правому краю Типа вот такого: Ширина.........150 мм Высота..........200 мм Глубина.......3500 мм Подсткажите пжл как такое можно такое сверстать? Спасибо За примеры отдельное спасибо
0 votes3 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style> #menu { width:200px; min-height:100px; padding:0 0 0 0px; margin:100px 0 0 100px; } .button_1 { width:200px; height:50px; display:block; background:url(images/button.png) no-repeat; cursor:pointer; } .active { width:200px; height:50px; background:url(images/button_active.png) no…
0 votes3 answers -
Переход по якорям с одинаковым именем в пределах одной страницы
Подскажите, пожалуйста, можно ли решить следующую задачу средствами javascript (или как-нибудь по-другому) есть страничка с несколькими якорями, у которых совпадают атрибуты href и name. Необходимо, чтобы при нажатии на любую ссылку осуществлялся бы переход к следующему якорю ниже на странице, а не к первому <p><a href="#01" name="01">мама</a> мыла <a href="#02" name="02">раму</a></p> ... <p><a href="#02" name="02">рама</a> мылась <a href="#01" name="01">мамой</a></p> ... <p><a href="#01" name="01">маме</a> мыть <a href="#02" name="02">раму</a></p> Требуется для то…
0 votes3 answers -
Растягивание по высоте блока, с вложеными позицированными дивами
Всем привет. Есть главный блок all, позиционируемый по центру. В нем еще один блок content, так же располагается по центру. Внутри content есть два блока box_left и box_right, к которым применяется float. Блок content должен растягиваться по высоте, в зависимости от высоты блоков box_left и box_right. Применить float к content нельзя. Прикладываю миниатюру.
0 votes3 answers -
Проблемы с IE
Доброго времени суток! IE главную страницу сайта http://libufim.ru отображает нормально, а внутренние страницы http://libufim.ru/mode отображает так, как будто на них не действуют никакие стили. Уважаемые Гуру HTML и css, помогите решить проблему.
0 votes3 answers -
Высота резина, и область наполнения(Content) с скролом.
Хочу сделать первый слой с логотипом, а второй наполнитель... но так что бы информация прокручивалась в контенте скролом. Причем высота должна быть резина, а скрол появляется только при фиксаций высоты!!!! Вопрос как сделать так что бы высота была резина и был скрол контента без прокрутки всей страницы. Как тут Раньше реализовывал это на фрейме, но сейчас хочу переписать сайт на слои и возникла такая проблема. Примерный код такой: <!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> <title></title> <me…
0 votes3 answers -
Reserve a table
Страница с формой регистрации столика от ресторана Bella Motel. Сама страница выглядит так. Нельзя Продавать PSD-файл или использовать его в своей работе. Заимствовать элементы дизайна. Можно Указывать полученный результат вёрстки в своём портфолио. Задание 1. Верхняя и нижняя часть макета тянутся по ширине окна. 2. Контент фиксированный, ширина 940px. 3. Используются шрифты Roboto Condensed, Lobster, Open Sans, подключить их через Google Fonts. 4. Сделать ссылками - логотип, верхняя навигация, нижняя навигация, Home в хлебных крошках, ящик эл.почты, "Book Now", иконки соц.сетей. 5. Ширина полей формы и блока "Reservation Discounts" имеет фиксированные размеры. 6. В форм…
0 votes3 answers -
Проблема с кодом
Всем Привет! Нуждаюсь в вашей помощи. Возможно вам это покажется глупым, но все же, я новичок, и мало чего знаю, пока. Есть сайт, сделан на вордпресе. В тексте вставлен код <p style="padding-left: 30px;">1. <a onclick="if (naldiv.style.display=='none') {naldiv.style.display='inline'} else {naldiv.style.display='none'}">Наличными</a></p> <div id="naldiv" style="display: none;"><p style="text-align: justify;">В нашем офисе по адресу: г. Киев, ул. Ленина 1, оф 1</p></div> <p style="padding-left: 30px;">2. <a onclick="if (privatdiv.style.display=='none') {privatdiv.style.display='inline'} else {privatdiv.style.displ…
0 votes3 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/
-