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
-
Юзербары
Вот допустим сайт и то что меня у них заинтересовало http://vseodote.ru/news/iccup-userbar-ot-vseodote-ru.html Вводим например [bT4M]WAGHHH и получаем картинку со статистикой этого акка на сервере http://ru.iccup.com/dota/ Подскажите как такое реализовать.
0 votes5 answers -
не работает марджин
привет...в футере не работает марджин, не могу понять почему <div id="footer"> <a class="sitemap" href="#">Карта сайта</a> </div> #footer { width:795px; height:59px; background: url(../img/footer.jpg) no-repeat; margin-left:20px; margin-top: -6px; } a.sitemap { color:#0099FF; font:14px "Myriad Pro"; margin-left:30px; margin-top:16px; /*тот что не работает*/ height:15px; width:74px; } подскажите пожалуйста
0 votes10 answers -
Логотип
Доброго времени суток. Помогите пожалуйста. Не могу поставить логотип. При нормальном масштабе логотип стоит на месте: , когда меняется размер окна, логотип сдвигается в центр: . Вот код: <style type="text/css"> html, body { margin: 0px; width: 100%; } #background { position: absolute; width: 100%; } #body { position: relative; width: 100%; height: 100%; z-index: 1; } </style> </head> <body > <img id="background" src="http://s54.radikal.ru/i146/1104/7a/87d90093aa7a.jpg" /> <div id="background"> <a href="http://csk.biz.ua/"> <img src="http://i030.radikal.…
0 votes4 answers -
Нужна помощь!)
Дело в том что я хочу что-бы "index.php" не перезагружался при обновлении "<input name='new_address' type='text'". И что-бы ошибки выводились перед <form>. index.php <?php $result_city = mysql_query ("SELECT * FROM address WHERE address_code='$select_city'",$db); if (mysql_num_rows($result_city) > 0) { $myrow_city = mysql_fetch_array($result_city); } do { printf ("<style> #boxes%s .window { position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; } #boxes%s #dialog%s { width:375px; height:203px; padding:10px; background-color:#ffffff; } </style> <p>%s <a name='modal' href='#dialog%s'>…
0 votes11 answers -
Шапка 1600px
Добрый день всем, уважаемые форумчане. Есть несколько вопросов. Я, мягко говоря, в ступоре, два дня пытаюсь найти решение. Значит так - есть шапка, в шапке на бэкграунде имага с размером 1600пикселей в длину, чтобы на любом разрешении (не беру во внимание 1900+ итд) было смотрибельно и приятно. Проблема в следующем - в ДИВе шапки должно быть несколько элементов (меню и картинки-ссылки) ! если ДИВу шапки задать width: 100%; то все замечательно на всех разрешениях - тянется, как надо ! но! мне нужно отпозиционировать относительно краев шапки элементы вышеуказанные (меню и картинки) если же у нас width: 100%, соответственно элементы каждый раз просто-напросто от краев брау…
0 votes11 answers -
Работа с текстом.
Здравсвуйте. Подскажите пожалуйста, столкнулся со следующей проблемой. Есть верстка: <style type="text/css"> #main { border: 1px solid black; width: 300px; } </style> <body> <div id="main"> <p id="text"> You can improve your ability to gatherto gatherto gather <img id="image" src="blankslot.png" width="98" height="23" /> information by grouping like items into basic categories. </p> </div> вот что мі видем на картинке проблема в том, что мне нужно расположите текст так, чтоб отступы между строками в той строке, где находится картинка были такими же ,как и отступы межд…
0 votes9 answers -
раздел во весь экран по высоте
здравствуйте! подскажите что можно сделать. на странице есть header и footer. нужно, чтобы два раздела между ними (main1 и main2 на рисунке по ссылке выше) по высоте занимали все остальное место экрана, вне зависимости есть в них контент или нет.
0 votes4 answers -
Как обрезать год?
Код для валидации даты var day = parseInt(R.substring(0, 2), 10) ; var month = parseInt(R.substring(2, 4), 10); var year = 2000 + parseInt(R.substring(4, 6), 10); var tmpDate = new Date(year, month-1 /* нумерация с 0 */ , day), newYear = tmpDate.getFullYear(), newMonth = (tmpDate.getMonth()+1), newDate = tmpDate.getDate(); if (newMonth < 10) newMonth = "0" + newMonth; if (newDate < 10) newDate = "0" + newDate; var zzz = ' ' + newDate + newMonth + newYear + R.substring(6, R.length); как сделать, чтобы год выводился в формате YY?
0 votes1 answer -
Модальное окно CSS + немного JS
Почему не работает? А здесь работает. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="css.css"> <script type="javascript"> p = $('.popup__overlay') $('#popup__toggle').click(function() { p.css('display', 'block') }) p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') } }) $('.popup__close').click(function() { p.css('display', 'none') })</script> </head> <body> <p><input type="button" value="Popup!" id="popup__to…
0 votes7 answers -
facebook & twitter скрипты не показываются для некоторых
Здравствуйте! Возникла такая проблема, что у некоторых не показываются скрипты фейсбука и твиттера (кнопка поделиться), у меня всё отлично, а вот у знакомого в хроме и сафари (macbook) не отображаются. Пробовал официальные скрипты: https://developers.facebook.com/docs/plugins/share-button/ и https://dev.twitter.com/docs/tweet-button , но не показываются. Пробовал использовать и этот сервис: http://www.sharethis.com - результат тот же, у меня всё отлично, у него не показывается. В чём может быть проблема и как её исправлять ?
0 votes2 answers -
url в виде /path/param вместо /path?par=param в form submit
Добрый день! Возникла необходимость сделать как в заголовке. т.е. сейчас есть форма, два селекта. При нажатии на кнопку вызывается url вида /path?par=param&par2=param2 где param и param2 берутся из селектов с именем par и par2 соответственно. Надо сделать /path/par/param/par2/param вместо этого, чтобы соответствовать api сервера, или path/param/param2 - тоже сработает. Это вообще возможно сделать без JS? должно работать при noscript. Заранее спасибо, и простите, если вопрос дебильный - новичок я...
0 votes5 answers -
Как получить код-интерактивная карта?
Всем привет! Объясните пожалуйста,как получить код-интерактивная карта,и затем как прописать его в html ???? За раннее благодарен!
0 votes2 answers -
Футер по ширине страницы (float)
Добрый день! Только начинаю обучение и уже проблема. Суть в следующем. Два блока (меню и блок с контентом) ставятся горизонтально, третий (футер) должен быть прижат под ними и распространяться на всю ширину страницы. Блок прокрутки при этом имеет <overflow>. В итоге меню и контент через <float> горизонтально встают без проблем. Однако футер при этом выравнивается по блоку с контентом и также прокручивается через скролл, как и контент (иными словами, как будто он вложен в <div> с контентом). Для наглядности цепляю скрин. (фон блокам задан мной для наглядности). Код вроде полностью, как в книге (пока учусь азам по книжке), а результат отличается.…
0 votes2 answers -
Обтекание картинки. Список: картинка + описание.
Ребята хорошие и отзывчивые, привет) есть задача кровь из носу, но я в верстке не алё. Вошли и вышли, приключение на 10 минут. Суть: Необходимо из вот такого http://joxi.ru/YmEvbJOCB1XyL2 сделать такое http://joxi.ru/krDwbJ3Tg7njXA Как, что и куда написать, но МАКСИМАЛЬНО ПРОСТО?
0 votes1 answer -
отображение div-а в IE
вот форма: http://persten.programist.ru/calendar2/index.html при клике в полях "дата" и "старая дата" появляется календарь. проблема в том, что под IE комбобоксы всегда на переднем плане. помогите пожалуйста
0 votes3 answers -
Проблемы с dreamweaver
Помогите решить проблемку. В последнее время у меня после перезахода в dreamweaver, коментарии в листе стилей отображаются в неверной кодировке. http://img18.imageshack.us/my.php?image=dwerrori.jpg
0 votes2 answers -
Опера 10.63. Сжатие фиксированной страницы
Здравствуйте! В последней версии Оперы (а может и более ранних тоже) при уменьшении размера страницы происходит масштабирование её содержимого, даже если размеры элементов заданы в пикселях, а не процентах. Происходит это со всеми сайтами, картина получается неприглядная. И вот вопрос: а есть ли некое глобальное средство, которое бы запрещало браузеру сжимать содержимое? В одной статье с этого сайта (Фиксированный дизайн. Свойство float) вроде бы как есть решение проблемы 2-ух колоночного макета страницы, сверстанной в слоях. Но под Оперой 10.63 оно несостоятельно. Как быть???
0 votes3 answers -
Не работает {text-shadow:} вIE
Здравствуйте. Не работает такой вот класс в ИЕ. Чем можно заменить? Спасибо. text-shadow: 0 2px 0 #000000;
0 votes6 answers -
помогите справиться с отступами параграфа
Вот сайт: http://magazine-lady.ru/script/maket1/ В центре есть две колонки с темами рефератов. Не понимаю почему у первых двух параграфов колонки появляется отступ слева, ведь правила css писались для всех элементов
0 votes8 answers -
Отображение текста по наведению (без скрипта)
хочу добавить функцию отображения текста по наведению без скрипта, с помощью свойства visibility (http://htmlbook.ru/css/visibility), но довести не могу. Затык в том, что текст наложен на хитрую блочную картинку-ссылку, которая также меняет отображение при наведении. Видимо, вместе они начинают каким-то образом конфликтовать... Тестовая страница (блок - Резка керамогранита): http://www.mastermozaik.ru/index/0-45 Упрощенный код (без тайтлов, альтов...): <div class="good400" style="background:url('/Goods/DSCN0594-400-02.jpg');"> <a href="/index/0-16" class="goods400"><div class="goodtext">Отображаемый текст</div></a> </div> css: .goo…
0 votes4 answers -
Верстка, где основная высота страницы в зависимости от разрешения меняется, но при этом нет основной полосы прокрутки
Добрый день всем! В общем проблема в следующем: необходимо сделать так, чтобы высота основного блока менялась в зависимости от разрешения экрана, но при этом полоса прокрутки должна появляться только сбоку от элемента, где показана вся основная информация(помимо этого блока имеются шапка и футер) как-то так: Можно ли вообще это сделать средствами css? Или придется использовать javascript? Буду очень благодарен всем, кто поможет решить эту задачу.
0 votes8 answers -
Не будут ли у программиста или админа проблем из за такой верстки?
Здравствуйте. Нужно верстать такой макет: 3 колонки одинаковой ширины (не считая меню, с ним все ясно) в них блоки с разной высотой. Задача в том, что бы при увеличении разрешения колонки тоже увеличились до определенного размера, потом когда хватает место для четвертой колонки - ширина колонок уменьшается до исходного и добавляется 4-ая колонка. И так далее. Ничего лучше не нашел кроме как нарисовать 2 колонки, засунуть туда контент и давать им display: none; а потом в подходящих разрешениях их добавить с display: block; в промежутках меняя ширину видимых колонок через media queries или же сделав их резиной. Так вот, не совсем представляю как будет происходить доб…
0 votes9 answers -
Как сверстать такой список?
Здравствуйте! Есть такой список: Не могу решить, как лучше его сверстать. Использую Bootstrap, под IE9 и выше, должно быть адаптивно.
0 votes7 answers -
Не отображаются яндекс карты
Доброго времени суток. Помогите исправить косяк. Есть страница, на которой яндекс.карты исправно отображаются: http://imatte.ru/work/ufa/map.html К этой странице я приделал выпадающее слева меню, и теперь карты перестали отображаться: http://imatte.ru/work/ufa.town/map.html Подскажите, как пофиксить?
0 votes1 answer -
Добавить checkbox и radio кнопки в существующую форму
Здравствуйте. Есть необходимость добавить варианты выбора чекбоксом и радио кнопкой в форме отправки. Сайт тут - http://olegberesnev.com/ Форма эта - http://xozblog.ru/2012/11/modal-windows/ Подскажите, где поискать грамотно дописанное?
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-