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
-
Растягивание изображения на весь экран
Господа, прошу прощения за ламерский вопрос (я не спец в html совсем), но подскажите, пожалуйста, по каким причинам вот этот код <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Background</title> <style> body { background: url(https://content.screencast.com/users/immick6307/folders/Snagit/media/43d76d9a-3476-4bb7-ac03-185a3ec097bb/12.14.2021-12.42.png) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; /* Современные браузеры …
0 votes11 answers -
Изменения размера браузера. шаблон разьежается в ie
При изменения размера браузера. шаблон разьежается в ie В mozzile и opere не разьежается (работает как надо) Вот шаблон: http://kinovibor.ru/informlab/template/index.php Помогите советом.
0 votes8 answers -
line-height в IE, FF, Opera-e
не подскажите где б можно было отыскать инфрормацию или сами может прокоментируете интерпретацию высоты строк в этих браузерах. Так как на практике убедился что все они по разному интерпретируют. Постоянно стыкаюсь с тем что в ФФ при задании в какойто строчки высоты строки ниже какой-то допустимой все что внизу лезет на 1px.
0 votes4 answers -
нужен хак для overflow:visible в IE
имеем блок с флешом вставленный в HTML так: <div style="position:relative;width:776px;height:343px;z-index:3;overflow:visible;border:green 1px solid"> <object ... width="776" height="393"> </object> </div> 111111111111111111111111111111111111111111111111111111111111111111111 желаемый эфект: объект в прозрачном флеше при определенных событиях выходит за нижнюю рамку DIVa и перекрывает текст в FF,Mozilla,Opera всё так и есть а IE (6,7,8) увеличивает DIV до размера флешового контейнера нагуглил, что это св-во именно IE. Решения не нашел что подскажет коллективный разум?
0 votes6 answers -
Footer at bottom
На этом форуме, да и на многих сайтах приводится пример прибивания футера к низу екрана. И многие сталкивались с проблемой что в опере это не работает. Изучив код из сообщения Scrum ( http://forum.htmlbook.ru/index.php?s=&...st&p=123368 ) я пришел к такому коду <!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> <title>footer at bottom</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html{ overflow:auto; height:100%; } body{ margin:0; height:100%; …
0 votes9 answers -
Помогите убрать рамку
Доброго времени суток. Столкнулся с проблемой, в форме поиска отображается непонятная рамка, причем только в chrome, в мозиле отсутствует. Не понимаю как убрать. Вот изображение: Вот css: .search{ float: right; margin-top: 10px; padding: 0px 30px; position: relative; width: 170px;}.search .input{ background: #fff; border: 1px solid #ececec; border-radius: 10px; box-sizing: border-box; font: 13px arial, sans-serif; height: 30px; outline: none; padding: 5px 37px 5px 15px; width: 100%;}.search .submit{ background: url(images/go.png) 50% no-repeat; border: none; height: 30px; opacity: 0.3; position: absolute; right: 30px; top: 0px; width: 30px; outline: …
0 votes9 answers -
Проблема с прокруткой overflow
Подскажите пожалуйста: Сверстал дизайн, поставил окно с прокруткой (выводит статьи) Но вот проблема- все элементы дизайна ниже этого окна просто пропадают и не отображаются. Как выйти из этой ситуации?
0 votes5 answers -
iframe и ссылки в нём
поместил на странице блок iframe на странице, которая отображается в нём, есть ссылки. как регулировать целевое окно, в котором надо открыть ссылку? поместил параметр < targe="new_win" и ссылка из iframe открывается в новом окне. как сделать так, чтобы по ссылке, помещённой в iframe, читатель перемещался в основном документе, а не в маленьком окне фрейма и не в новом окне.
0 votes2 answers -
Стянуть ник на IPB 2.3.5
Как стянуть ник на этой платфоме ?
0 votes5 answers -
Почему не работает border-radius?
Не работает http://jsfiddle.net/3eWdd/
0 votes3 answers -
float и display-block совсем беда
Всем привет! Подскажите, пожалуйста, почему может не работать float или display:inline-block? Т.е. они как бы работают. Верхние и нижние границы между элементами схлопываются, но по горизонтали не выстраиваются.
0 votes4 answers -
Заголовок h2 выходит за рамки блока
Здравствуйте! Есть блок с предпросмотром товара. В зависимости от разрешения блок меняет свою ширину. После этого заголовок выходит за рамки блока. Вот пример: http://jsfiddle.net/cp1eLaru/1/ Помогите, пожалуйста, решить следующее: 1. При изменении ширины заголовок h2 не должен выходить за рамки блока. 2. При наведении курсора на весь блок, заголовок h2 должен изменять цвет. Заранее благодарю за помощь!
0 votes9 answers -
абсолютный блок и адаптивная вёрстка
Возникла такая проблема. Есть основная шапка сайта, которая должна находиться в блоке с контентом. display absolute; Всё отлично, хеадер сидит на блоке с контентом. Прописал верхний padding для блока с контентом(чтобы текст не залезал под хеадер). Но, при уменьшении ширины окна, высота хеадера становится больше, и контент всё таки оказывается под шапкой. Вот пример: http://jsfiddle.net/LOL1/dyxvm4jc/6/ (уменьшайте ширину экрана и увидите) Как этого избежать? Как вариант можно засунуть header прямо в section, но ведь смысл от этого поменяется? Получается что хеадер будет относиться не ко всему сайту, а только к разделу и это критично. Ещё пара мелких вопросов: 1…
0 votes4 answers -
phpMailer не работает отправка файлов
Я не знаю, я 3 часа перепробовал все. Поставил форму отправки с прикреплением файлов, https://jsfiddle.net/02rm8d3m/ , данные отправляет, аттачмент нет. (мне нужно чтобы он определял файл и путь к нему, это я установил в коде php), я не знаю чего еще не хватает, кто знает, плиз, помогите, рили перепробовал все, что можно
0 votes4 answers -
позиционирование
И совсем "тупой вопрос". Не понимаю, ПОЧЕМУ у меня элемент c id="table" не смещается вниз на 10 px , я ведь использую margin-top Хотя влево смещается. <div style="background-color : magenta; height:100px; width:44%"> <div id="table">Наведите курсор, чтобы посмотреть список</div> </div> CSS: #table { width: 283px; background-color: #D8E4F1; color: #6C727B; padding-left: 16px; margin-top:10px; margin-left:10px; } Буду благодарна любым комментариям.
0 votes7 answers -
парметр hidden в FF
Здрвствуйте! подскажите пожалуйста, есть форма с не видимыми полями, использовала <input type="hidden" в IE все нормально, в опере тоже, а вот Firefox не понимает этот самый "hidden" вот так: http://autoeuro.ru/equipment/eq.html Заранее спасибо за помощь
0 votes11 answers -
полупрозрачный PNG и filter: Alpha(opacity) не дружат?
При попытке изменить в IE прозрачность png с полупрозрачными областями с помощью filter: Alpha(opacity=...) прозрачные места становятся черными. При этом прозрачность полупрозрачного PNG спокойно меняется CSS св-вом opacity в "конкурирующих браузерах" В чем тут причина?
0 votes3 answers -
CSS: word-wrap и white-space - в чём разница?
CSS: word-wrap и white-space - в чём разница?
0 votes9 answers -
Кнопка submit
условие выполняется даже без нажатия на кнопку
0 votes14 answers -
огромный макет, что делать?
ширина рабочая 2000px очень огромные элементы как верстать это?
0 votes13 answers -
Блоки в лисе уезжают в подвал
Че-то давно не писал. Вот наткнулся на любопытный глюк в лисе 2.0.0.18 Ссылка ИЕ все оки. В лисе вверху только один товар, все остальное улетает в подвал. Что делать?.
0 votes6 answers -
"backgroun-color","text-align" и "background-image" в Safari и Chrome
Доброе время суток. Возникли три вопроса по стилям для Safari и Chrome, помогите разобраться. Подключаю стили CSS <link href="*****" type="text/css" rel="stylesheet" />, прописываю для <body> цвет "body {background-color:******;}", работает отлично в IE и Opera, но в Safari и Chrome работают все стили (которые я использую), кроме "background-color". Если прописать в <head> для этих браузеров, то цвет страницы появляется. Второй вопрос по "text-align". Делаю для текста #text {text-align:center;}, на странице пишу <div id="text">****</div>, но текст всёравно остаётся слева. Третий вопрос по оформлению кнопки. Прописываю стиль button {back…
0 votes4 answers -
Рваный фон с тенью.Как сверстать?
Вот скрин фона http://c2n.me/3pebcoV. Рваные края со всех сторон центрального блока. Плюс еще и тень от него. Голову сломал, не могу придумать как сверстать. Вырезанные куски с предварительными наметками тут Если бы не тень , то как-то бы склеил из 3-х частей. Но тень подчеркивает прямые края блоков.
0 votes5 answers -
Не работает SUBMIT в форме
Здравствуйте, у меня небольшая проблема. Нажимая на кнопку submit никуда не перенаправляет. <form method="GET" action="http://elusive-rp.ru/check_param.php"> <label>Ник на сервере<span class="verification"></span></label> <input type="text" value="" name="nickname" id="contact-name"> <br> <select class="donateselect" name="level"> <option value="a1" selected>1 уровень - 50 руб</option> <option value="a2">2 уровень - 100 руб</option> …
0 votes3 answers -
Из input в массив
Есть поле для ввода чисел input. Нужно добавить значение, введенное в поле в массив, для дальнейшей работы с числами уже из массива. Помогите пожалуйста ^^ <input type = 'number' min = '0' max = '50' size = '50' >
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-