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
-
Проклятый select!
Как ограничить длину выпадающего списка на <select>-<option>? чтобы он показывал, скажем 10 позиций, а потом скроллил. size="10" не предлагать! Вроде как на чистом html/css не возможно...
0 votes2 answers -
Проблемы с переносом
ссылка на изображение, размер: 10.9 кбайт, 1024 x 75 точек Как сделать чтобы перенос строки осуществлялся за границей, а не шел за пределы. Если прописывать еще больше текст вообще уходит за рамки страницы и приходится перематывать. Что нужно сделать чтобы такого не было?
0 votes3 answers -
Посоветуйте какую-нибудь админку для сайта кадрового агенства
Здравствуйте. Мне срочно нужна панель администрации сайта для кадрового агенства, им требуется админка с удобным интерфейсом, что бы выкладывать свои вакансии. Желательно без задействования MySQL баз. Зарание спасибо
0 votes3 answers -
Отступ
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="VERtuoz" /> <title>Отступ</title> <style> body{ text-align: center; margin: 0; padding: 0; } #one{ width: 1024px; height: 512px; margin: 0 auto; text-align: center; background: #f00; position: relative; } #two{ width: 640px; height: 256px; margin: 15px auto; background: #0f0; position: relative; } </style> </head> <body> <div id="one"> <div id="two"> …
0 votes3 answers -
Вопрос по margin:0 auto;
Как работает margin: 0 auto;? При каких условиях? Потому-что ссылка и изображение не выравнивается по центру. Блоку ширина задана. Что-то еще пропустил? http://jsfiddle.net/a9nGy/
0 votes1 answer -
заголовок
как сделать заголовок поверх фоновой картики? <html> <head> <h2 style="color:#0000FF"; > сайт посвещён дню "Бородино"</h2> <style> div { height: 500px; border: 0px solid #000; background: url(бородино1.jpg) 100% 100% no-repeat; background-size: cover; } </style> <title> бородино </title> </head> <body> <div> </div> </body> </html>
0 votes2 answers -
Верстка кнопок одинаковой высоты
Необходимо сверстать 4 кнопки одинаковой высоты в столбик с помощью CSS3. Блок, в котором находятся кнопки ограничены по ширине. Проблема возникает, когда текст кнопки не вмещается в заданную ширину и переносит текст. Необходимо, чтобы надписи на кнопках были центрированы по вертикали (по горизонтали тоже) при заданной высоте, т. е. чтобы если текст кнопки переносится на другую строку, высота при этом не увеличивалась. Делаю так. В моём примере высота увеличивается. <ul> <li><a href="" class="button"><span>Текст</span></a></li> <li><a href="" class="button"><span>Текст</span></a></li> <li&g…
0 votes0 answers -
проблема с overflow:hidden
День добрый, столкнулся с такой проблемой. резиновая колонка в ней находится блок с class="info". чтоб текста всегда хватало, он находится в избыточном количестве и лишний текст обрезается с помощью overflow:hidden. проблема подробно показана на картинке ниже. заключается она в том, что при 119px обрезанные заглавные символы видны в Firefox, а при 118px обрезаются нижние окончания у букв типа g y в Opera, Chrome, Safari, Internet Explorer. пробовал играться с line-height, не помогло. пожалуйста подскажите как можно решить такую проблему. <style type="text/css"> .column-1 { width:24% } .info { height:119px; overflow:hidden; font-size:15px; font-style: italic; …
0 votes2 answers -
глюк с размером A и вложенным IMG
Здравствуйте! у меня следующая проблема. в html документе есть елемент A (ссылка) в ней картинка. Так вот "размеры" ссылки меньше "размеров" картинки, а точнее высота. .main-toolbar { background-color : #c0c0c0 ; margin-bottom : 2px ; } .tool-btn { cursor : pointer ; } .tool-btn:hover { background-color : #8080ff ; outline : 1px solid #404080 ; } .tool-btn-img { margin : 0px ; padding : 0px ; width : 21px ; height : 21px ; border : none ; } <div class="main-toolbar"> <a class="tool-btn"><img src="line.png" class="tool-btn-img" width=21 height=21></a> <a class="tool-btn"><img src="line.png" class="tool-btn-img"></a…
0 votes4 answers -
Страница
Здравствуйте, я хотел узнать, возможно ли создать такую страницу, одной страницей html для размещения там всякой информации. Какие уроки нужно прочесть, что бы написать такую страницу? Спасибо.
0 votes4 answers -
верстка фона
Помогите, пожалуйста, разобраться. В том макете http://forum.htmlbook.ru/index.php?showtopic=29381&st=0 не могу сверстать фон. Вставить картинкой не интересно. А вырезать не получается. Пробовал и однопиксельную полоску и больше пикселей. Размещал по горизонтали, по вертикали - получается не так как в макете. В этом макете http://forum.htmlbook.ru/index.php?showtopic=24960&st=0 не понимаю как сделать этот пункт: изображение с планетой должно быть так же резиновым или сделайте так, чтобы было красиво при широком экране + текст в этом блоке всегда прижат к правому краю.
0 votes1 answer -
Не могу найти нужную инфу по тегу div
Как в тег div вставить страницу html(использовать ее как меня) нужно для практики в домашнем варианте. Заранее спасибо за помощь, извиняюсь если это глупый вопрос...
0 votes2 answers -
предоставление контента сторонним сайтам
Добрый день! Необходимо предоставить контент своего сайта стороннему веб-сайту.. Какие безопасные механизмы существуют для этого? Заранее благодарю всех ответивших!
0 votes3 answers -
Смена картинки и ссылки
Привет, подскажите пожалуйста, как реализовать следующую штуку: Имеется ссылка, под ней картинка. При нажатии на ссылку, текст ссылки меняется на другой и появляется всплывающая картинка, либо картинка поверх всего. При нажатии на новую ссылку, появляется первая ссылка и первая картинка. При появлении 2ой картинки, 1ая должна либо пропадать,либо закрываться 2ой картинкой.
0 votes0 answers -
Ризиновый width
Доброго времени суточк, форумчане. Возникли проблемы с созданием плеера , а именно с изменением его ширины . Идеей было : при изменении ширины, изменять размер самого плеера , длину звуковой дорожки , ну и volume . Размеры именно этих эелементов заданы в % , но при малейших изменениях все рушится . Кто знает как решить ту задачу правильно? Вот код http://jsfiddle.net/JTsLh/1/
0 votes1 answer -
Вызов скрипта из href.Как надо правильно?
Собстна сабж. Я делаю так <div class="side" id="side1"><a href="javascript:$('#Layer1').css({'visibility':'visible' });">текст тута </a></div>брозер выдает ошибку [object Object] хоть еа секунду и показывает окно.
0 votes1 answer -
Как растянуть блок на 100% высоты
По моему мнению, в этом макете нужно растянуть левый блок на всю высоту экрана, чтобы при Масштабирование он не обрезался. Как это сделать ? http://cs425128.vk.me/v425128727/8b81/KLGiFV2VzCc.jpg http://vidiatest.esy.es/site/
0 votes2 answers -
При клике на <area> перегружается окно, но не сама страница
Всем привет, так как это мое первое сообщение на этом форуме, то начну его со слов благодарности к авторам ресурса HTMLBOOK и HTMLFORUM. HTMLBOOK помог мне колоссально разобраться в теме. Ситуация: есть <map> с набором <area> тегов, и у <area> есть арибут href="/mypage". и все вроде работает, но если присмотреться, то при клике на <area> происходит перегрузка окна (приходит нужная страница), но адрес странцы, УРЛ остается в адресной строке прежним, т.е. я фактически остаюсь на прежней странице. не хорошо. подскажите что можно сделать в этой ситуации спасибо
0 votes4 answers -
Фотошоп
Хочу сохранить главный фон из макета, и изображение делится на много частей Как сохранить всё целиком, что бы не разрезалось?
0 votes2 answers -
Боеовой блок адсенса наезжает на контент при масштабировании
а вообще не надо, при таком сильном увеличении, как раз этот блок всеравно убираю а если не сильно увеличивать, то нормально все, так что уже вопрос не актуален При увеличении масштаба, левый сайдбар гугла наезжает на контент html <div id="wrapper"><div id="content">контент</div><div id="left">адсенс</div></div>css #left { float: left; height: 600px; width: 20%; border: 1px solid black;}#content { float: right; background: green; border: 1px solid black; margin-left: auto; min-height: 300px; width: 78%;}#wrapper { margin-left: auto; margin-right: auto; max-width: 500px;}Можно ли как-то сделат…
0 votes0 answers -
Vertical align текста и картинки в один ряд
Как сделать так, чтобы текст был выравнивался по центру картинки, а не по базовой линии как сейчас? https://jsfiddle.net/7kcy40eq/3/
0 votes1 answer -
Можно ли как-то узнавать, правильно ли я построил семантику для сайта, и структуру ?
Начал изучать 3 пункт спецификации, а именно "семантику", и возник такой вопрос: Можно ли как-то узнавать, правильно ли я построил семантику для сайта, и структуру ?
0 votes0 answers -
Вёрстка, проблемы в Опере
Тема решена!
0 votes0 answers -
Непонятный код в style
Доброго времени суток, решил начать изчучать html с просмотра кода готовых страниц и чтения про непонятные теги на htmlbook,жирным я выделил то над чем я уже пару чсасов пытаюсь разобраться и не могу понять что это помогите плз.
0 votes4 answers -
Позиция "position:fixed"
Всем привет. Нужно разместить картинку например 100х100 в нужном месте. Делаю так: <img src="...." style="position:fixed; top:100px; left:300px;"> Но при увеличении или изменения размера браузера (или прокручивании), положение сбивается.. Как её закрепить на нужном мне месте?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-