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
-
Атрибут alt в <img> "на практике"
Здравствуйте. Не дает покоя вопрос практической оправданности использования атрибута alt в теге <img>. Прочитал одну статью, другую... Еще несколько. Никак не пойму. Что этот атрибут делает и когда используется - понятно. Подпись изображения (а точнее места под него) при недоступном файле или отключенной графике. НО. Первое. Кто-то в наше время отключает в браузере графику? Ну, разве что в "аварийных" ситуациях, когда нужно срочно выйти в Инет, а тариф дико дорог или канал неприлично мал (с мобильника в "лесах/горах" с дорогой Инет-услугой в пакете, например). Даже если и так, то, обычно вполне понятно по тексту, где "нужные" изображения. И с этой позиции атрибуты в…
0 votes9 answers -
Firefox медиа запрос
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Recipes</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="css/style.css" rel="stylesheet"></head><body> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div></body></html>.image { display: inline-block; height: 100px; width: 24%; border: 1px solid black;}@media screen and (max-width: 640px){ .image { width: 49%; }}https://yadi.sk…
0 votes2 answers -
Помогите скрыть div
<div class="content__left content__along" data-min-height="793" style="min-height: 793px;"> <style> #vw2wukgldi{overflow: hidden; position: relative; height: 23px; padding: 5px 0 7px 7px; background: #f2f2f2; line-height: 18px; white-space: nowrap;} </style> <div id="vw2wukgldi"> <img alt="" style="width:0;height:0;position:absolute;visibility:hidden;" src="https://rs.mail.ru/d20185091.gif?sz=4&rnd=157083199&ts=1473023234&sz=4"> <script type="text/javascript"> (function(){ app.Dollars.showDirect(131207, "worm", { stat_id: 723102 , site_charset: 'utf-8' , type: 'row' , ad_format: 'direct' , title_font_size: 2 …
0 votes4 answers -
Конструкция if else в html
Здравствуйте. У меня такой вопрос - как в html применить конструкцию if else? Есть html страница, на которой идет трансляция с 16 камер (4х4) одновременно через плагин vlc. Нужно сделать, чтобы в режиме маленьких окон шла одна трансляция (live2), а когда одно любое окошко раскрывается в полноэкранном режиме, шла уже другая трансляция (live1). Может кто-нибудь подскажет, как это сделать? <!DOCTYPE html> <html> <body> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta http-equiv="refresh" content="600" /> </head> <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" code…
0 votes1 answer -
Сетка bootstrap4
Добрый вечер! Помогите пожалуйста понять почему при использовании сетки у меня вторая колонка не отображается пока ей не поставишь ширину 100%? Разве она не должна подстраиваться под размер автоматом? вот мой код https://jsfiddle.net/gzf1hkc0/ в нем navbar с двумя колонками. проблема со второй колонкой. пс. в коде уже стоит ширина второй колонки 100%, но как я понимаю самому прописывать ее не надо и раз так может я что то не так сделал? заранее спасибо за то что уделили внимание моему вопросу)
0 votes2 answers -
подскажите пожалуйста как сделать чтобы сролинг был только в mainbody?
подскажите пожалуйста как сделать чтобы сролинг был только в mainbody? если можно на конкретных примерах. заранее огроменное спасибо
0 votes5 answers -
border
Правильно понимаю, что контролировать border: 4px dotted; никак нельзя? Например в ИЕ точки-кружки а в ФФ: точки-квадратики. Или регулировать длину штриха при border: 4px dashed;? Именно через бордер, фон занят более важным. Спасибо.
0 votes3 answers -
Отступ от верха пропорционально ширине браузера
Здравствуйте, собственно вопрос в названии темы. Дело в том что я сейчас заканчиваю рисовать дизайн сайта и продумываю верстку, опыта практически нет, последний раз занимался созданием сайтов 3 года назад. Хотелось бы сделать полностью резиновый сайт, но проблема в том, что у меня в шапке картинка в пропорции 4х3 примерно, а соответственно мне нужно чтоб основная часть сайта имела отступ от верха браузера пропорционально ширине окна, иначе разъедется вся сверстанная страница, или наоборот основная часть наедит поверх шапки. Знаю что можно получить в переменную разрешение экрана(по ширине), но если у пользователя большой монитор и он открывает браузер на пол экрана только…
0 votes6 answers -
Табличный дескриптор <li>
Как увеличить или уменьшить расстояния между табличными элементами <li>? Заранее спасибо <ul id="topbar"> <li class="Main"> Main</li> <li class="Families">Families</li> <li class="History" >History</li> <li class="Events" >Events</li> </ul> #topbar li { display: inline ; margin-top:20px; } Вот почему то вот так не получилось =(
0 votes5 answers -
Отступ у дива в таблице
Что-то я туплю на ночь глядя. Детская ситуация, но я скоро начну входить в транс Есть таблица, в ней есть див, в диве простейшее горизонтальное меню. Появился отступ слева, меню съезжает на следующую строчку, не могу избавиться. <table cellspacing="2" cellpadding="2" class="menu" > <tr> <td width="307"> <div class="top_head"> <ul class="top_head_menu"> <li><a href>Каталог</a></li> <li><a href>Оплата</a></li> <li><a href>Доставка</a></li> <li><a href>Контакты</a></li> <li><a href>Прайс</a></li> …
0 votes2 answers -
Расположение блоков и полоса прокрутки
Исходный код: html <body> <div id="wrapper"> <div id="header"> </div> <div id="logo"> </div> <div id="menu"> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> css body { background-color:#FFFFFF; padding:0 auto; margin:0 auto; } #wrapper { /*Выравнивание всех вложенных блоков по центру*/ } #header { width: 1000px; background: black; opacity: 0.8; height: 35px; top:0; position:fixed; } #footer { width: 1000px; background: black; opacity: 0.8; height: 35px; bottom:0; position:fixed; } Вопросы: 1) Создал блок "wrapper" чтобы с помощью него центриров…
0 votes6 answers -
Ширина ячеек таблицы
Всех приветствую! Друзья, помогите, пожалуйста, понять в чем проблема. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>cell width</title> <style> td { border: 1px solid; } </style> </head> <body> <table> <tr> <td width=300>Cell1</td> <td width=50>Cell2</td> </tr> </table> </body></html>На выходе: Собственно, вопрос: откуда получается ширина размером в 304px, когда она задается 300px. Спасибо!
0 votes11 answers -
Проблема с Fixed топ меню
Добрый вечер, у меня возникла проблема при верстке сайта. Сделал fixed top меню, но оно не корректно отображается относительно основной части сайта, в частности сайт имеет минимальную ширину 760px, и если окно браузера уменьшать по ширине до появления полос прокрутки, то сам сайт становится по ширине 760px, но вот верхнее меню продолжает уменьшаться из-за того, что у него position: fixed по понятным причинам. Если же самому меню тоже поставить минимальную ширину 760px, то в отличие от всего сайта полосами прокрутки его прокрутить не получится, он просто частично выпадет за край окна. Можно ли как-то решить это проблему? Желательно без вмешательства скриптов? Спасибо) …
0 votes2 answers -
Как заставить :hover работать в IE6?
Нашла похожие сообщения, но так и не поняла как это сделать. Напишите, пожалуйста, конкретно, что и где прописать, чтобы заставить такое: "произвольный_тег" :hover{} работать в IE6!!!
0 votes2 answers -
z-index
Здравствуйте! Изучаю верстку, пытаюсь по-тихонечку сверстать первый сайт. Контент должен умещаться по ширине в 1000px, в центре экрана. Есть два дива, мне нужно, чтобы они были на верху. Позиционирую их с помощью z-index (float не работает, т.к. общая ширина двух элементов больше 1000px). Возникла такая проблемка: если ставлю position:absolute, то все ок. Но, мне нужно, чтобы они были наверху не экрана, а верхней границы таблицы (внутри которой они находятся). Тогда ставлю position:relative. И ничего не получается. Помогите, пожалуйста, поставить их на место <center> <table border="3" width="1000"> <tr> <td> <div id="right"> …
0 votes5 answers -
Проблема верстки. FireFox
Есть страничка http://systems.ax3.net ...На таких браузерах как opera и IE отображается нормально...На Firefox получается смещение..вот ссылка на скрин http://systems.ax3.net/123.png ....На смещение из-за рекламы думаю не стоит обращать внимание...посмотрите пожалуйста исходный код через ваш браузер и подскажите где ошибка. Спасибо. Заранее благодарен..
0 votes7 answers -
Отступы из ниоткуда
Написал вот такое: <header class="header"> <div class="wrap"> <div class="logoimg"><a href=""></a></div> <h1 class="logo"><a href="#">Environmental.com</a></h1> </div> </header> .header { height: 113px; width: 100%; background: url("../image/header-bg.png") repeat-x; } .wrap { position: relative; width: 1024px; margin: 0 auto; height: 100%; } .logoimg { float: left; margin: 32px 0 0 50px; width: 48px; height: 47px; background: url("../image/logo.png") no-repeat; } .logo a { font: 31px 'Centu…
0 votes11 answers -
Див не прямоугольной формы
На странице нужно разместить несколько таких блоков, заходящих друг на друга: Каждый из которых, сохраненный в пнг весит очень не мало. Хотелось бы грузить джипег, и либо вырезать нужную мне область или, что лучше, вырезать не нужные мне области, что бы они становились прозрачными. Можно ли как то это реализовать и если можно то как?
0 votes8 answers -
Выравнивание для firefox
Здравствуйте! Столкнулся с проблемой, при вставке в Wordpress кода ротации тизеров. На хроме и сафари сайт отображается нормально. А все остальные браузеры(проверял в сервисе) отображают баннеры вправо, тем самым закрывая сайдбар. Пытался выравнить код через div - эффекта нет. Подскажите, как выравнить блок в нормальное положение?(сразу после поста)
0 votes11 answers -
position:fixed лишь по одной оси, возможно ли?
Приветствую всех участников форума! Есть вопрос - реально ли на чистом CSS реализовать мою задумку. Вот пример: http://jsfiddle.net/4sJYM/ Внутри элемента есть два вложенных дива. Возможно ли БЕЗ JS сделать так, чтобы #left всегда был закреплён по левому краю, но прокручивался по вертикали, а #top - наоборот, прокручивался по горизонтали, но всегда оставался бы прилеплённым к верху viewbox родителя? Всем спасибо за внимание.
0 votes3 answers -
Логотип не стоит на месте
Обычная страница. Background и div белого цвета, куда заключен текст. Div с текстом в обрамлении двух девчонок png с прозрачностью, а так же логотип сверху. Все эти элементы дочерние для div. У div position relative, у остальных - absolute. Но при отдалении девчонки остаются на месте, а логотип съезжает вправо. У всех дочерних элементов абсолютно одинаковые стили, разница только в координатах. Тем не менее проблемы именно с логотипом. Скрины прилагаю. Нормально При отдалении
0 votes17 answers -
Полосы в psd макете & вопросы
Здравствуйте. При верстке по psd макету столкнулся с проблемой разметки одного из элементов, а именно полосы над и под основным содержимым главной страницы. Собственно вопрос: эти полосы реализовывать как изображение? Если да, то тегом img или div? И еще вопросик по шаблону: можно ли обрезать изображения с помощью css? К примеру левое изображение людей при нарезке изображений из макета в фотошопе у меня немного более полное, а на картинке снизу оно несколько обрезанное(немного приближено). Как реализовать эту серую разделяющую линию в основном контенте? border-left/right немного не так ее изображает(по высоте блока, а на картинке она ниже) или это не столь важн…
0 votes5 answers -
Проблема с нарезкой шаблона.
Люди подскажите пожалуйста. Имеется макет состоящий из одного слоя (все объединено). Как можно нарезать картинки отдельно от текста. На примере картинки с лошадми. Что бы кнопок и теста не было, а только лошади? Возможно ли это?
0 votes4 answers -
Можно ли в теге iframe показывать какую либо конкретную область
Добрый день! Вопрос собственно так и звучит, можно ли в теге iframe показывать какую либо конкретную область. Т.е. если это веб-страница, то какую либо ее определенную часть? Большое спасибо!
0 votes4 answers -
Двойной фон в разные стороны
Здравствуйте! Помогите пожалуйста сделать такое: Может быть, можно сделать 1 фон первые 50%, второй фон - след 50% и будет нормально вроде
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-