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
-
новостной блок аки на тут.бае...
Какими способами можно реализовать такое же отображение новостного блока как на tut.by?
0 votes11 answers -
clip:rect(... ... ... ...);
написал простенький пример, хочу сотворить что то типа фрейма со скролом. <div id="mask" style="position:absolute; clip:rect(auto, 300px, 200px, auto); border:#F00 1px solid;"> <div id="target" style="width:inherit; height:inherit;"> text<br> text<br> text<br> text<br> .... <!-- мнОго --> </div> </div> Суть проблемы в том что "clip:rect()" скрывает только текст а хотелось что бы и размеры контейнера "mask" возвращать. Если кто знаком с иными языками программирования, знаком и с таким методам как "override". Вот и тут я пытаюсь переопределить размеры маски - контейнера, чтобы не возвращали мне размеры содержимого "т…
0 votes9 answers -
резина в 3 колонки
Добрый день форумчане, никогда не занимался резиновыми макетами, поэтому возникла проблема: Нужно чтобы левая и правая колонка были фиксированными а центральная резина, сделал вот что HTML <div id="main"> <div id="top"></div> <div id="center"> <div class="left-side"></div> <div class="right-side"></div> <div class="content"></div> </div> <div id="bottom"></div> </div> CSS /*Основные блоки*/ #main{border:1px solid red;} #top{border:1px solid red;height:150px;} #center{border:1px solid red;height:600px;overflow:hidden;} #bottom{border:1px solid red;height:150…
0 votes8 answers -
padding
нужно сделать отступы для текста со всех сторон блока на 10px. Пишу padding:10px; слева текст отступает и вместо того чтобы переноситься на новые строчки тупо растягивает блок в стороны. Как исправить?
0 votes4 answers -
Вопросы по верстке макета (онлайн)
Доброго времени суток! Новичок, первый макет с которого начал верстать. Оригинал: На данный момент (что имеется): Вопросы: 1. Как лучше реализовать пункты меню? (Далее будет код) 2. Черная плашка. Как ее реализовать? 3. Общие комментарии. HTML: <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="content"> <div class="header"> <img src="img/logo.png"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">PRODUCTS</a></li> <li><a href="#">SERVICES</a></li>…
0 votes5 answers -
Как подправить баг в IE6
Верстаю сайт. Во всех браузерах всё выглядит нормально, но в IE6 есть два непонятных бага в отображении некоторых элементов. Полагаю, что эти баги имеют очень схожие корни. Хотелось бы обеспечить идеальную красоту макета во всех браузерах, поэтому хочу избавиться от этого. Прилагаю макет (пока ещё окончательно не свёрстан, поэтому правая колонка и другие элементы могут выглядеть некрасиво, но не в них сейчас дело). макет для скачивания На первом скриншоте показана часть страницы main.html и непонятное смещение дива, который отображает скруглённые углы. Сами скруглённые углы сделаны фоновыми рисунками. Что самое интересное, что ниже правой колонки такого смещения дива уже …
0 votes1 answer -
HTML
Такой вот пример : <table border="1" width="900" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="2" align="center" valign="bottom" height="200" > Текст <img src="img/logo.png" align="right"/> </td></tr> <tr> <td>Ячейка 3</td> <td>Ячейка 4</td> </tr> </table> В первой строке в объединенной ячейке слово "Текст" выравнивается только по горизонтали становится в центре но вертикальное выравнивание тут не работает,то есть не опускается вниз. Объясните пожалуйста кто знает в чем тут дело!?
0 votes3 answers -
Помогите с кнопками
вот кнопка http://jsfiddle.net/cZQpB/ Во всех броузерах отображается нормально а в explorer 7 обрезаются с верху и снизу. подскажите как это убрать?
0 votes5 answers -
Анимация текста во флэше
Здравствуйте! У меня есть вопрос по поводу анимации текста. Вот собственно свф, в котором яркий пример нужного мне эффекта: BANNER На самом первом слайде текст Inquire... Как сделать такую анимацию текста подскажите пожалуйста?
0 votes0 answers -
Точки в decimal
list-style-type: decimal; выводит нумерованный список типа: 1. 2. 3. 4. После цифры идёт точка. А можно ли от этой точки как-нибудь избавиться?
0 votes6 answers -
Интересный эффект, CSS. Требуется помощь
Привет, форум. Наткнулся на интересный эффект на сайте http://www.sape.ru А именно вот здесь: Можете проверить этот эффект у них на сайте. То есть ты нажал на кнопку допустим "купли" и у тебя появляется блок с инструкцией купли. Так же и с продажей. Кто-нибудь может помочь с воплощением?
0 votes4 answers -
форма - doc - jpg
Всем здравствуйте. Я начинающий специалист ИТ без опыта работы в web и мне требуется помощь. =) Задача: прикрутить к сайту форму в которой находятся поля для заполнения; указанные данные вставляются в существующий .doc файл в определенные места; файл конвертируется в .jpg и отображается пользователю на экране для дальнейшей печати. CMS: Joomla. Вопрос к участникам: какого рода инфа (мануал) мне нужна и где ее найти по данному конкретному вопросу. Я не прошу сделать работу за меня, очень прошу указать направление. Пожалуйста, не отправляйте по ссылкам (давайте общие советы) с обобщенной информацией по сайтостроению или указанному CMS. Буду признателен за любую помощь.
0 votes5 answers -
Ползунок
Появилась идея поставить на сайт для удобства ползунок. Но вот посмотрел, получается, что он только в html5, а на многих браузерах не знает его полностью ещё. (напомню <input type="range" min="1" max="10" />) Может кто-нибудь подсказать, как можно сделать ползунок на сайте? Может есть готовые скрипты на яваксрипт? Или всё-таки html5?
0 votes2 answers -
Высота списка
всем добрый вечер. Подскажите, пожалуйста, как можно узнать высоту списка, в котором для пунктов проставлено float:left; список заключен в див с определенной шириной. Т.е. получается, что элементы списка переносятся на другую строку, если выходят за размеры этой ширины. Тем не менее offsetHeight для списка выдает 0 вот код: <style> #novelty ul li{float:left;list-style:none; margin-right:10px;} #novelty ul{width:500px; margin:0px; padding:0px; position:relative;} #novelty{margin-left:400px; width:500px; height:40px; overflow:hidden; border:1px solid;} .q{position:relative;} </style> <br/><br/><br/><br/><br/><br/><br/>…
0 votes3 answers -
Ссылки в hover меню картинками
Надо сделать меню картинками, чтобы при наведении менялся цвет текста, ну и чтобы пункты меню были ссылками, естественно. С псевдоклассом hover я знаком, но есть одна проблема. В html коде пункты меню пустые. <div id="home"><a href="#"></a></div> Ко мне пришла в голову мысль заполнить пункты меню по высоте прозрачной картинкой шириной в один пиксель, и div a{display:block;} в css. С лого у меня та же проблема, хотя она конечно решаема вынесением картинки в html. Подскажите как по-хорошему это все сделать, не хотелось бы изобретать велосипед.
0 votes5 answers -
Проблема при загрузке сайта
Доброго времени суток.Помогите, пожалуйста, чайнику!!! Попробовала создать свой сайт. Создала во фреймах. С сентября живет. Две недели назад появились проблемы: indeх сайта слетает на страницу МЕНЮ. Грузится несколько минут,потом слетает. Последние обновления делала 2 дня назад. Пробовала заходить в разных браузерах - результат один и тот же. Правда бывает, что сайт загружается нормально, но очень редко. Раньше такой проблемы не было!!! Подскажите, где ошибка и как ее исправить Адрес сайта:http://младшаяшкола.рф
0 votes4 answers -
Freehostia \ jsFiddle
Возможно ли хостить учебные вёрстки не имея зарег домена на фрихосте ,например, https://newcp.freehostia.com/ Я представлял, что такие сервисы дают субдомены под собой N го уровня и принимают всех желающих. Может не разобрался таки? Зарегился, создал субдомен под доменом назначенным этим хостом, загрузил свои труды нетленные и наивно жду, что они откликнутся на ссылочку. Подскажите плз как проще, правильнее решить задачу. Если всёж пользоваться jsFiddle, каким образом она поддержит фон картинку когда переход по ссылке с любого компа?
0 votes0 answers -
position
Здравствуйте. Мне 2-3 года увлечение Вебом не хватило, чтобы понять что делает position. Я старался. Я даже использую это в вёрстке, но всё равно не понимаю. Что делает absolute, я боле мене понимаю. А вот relative: "relative Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения. " Вот что значит "исходное место"? А вот static: "static Элементы отображаются как обычно. Использование свойств left, top, right и bottom не приводит к каким-либо результатам." Зачем он вообще тогда нужен? Помогите разобраться то уже наконец…
0 votes9 answers -
Проблемы с кодировкой...
Столкнулся с одной непонятной проблемой: на сайте выбрана кодировка ютф-8, на самом сайте отображается все нормально, а вот внутри кода всякая фигня вместо русских слов вылезает, мне в поддержке хостинга посоветовали сменить кодировку на ютф-8 без бом. Я это благополучно сделал в блокноте++, загрузил измененные странички на сайт, но к сожалению ничего не изменилось
0 votes2 answers -
Проблема верстки пропадает после перезагрузки страницы
Недавно обновил свой сайт idefinland.com (новый дизайн), но появилась проблем с навигацией. Она "выпадает" со своего места в Хроме и в Сафари. После перезагрузки страницы или просто на других страницах сайта меню само "возвращается" на место. Во всех остальных браузерах сайт работает отлично, проблема не наблюдалась. Подскажите, пожалуйста, в чем может быть дело. Что уже только не пробовал.
0 votes6 answers -
Верстка меню
есть меню, элементы расположены горизонтально <ul id="topmenu"> <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> </ul> Никак не могу написать css код чтобы меню было на всю ширину (допустим 100% при резиновой верстке) и расстояние между элементами было одинаковое. http://jsfiddle.net/4V3eq/ - тут элементы к левому краю прижимаются, а надо чтобы первый к левому краю, последний к правому краю, а остальные элементы между …
0 votes3 answers -
Как изменить порядок следования блоков
Есть два блока, один идет за другим, например <div id="div1">Контент 1</div><div id="div2">Контент 2</div> Блок div2 отобразиться под блоком div1. Высоты блоков не известны, вернее они могут быть различны. Есть ли возможность отобразить блок div2 над блоком div1 без использования javascript? Если бы размеры были известны, хотя бы у блока div2, то абсолютное позиционирование и margin-top, но в данном случае не подходит
0 votes11 answers -
Вертикальная полоса прокрутки
Здравствуйте. Есть стандартный макет: * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Middle —————————————————————————--*/ #middle { width: 100%; padding: 0 0 50px; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 220px; } /* Footer —————————————————————————--*/ #footer { width: 1000px; ma…
0 votes7 answers -
Создание темы на форуме
Помогите разобраться. Задача такая пользователь заполняет некую анкету и потом на форуме в определённом разделе создаётся тема, где имя, описание и само сообщение берутся из этой анкеты. Сама анкета с полями со всей ерундой есть. Не пойму как создать тему, помогите пожалуйста. Сайт на Ucoz'овском хосте.
0 votes0 answers -
Где взять JS вылетающего меню
:facepalmxd:
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-