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
-
Верстка в Firefox
Есть необходимость использовать окна фиксированного размера для текста. Нужно, чтобы если HTML содержимое не помещается в окно, показывалась прокрутка. Использую следующее решение: fieldset.radios { overflow: auto; height: 300px; } <fieldset class="radios"> <label><input type="radio" ...>Thing 1</label> <label><input type="radio" ...>Thing 2</label> ... </fieldset> Работает идеально во всех браузерах, кроме Firefox, где прокрутки нет и текст просто "вываливается" из окна: пример Подскажите, как можно исправить это для Firefox?
0 votes8 answers -
Сыпятся эелементы.
Задача: Сделать полку по всей ширине страницы, на ней находятся книги, статуэтки и т.д.Предметы должны свободно перемещаться по полке и не закрывать друг-друга.Решил с помощью плагина jquery-ui Sortable(Так же они должны подсвечиваться при наведении, выпадать из каждого элемента подсказка, при давлклике выпадать меню <— это так, к слову).Всё сделал проКроссил ,но вот беда как начинаю сужать браузер предметы с полки начинают сыпаться.Никак не могу решить проблему чтоб всё оставалось на оси х.Пробовал интересный плагин imagefit,всё здорово но при уменьшении предметы не падают а начинают съезжать с полки т.е. их не получается уменьшать картинку по оси х и у и чтобы они ос…
0 votes8 answers -
DOCTYPE и кривизна вёрстки
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> есть такая делема, если поставить DOCTYPE то в CSS работает hover но часть ститей в ie полностью отключаются, если не ставить то в таблицах работает height="100%" для многих динамических элементов CSS.hover просто необходим и таблици растягивать то же нужно, может есть какой нибудь выход, просто очень нужно и то и другое.
0 votes8 answers -
как сделать невидимыми элементы шаблона
Как сделать так, чтобы элемент шаблона был видимым только на определённых страницах? Соответственно, чтобы на других его не было.
0 votes8 answers -
поле уехало
помогите пожалуйста понять почему на страничке в последнем хроме поле .fld_search уезжает вверх? в ие подобные проблемы были, но я их решил при помощи условных комментариев. в хроме что можно сделать?
0 votes8 answers -
отображение слоя в IE при заданном разрешении экрана
ситуация следующая ——————————————————— Есть панелька, прописанная в основной css'ке в виде слоя. Нужно сделать так, чтобы она отображалась только тогда, когда разрешение монитора у посетителя выше 1280 по ширине. Т.е., к примеру при разрешении экрана 1024 на 768 она отображаться не должна. ВАЖНО - работать это должно ВО ВСЕХ основных браузерах. Я прописала такое в ксске: @media (max-width: 1250px) and (min-width: 300px) { #panelka { display:none; } } #panelka{ top: 50px; width: 100px; height:100px; position: absolute; left: 10px; } сам html файл при этом содержит <div id="panelka">панелька</div> в результате ОПЕРА при разрешении…
0 votes8 answers -
блок в форме сердца css
Представим что у нас есть блок а в нем изображение <div class="heart"><img src="image.jpg" alt="foto" /></div> Как сделать так что бы блок был в форме сердца и обрезал не влазящие части картинки?
0 votes8 answers -
Движение float:right элемента
Здравствуйте. При смене размеров окна браузера элемент с float:right двигается влево и в конце концов наезжает на обтекаемый элемент. С этим можно что-то сделать или это неисправимая особенность?
0 votes8 answers -
Список с увеличиваюшимся отступом слева
Добрый день. Вот встала задача сверстать список так, что бы каждый новый вложенный список имел больший отступ чем предыдущий. Задача вроде тривиальная, но при этом у каждого элемента списка должна быть черта снизу. Причем эта черта должна быть на всю ширину списка. То есть должно быть примерно так (палочки это отступы): первый уровень —————————— ||второй уровень —————————— ||||третий уровень —————————— ||снова второй —————————--
0 votes8 answers -
Применение классов в div
Здравствуйте. Сейчас пытаюсь самостоятельно верстать и попутно разбираюсь в готовом чужом коде в качестве примеров-образцов. Возник такой вопрос. Во всех учебных материалах при самостоятельном изучении встречал применение к div к качестве идентификаторов последних только id. Однако в чужих работах и даже в стандартных шаблонах Dreamveawer для всех div применяется только классы: <div class="header"></div>, <div class="conteiner"></div>, <div class="footer"></div>, <div class="sidebar"></div>, <div class="content"></div>. И даже внутри блоков к элементам применяются только классы: <ul class="nav"></ul>.…
0 votes8 answers -
Добавление класса
Здравствуйте, есть такая задача: Есть навигация, на ней ссылка Login, которая открывается через fancyBox, а в ней кнопка, при нажатии на которую нужно, что бы это всплывающее окно закрывалось, и в главном окне открывалась ссылка из кнопки. Насколько я понял, то это можно сделать через addClass - removeClass. Кто нибудь подскажет как это можно реализовать, потому что в jQuery я не силен. Заранее спасибо
0 votes8 answers -
<meta> и XHTML
В XHTML атрибуты и их значения должны писаться в нижнем регистре. Действует ли это правило для http-equiv="Content-Type"? Если да, то должно быть так: http-equiv="content-type"? Я просто никогда не видел, чтоб так было. Еще вопрос по XHTML: вместо атрибутов name должен использоваться атрибут id (за исключением форм). Касается ли это якорей?
0 votes8 answers -
Проблема на сайте табличной верстки
Здравствуйте. Сейчас ведется работа по созданию сайта. Шкурка табличная, изначально была привязана к таблице width="1024". Но нужна резина. И засада в том, что в некоторых блоках, дивы вылезают за границы ячеек таблицы. Если удается призвать к порядку в хроме и опере, то ползет IE/ И наоборот. А поженить никак не получается. Подкиньте пожалуйста здравую мысль, как эту пакость победить. css выводится в браузер, посмотреть пример вылезания можно тут - tt-rus.ru/index.php?page=wiki#all_articles Да и на других страницах тоже косяки табунами.
0 votes8 answers -
Спрятать текст на картинке меню
Делаю меню, которое должно быть картинкой, на картинки нарисованный текст. Само меню, ссылки - текстовые. Поместил картинку, а на ней текст ссылок. Теперь задача спрятать этот текст, чтобы был виден только текст, который на картинке. Цветом не получится, картинка разноцветная, задать 1px - видно. Как делать в таких случаях? МОжет быть можно сделать так, чтобы картинка была над текстом, наверху? Чтобы текст под ней прятался.
0 votes8 answers -
вопрос по изучение css
Я учусь верстать сайты. Занимаюсь по данным видео урокам - курс верстки сайта. Дошел до данного урока "приступаем к CSS". Я знаком с css. Но мне часто не ясно почему автор применяет тот или иной прием. Это именно связанно с написанием css стилей. Что вы мне посоветуете делать?
0 votes8 answers -
Отступы в кнопках. CSS
здравствуйте. добавил к кнопкам параметр {padding-left:}, получилось как мне нужно (на рисунку обозначено синим цветом), но как я и ожидал появились нежелательные для меня отступы по краям самого блока кнопок (на рисунке обозначено красным цветом). чем можно убрать? заранее спасибо.
0 votes8 answers -
html5-тэги в xhtml
не первый месяц верстаю, но до сих пор от стандартов голова кругом. помогите пожалуйста разобраться в таком вопросе как известно в html5 используются новые теги. для того чтобы старые браузеры понимали их применяют яваскрипт. если я объявлю тип документа xhtml, затем яваскриптом научу браузер понимать новые html5-тэги и буду их использовать, то могут ли возникнуть какие-нибудь проблемы? пробовал на готовой вёрстке заменить несколько дивов на новые html5-тэги. кажется ничего не съехало пока. но это ни о чем не говорит...
0 votes8 answers -
Ползет сайт
Доброго времени суток все участникам форума! У меня возникла проблема после верстки сайта: при увеличении масштаба в браузере Хром, на макете сайта появляются элементы состыковки картинок: Причем при разном увеличении они проявляются в разных местах... Подскажите пожалуйста в чем может быть дело? Если кого-то заинтересует, то исходники сайта я выкладывал тут : http://forum.htmlbook.ru/index.php?showtopic=36877
0 votes8 answers -
Закругленные края.
Доброго времени суток! Решил сделать шапку с закруглёнными краями, когда верстаю таблицами всё вроде неплохо, но div не получается никак. В наличии: header_left.jpg - левая сторона шапки. header_center.jpg - центр шапки (полоска, которая дублируется repeat-x)/ header_right.jpg - правая сторона шапки. <style> #header {width: 100%; height: 119px; margin: 0; padding: 0; text-align: center;} </style> <div id="header"> <div style="display: inline;"><img src="header_left.jpg"></div><!-- --><div style="background-image: url(header_center.jpg); height: 119px; width: 1200px; display:inline-block;"></div><!-- -->&…
0 votes8 answers -
Верстка под iPad
Добрый вечер. столкнулся со следующей проблемой: валидная верстка, вроде как все ок, отображение корректное как на нормальных, так и на мобильных устройствах (для мобильных писался отдельный css), НО на iPad при повороте из горизонтального в вертикальное положение "теряется" масштаб. проверка показала, что это не из-за JS, значит дело в css. Может кто-нибудь сталкивался ? *проблема усугубляется тем, что нет ipad_а под рукой для тестирования, а эмуляторы слишком далеки от реальности. UPD всем спасибо. Проблему решил сам. Необходимо было указать мета тег: <meta name="viewport" content="width=1000" /> где в качестве ширины указать желаемую ширину блока отображения. …
0 votes8 answers -
Нестандартное расположение блоков
Добрый день уважаемые форумчане Помогите советом, как реализовать задуманное. Для наглядности сделал картинку #Header-top растянуть на всю ширину, иметь полупрозрачность и обводку по краям при этом содержимое должно ровняться фиксированной ширине блока Slider и Content #slider и #Content равны одной фиксированной ширине
0 votes8 answers -
Положение строчных элементов
Скажите, как мне вертикально по центру выровнять строчный элемент (span), находящийся в div блоке?
0 votes8 answers -
Таблица на всю ширину родительской ячейки
Господа, прошу помощи! Есть таблица в таблице. Итоговая структура этих таблиц будет сложная, поэтому играюсь с рамками и отступами без дополнительных классов и элементов. И так. Ситуация такая. У ячеек таблиц установлен padding, допустим padding:5px 10px. В эту ячейку засовываем таблицу, и надо дать ей 100% ширины родительской ячейки. Плюс надо, чтобы визуально padding'и не удваивались. Для этого используем margin:-5px -10px к вложенной таблице. Но! Таблица тянется на ширину контентной части ячейки, без учёта полей! Для наглядности: http://jsfiddle.net/9tKg3/4/ Там где цифры "4" таблица тянется не до конца :-( Как же её растянуть на всю ширину?
0 votes8 answers -
Поблема с фоном
Подскажите пожалуйста! Я на фоновый рисунок поставил некое изображение, растягивающееся на весь экран (резиновый фон), задал относительное позиционирование (position:relative;) и сдвиг от нижнего края экрана (bottom: 240px;)... Изображение действительно сдвинулось на 240 пикселей от низа, как я и хотел, но под ним образовался пробел (что, в принципе, естественно). Объясните пожалуйста мне - ламеру, как избавиться от пробела или заполнить его! Заранее спасибо! Скрин выше!
0 votes8 answers -
при уменьшении разрешения, уезжает вправо
Здрасти ребята, http://s3dan.ucoz.ru/Sayt/sayt.html вот по этой ссылочке правый столбец, где описаны сайты, при уменьшении разрешения, уезжает влево, как сделать, что бы текст уходил вниз по ширине? с процентами игрался, min-width max-width пробовал. Может что то и не прально делал. Как вбить данный вопрос в поиск не соображу ! Подскажите или ссылочку плз!
0 votes8 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/
-