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
29542 questions in this forum
-
focus на инпуте
Не подскажите как можно реализовать чтобы, при отображении блока для входа сразу был фокус на инпуте как на сайте http://www.photobox.co.uk/
0 votes8 answers -
Проблемы в IE7 с float:right
Здравствуйте! Встала проблема с 7м осликом.. Уже не первый раз сталкиваюсь с таким моментом. Есть простой код: <div class="caption"> Отзывы <a href="#">Все (232)</a> </div> со стилями: .caption { color: #0B0B0B; font: 18px/22px Arial,Tahoma,Verdana,sans-serif; height: 26px; } a { float: right; font: 14px/18px Arial,Tahoma,Verdana; } Так вот, везде всё нормально: кроме ie7 (синим выделен контейнер .caption в "средствах разработчика"): Просьба, помогите разобраться! Сталкиваюсь с таким далеко не впервые, побороть так и не смог. Приходилось для ослика отказываться от float'a. Может это типовая проблема? Может у неё уже д…
0 votes6 answers -
Не работают стили в IE
Помогите поправить стили дял IE9, IE9+ - не работает централизация - задний фон на весь екран Web: http://nailart-studio.com/ Css: http://nailart-studio.com/css/style.css http://nailart-studio.com/css/menu.css
0 votes4 answers -
Раздвижной слайдер. Возможно ли сделать?
Здравствуйте! Есть задача сделать вот такой слайдер - https://yadi.sk/i/v6QfPqsxjcNdM (при наведении на каждый из трех кусочков изображений, соответствующее изображение должно появляться полностью, как бы раздвигаясь, уменьшая-сдвигая остальные). Все было бы хорошо если бы не диагональная обрезка изображений, т.е. при уменьшении ширины изображения диагональный край обрезается и становится обычным. Насколько возможно/сложно сделать такой слайдер? Буду очень признателен за наводку в какую сторону смотреть, чтобы такое реализовать.
0 votes5 answers -
неправильно отображаються ссылки в Ie
Есть html файл в нем есть ссылки на внутренние файлы (тоже html) ссылки в коде отображены таким способом <a href="export_archive.html">Export offers archive</a> <a href="bsr/buyers.htm">Registration of the buyer</a> <a href="bsr/sourcingplaza.htm">Company profiles</a> В при загрузке страницы в firefox все ссылки отображаются нормально - http://www.domain.com/export_archive.html http://www.domain.com/bsr/buyers.htm http://www.domain.com/bsr/sourcingplaza.htm А в Internet Explorer: http:///export_archive.html http:///bsr/buyers.htm http:///bsr/sourcingplaza.htm Все html файлы статика и не суппортится движком а создаються вручную. В че…
0 votes5 answers -
?????
когда я делаю ссылку она почемута становится по середине а мне нужно чтоб ссылка была наверху http://smages.com/5e/e3/5ee3cf55022a7aa81c...25c3aad.jpg.htm <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>home</title> </head> <body style="background-color: rgb(51, 51, 51);"> <table style="text-align: left; height: 150px; width: 1226px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="background-color: rgb(0, 0, 0);" align="center" valign="middle"&…
0 votes2 answers -
Размеры картинок
Здравствуйте! Как на сайте оформить код шапки так, чтобы она меняла свои размеры в зависимости от разрешения монитора, с которого просматривается страница? Спасибо!
0 votes3 answers -
Ссылка-изображение
Всем привет. Помогите мне пожалуйста разобраться с CSS, я чтото крутил крутил, ничего не вышло. Кароче мне нужно сделать изображение-ссылку, используя только один тег <a></a>. Тоесть изображение нужно вставить как бэкграунд к тегу <a>.Размер моих изображение 30х30 пикселей. Как мне это сделать? Вот что у меня должно получиться: Host for your pictures А вот мой код, но нифига не получается :\ #pageraiting{ padding-left:2em; font-size:small; color:#999999; } #pageraiting #stars a{ padding:15px; background: url(/images/menuselected.gif) center no-repeat; } <div id="pageraiting"> <div>Просмотров: 23 459</div> <div id="stars"&g…
0 votes3 answers -
слой поверх таблицы
здравствуйте! у меня вот такая ситуация - дизайн сверстан жестко в таблице, слева и сверху - картинки, а справа снизу пустое пространство для контента. (см. рисунок). если текста немного, то его можно втавить в эту ячейку. но, если он по высоте превышает левое меню, то ячейка растягивается и "разламывает" весь дизайн.. поэтому, я хотел бы расположить слой поверх этой таблицы на этом пустом месте, чтобы этот блок тянулся вниз вне зависимости от количества текста. то есть "привязать" его верхний угол к краю этой пустой ячейки, но чтобы он не зависил от размера этой ячейки, а шел поверх нее.. подскажите, пожалуйста, можно это это сделать как-нибудь?
0 votes3 answers -
задачка отображения
Задачка для меня уж точно сложная. не могу сообразить как при клике в первом списке чтобы отображался другой писок. <ul id="nav"> <li><a href="#" style="">lins1</a></li> <li><a href="#">lins2</a> </li> </ul> <br><br> <div> <ul id="lins1" class="lins1"> <li><a href="#">1History</a></li> <li><a href="#">Team</a></li> <li><a href="#">Offices</a></li> </ul> <br> <ul id="lins2" class="lins2"> <li><a href="#">2Web Design</a></li> <li><a href…
0 votes7 answers -
line-height в IE
http://www.marreti.ru Слева в навигации в ксс указано line-height:25px; В мозиле всё отображается корректно. Эксплорер и опера игнорирует этот интервал. Как сделать чтобы IE воспринял эту строку?
0 votes1 answer -
Центрирование картинки
Наворотила галлерею, адаптировала готовый скрипт. http://test.bredova.ru/index.php?id=12 Но вот незадача, помимо горизонтальных картинок есть и вертикальные этого я не знала и поэтому не учла. Сейчас мне бы их хотя бы отцентрировать. Но никак не получается Пыталась писать #wrapper{ width:550px; margin: 0 auto; } Но видимо я не там копаю, реакции не было никакой Помогите, пожалуйста!!!
0 votes7 answers -
Текст выходит за рамки div по ширине
Помогите пожалуйста. Текст выходит за рамки блока div по ширине. Всё делаю с видео урока, там всё нормально, у меня вылазиет. Файлами с самого видео курса заменял свои, всё равно такая фигня. Как исправить?
0 votes1 answer -
Неизвестный отступ. Как исправить?
Добрый день уважаемые форумчане! Проблему описать сложно, так что объяснюсь при помощи современной живописи в формате jpg - Этот самый "неизвестный отступ" и нужно убрать. Что может вызывать такую метаморфозу? Такой отступ осуществляется при вставке любого элемента - будь то див, скрипт или еще что-нибудь. Давать ссылку не буду, ибо элемент (а именно кнопка вк), который дает этот отступ на время решения проблемы убран и визуально казусов нет.
0 votes10 answers -
Рамка в шапке сайта из DIV с меняющимися картинками внутри
День добрый! Пытаюсь сделать нечто вроде рамки в шапке сайта в которой будут крутиться картинки (слайдшоу), но пока что-то не очень получается, видимо из-за того что совершенно не умею работать с div версткой. Вот то что получилось накидать: <div style="width: 1135px; height: 376px; position: relative;"> <div style="float:left; width: 80px; height: 376px; background:url(left.png); background-repeat:no-repeat;"></div> <div style="float:right; width: 90px; height: 376px; background:url(right.png); background-repeat:no-repeat;"></div> <div style="position: absolute; top: 0; height: 80px; width: 965px; background:url(top.png); ba…
0 votes4 answers -
Mask in SVG
Всем привет! И опять у меня проблемы с SVG. Как сделать, чтобы у буквы D был такой же фон как у контейнера? Т.е. D прозрачная, и фон у многоугольника на месте буквы тоже. Мучаюсь здесь
0 votes2 answers -
Как работает "background-size"?
Почему когда я вставляю фон в CSS через свойство background- size и прописываю значения cover у меня картинка обрезается, такого вроде не было. приходится прописывать значение contain, но обхватывает не весь контейнер/страницу
0 votes1 answer -
Скрытие кнопки от печати
Всем доброго времени суток.Срочно нужна помощь..А именно: есть html документ..В нем есть ссылка - печать.Сделана следующим образом: Печать надо чтобы эта ссылка не печаталась на принтере...Как это осуществить???Заранее огромное спасибо
0 votes5 answers -
Не правильно отображается шаблон в Мозиле
Объясните пойжалуста ,почему в Мозиле не показывает шаблон шапку и в правом верхнем углу не отображает картинки? А которые отображает ,они разъехавшие.сайт тут
0 votes4 answers -
Что значит подобная записть?
В CSS: Индификатор же определяется так Встретил в коде такое.
0 votes4 answers -
Горизонтальный список с подпунктами
Здравствуйте, пожалуйста помогите в решении проблемы, нужен список такого вида: подпункт_1 подпункт_2 подпункт_3 пункт_1 пункт_2 пункт_3 пункт_4 При возможности это необходимо сделать средствами именно списка. Бьюсь уже 2 дня ничего толкового не выходит. Спасибо Вот что я натворил ) Простите за кривость ) <style type="text/css"> .clearfix li { float: left; margin-left: 30px; } .ff li { margin-left: 1px; display: block; float:none; margin-top: -35px; } .dd { display: block; padding-left: 40px; float: left; } .ff { display: block; margin-left: -40px; margin-top: -40px; } </style> <ul class="clearfix"> <…
0 votes4 answers -
Позиционирование
Вот что сейчас имеется http://itmages.ru/image/view/240226/cad68f97 , Как выровнять текст по центру(по вертикали) внутри картинки background:url(3.png)? #menu_itc { font-size: 16px; height:30px; text-align:center; background-color: #949494; } #menu_itc div { width:736px; margin: auto; } #menu_itc a { display:block; width:184px; height:30px; float:left; color: #fff; text-align:center; text-decoration: none; } #menu_itc a:hover { background:url(3.png); } <div> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 4</a> </div…
0 votes13 answers -
Block position: absolute - ширина блока
Привет. Есть некий блок (position:relative). Он содержит дочерний блок (position:absolute). Абсолютно позиционируемый блок содержит произвольный контент. Проблема: Ширина абсолютно позицируемого блока не превышает ширины родительского блока. Задача: Абсолютно позиционируемый блок должен тянутся по ширине контента, не зависимо от ширины родительского (position:relative) блока. Есть идеи?
0 votes5 answers -
Прозрачность элемента.
Есть такое прекрасное свойство в css называется «opacity» и оно задает прозрачность элемента. Но есть одна проблема. У меня есть блок <div> я ему задаю прозрачность и весь текст тоже становится прозрачным. А мне нужно, чтобы только бэкграунд стал прозрачным, а текст нет. Как такое сделать?
0 votes14 answers -
Пространство имен HTML5 для XSLT-преобразований
Здравствуйте! Подскажите, плиз, если знаете, можно ли используя XSLT на выходе получить HTML5? Какое пространство имен (атрибут xmlns) указать для HTML5? Для HTML 4.01 указывалось пространство имен XHTML 1.0 (xmlns="http://www.w3.org/1999/xhtml"): <?xml version="1.0"?><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"><xsl:template match="/"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <div>Any message you like</div> </html></xsl:template></xsl:stylesheet>Будет ли XSLT-преобразование корректным, если включать в него теги HTML5, не указав никакого другого …
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-