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
-
Съехали блоки
http:// hexlife.in.ua/index.php?id=181 <div class="content"> <div style="padding:10px 20px 10px 20px;"> <p> Другі страви</p> <div style="width:205px;text-align:center;float:left;"> <div class="ramka_galerey"> <a class="highslide" onclick="return hs.expand(this)" style="wigth:150px;height:130px;" href="/images/gallary/20120508113108.jpg"> <table cellspacing="0" cellpadding="0" style=" width: 100%; height: 100%; text-align: center; vertical-align: center;"> <tbody> <tr> <td> <img title="На…
0 votes2 answers -
Как рационально резать линованый фон в psd
Здравствуйте, я только начал заниматься версткой и столкнулся с такой проблемой, раньше я верстал странички в которых однотонный фон, но теперь столкнулся с такой проблемой: В макете следующий фон: Как видите это наклонные линии, подскажите как правильно их резать их верстать?
0 votes3 answers -
Как добавить справа при наведении белую полосу в 1px?
Вот есть такая менюшка: По задумке дизайнера нужно что бы при наведении на кнопочку менялся фон c появлением белой полоски в 1px в конце кнопки. Это появление полоски я реализовал с помощью border-right: 1px solid #FFF; Из за этого при наведение кнопка расширяется на 1px и соответственно меню прыгает. Может кто знает как решить данную проблему? Вот исходники
0 votes2 answers -
Проблема с версткой на меню
В общем решил сверстать макет который сам же нарисовал с шапкой и разделами вроде успешно а вот с меню загвостка нашел примерно то что нада в нете полностью перересовал его заменил картинки ссылки поправил код нечего такого вроде не трогал и меню не работает обидно кто помочь может? Вот содержимое index.html и .style.css сори за ошибки <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Artine Css Menu</title> <link href="style.css" …
0 votes1 answer -
Выровнять текст списка по вертикали
Народ, не знаю как выровнять текст списка во вертикали и горизонтали. Надо сделать так мой код <div id="footer"> <ul id="footerDiv"> <li>2012 © ГУ “хххххххххххх ххххх ххххх хххххх”</li> <li>Наш адрес: ул. Хххххххххх, д 6 Контактные телефоны: ххх-хх-хх ххх-хх-хх</li> <li>Разработка сайта: ИП Пупкин В.А.</li> <li id="map">Карта сайта Прочие ссылки Etc etc etc etc etc etc И еще что-нибудь</li> </ul> </div> и #footer{ height: 116px; margin-left: auto; margin-right: auto; width: 1000px; } #footer ul { list-style: none outs…
0 votes12 answers -
Тени блока картинками
Прошу удалить тему, решение нашел.
0 votes0 answers -
Ошибки в IE8 и IE7
Здравствуйте, форумчане. Есть сайт, который как-то странно ведет себя в IE8 и IE7... Вот ссылка на страницу http://beztorga.com/forms.php Проблема в следующем - две кнопки "Частная регистрация" и "Коммерческая регистрация" почему-то не отображаются в ie8... А в ie7 там вообще беда. Подскажите, пожалуйста, в чем может быть проблема. Заранее спасибо.
0 votes2 answers -
CSS и td
Ребят, как организовать чтоб менялся бэкграунд у активной ссылки в ячейке td, вообще возможно ли такое?
0 votes8 answers -
Как реализовать?
Здравствуйте. Подскажите пожалуйся, каким образом реализован эффект при нажатии на льва сылка
0 votes2 answers -
Позиционирование блоков
Приветствую. Не могу реализовать следующее: На практике это будет так: блок 2 будет показывается только на главной. В остальных же случаях Блок 1 растягивается на всю ширину родителя.
0 votes3 answers -
Проблемы отображения <hr> в ie9
Здравствуйте! Не могу понять почему в ie9 при открытии локальной копии страницы тег <hr> отображается как требуется. Но если эту сраницу загрузить на сервер и в последствии открыть её в том же браузере ie9, то вокруг тега <hr> образуется рамка. Очень хотелось бы узнать почему так происходит. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style> hr { border: none; background:url(img/bg-hr.gif) no-repeat center; height: 3px; } </style> </head> <body> <hr> </body> </html>
0 votes2 answers -
article списком. можно ли?
вопрос по макету в блоке Todays Specials можно выделить 3 блока article(у каждого есть заголовок). собираюсь сверстать списком - каждый li сожержит article. скажите пожалуйста семантично ли так делать? не будет ли ошибкой вкладывать в элемент списка такой значимый блок? смущают в первую очередь заголовки
0 votes1 answer -
Открытие браузерами одинаковых ссылок.
Приветствую, вопрос не совсем по верстке, он скорее об особенностях работы браузеров, но более подходящего раздела не нашел. Вопрос следующий: если на странице присутствует несколько одинаковых ссылок (допустим пять) на один и тот же ресурс (допустим на одну и ту же картинку), то как себя ведут большинство браузеров в этом случае - все пять раз делают один и тот же GET запрос или один раз делают запрос, а на остальных ссылках используются данные полученные при первом запросе? Возможно, это зависит от какихто условий - если, да, то от каких? Интересуют браузеры ie8-9, ff, opera, google chrome. Пример, чтобы пояснить вопрос: 1-случай: <div id="images"> <img src=…
0 votes0 answers -
border-image для IE
Добрй день. Есть такое замечательное css свойство http://htmlbook.ru/css/border-image, может есть какой-то аналог в IE через какой-нибудь фильтр?
0 votes4 answers -
Контент вылазиет за блок
Прошу помощи. http://fly.gergert.kg/node/4 Заранее спасибо
0 votes2 answers -
Вывести родительский div поверх дочернего
Здравствуйте, я в верстке разбираться только начинаю и поэтому сложилась такая простая проблема: HTML Code: <div id="header"> <div id="header_top"> <div id="logo"> <a href="/"><img src="images/logo.png" alt="Кинорулетка" /></a> </div> <div id="networks"> <a href="/"><img src="images/vkontakte.png" alt="Вконтакте" /></a> <a href="/"><img src="images/facebook.png" alt="Фэйсбук" /></a> <a href="/"><img src="images/twitter.png" alt="Твиттер" /></a> </div> </div> <div id="header_bottom"> <div id="roulet"> <img src="image…
0 votes7 answers -
горизонтальный js-скролл
помогите пожалуйста понять причину того, что на страничке элементы списка выстраиваются не в одну строку, а несколько. соответственно нет горизонтального скролла, который мне нужен в результате
0 votes1 answer -
mootools fx.slide
Добрый день! У меня на сайте установлена небольшая раскрывающаяся/закрывающаяся панель. Раскрывается она при помощи fx.slide, по умолчанию раскрытие идет от верха к низу, мне же нужно наоборот, чтобы открывалось от низа к верху. Вот мой код window.addEvent('domready', function() { var fx = new Fx.Slide('footer-snif').hide(); $$('#footbut h3').addEvent('click', function(event){ /* // w/out Fx.Slide var fx = new Fx.Morph($('footer-snif')); if ($('footer-snif').getStyle('height').toInt() == 0 ) { fx .start({'height': [0,200]}); } else { fx .start({'footer-snif…
0 votes0 answers -
поправить код
помогите пожалуйста поправить код страницы так чтобы валидатор перестал ругаться как я понимаю, валидатор говорит о том, что rel не может иметь значение 'group'. туц. поменять имя нетрудно, но в js я не нашел фразу 'group'
0 votes2 answers -
input вод только 1 точку
Доброго времени суток. Есть строка ввода куда вводятся только цифры и точкИ, но мне надо, что бы точку можно было ставить только одну. Проблема в том, что я незнаю как это реализовать. Код строки ввода: <input type=text id=vklad onchange=Calc() onKeyPress="if(event.charCode!=0&&event.charCode!=46&&(event.charCode<48||event.charCode>57)) return false;">
0 votes4 answers -
как увеличить изображение при наведении на другой блок
Есть у меня блок с изображением: <div class="float-left jpage-jblocks-images left-right-image"><img border="0" style="border: 0;" src="/images/image.jpg"></div> под ним стоит блок с текстовым наполнением <div class="float-left jpage-jblocks"> наполнение </div> можно ли сделать так, что бы при наведении на блок с текстовым наполнением изображение в блоке с изображением увеличивалось? При наведении на изображение ее увеличение сделала так: .jpage-jblocks-images img:hover { -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-d…
0 votes1 answer -
Вёрстка для комментариев
Здравствуйте. Столкнулся с проблемой написания вёрстки для компонента комментариев. Очень прошу помочь тех, кто в этом разбирается. Вот картинка. Сначала пробовал всё divami оформить, что-то не получилось. Потом пробовал table - снова проблемы. Самое простое быстро забывается. Те, кто в этом ещё шарит - помогите плиз... Там где цветные квадратики - это картинки будут. И надо сделать так, чтобы правая часть (само сообщение) увеличивалось по мере увеличения сообщения, НО чтобы не была меньше чем левая часть (аватар и т.д.). Т.е. чтобы минимальный размер правого окна было не меньше левого, а если больше - то больше. Заранее огромное спасибо.
0 votes4 answers -
ie7 и абсолютное позиционирование
Доброго времени суток! В процессе работы над простым шаблоном наткнулся на неприятную ситуацию отображения в IE7. Проблема с горизонтальным меню, при выборе в верхней строке пункта, в нижней строке должен появлятся подпункт, прямо под верхним пунктом. Используется скрытие display: none и абсолютное позиционирование подменю. Во всех браузерах все адекватно, а в Ie7 подпункт появляется справа от пункта, а должен быть прямо под ним снизу. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> #nav { height: 95px; background: #fff; } #nav ul{ display: block; width: 100%; } #nav ul li{ float: left; …
0 votes9 answers -
смещение background в <td> в IE
Всем доброго настроения. Немцы уже отпраздновали капитуляцию (у них 8-ого мая), ну а нас - с наступающим! Если чего, не пинайте в правое ухо... - вопрос, наверняка, заезженный и скорее всего уже обсуждался не раз, но понятия не имею по каким словам искать на него ответ. В общем к делу. Обычный html файл, обычная таблица, в которой есть 5 <td> и 3 <tr>. В левом <td> backround ставится как надо, а вот в самом правом... (см. вложение). Это только в IE (версия 9 - другие не пробовал - ну их), в остальных броузерах все ОК. Картинка background смещается на один пиксель влево, затем идет повтор картинки (no-repeadt работает, но тогда край не ровный получается)…
0 votes0 answers -
ишак съел блок
сверстал страничку под неIE. но всё таки интересно хотя бы в общих чертах знать куда IE7 спрятал блок .featured width пробовал уменьшать. помогите пожалуйста если не решить проблему, то хотя бы понять причину исчезновения блока
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-