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
-
Z Index и абсолютное позиционирование
Совместимы ли эти две вещи?
0 votes7 answers -
Какими свойствами CSS лучше воспользоваться?
Приветствую всех. Подскажите, пожалуйста, какими свойствами CSS лучше воспользоваться для достижения следующего результата: Мне нужно в блоке div выровнять изображения таким образом. Как это лучше сделать? Для всех изображений применить свойство margin-left думаю не совсем верно.
0 votes2 answers -
мне нужно поменять фон всплывающего меню
я совсем запутался: Это всплывающее меню. Оно работает. Но вот мне нужно поменять фон меню. Я прописываю в CSS ' #menu {background-color:#000000;} ' но фон черным не становится. Так как всё- таки добраться до фона и размеров верхнего (главного,горизонтального) меню. CSS: #menu,#menu li ul{ margin:0px; padding:0px; list-style:none;} #menu > ul > li{float:left; display:inline-block; margin-right:20px;} #menu li ul{display:none; position:absolute; z-index:100; width:200px;} #menu li:hover ul{display:block;} HTML: <div id="menu"> <ul> <li><a href="./index.php?route=product/category&path=20">Компьютеры</a> <div> &…
0 votes3 answers -
Позиционирование элементов
Ребята, покажите пожалуйтса в чем ошибка. http://47823.selcdn.ru/vst/index.html С Фаерфокса если смотреть - стрелочки в последних двух ячейках таблицы прижимаются к левому краю экрана
0 votes1 answer -
Цветовая гамма
Хотелось бы объективной оценки не слишком ли темные цвета я выбрал? http://voidblog.net63.net Опыт верстки полторы недели, так что не судите строго
0 votes3 answers -
Растягивание контента при пустом правым sidebar'е
Здравствуйте нужна помощь, я уже запарился, все не по фен-шую них... Проблема заключается в том чтоб при пустом правом сайд-баре контент растягивался на всю ширину, а если там что-то имеется сужался и по низу не оптекал сайд-бар. Я додумался только вот до токого: <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #main { width:300px; margin:0 auto; height:500px; background-color:#E4E4E4; } *{ margin:0; padding:0; } #block { float:right; /*background-color:#C9C;*/ width:100%; margin-left:-100px; } #content{ } #r-sidebar { width:100px; float:right; background-color:#66F; } …
0 votes9 answers -
Копирайты в php
Доброй ночи. Есть компонент для Джумла "FlippingBook Gallery Component for Joomla CMS v. 1.5.13" Там есть 2 копирайта, и они лежат в файле components/com_flippingbook/views/book/tmpl/default.php Но этот файл зашифрован Зендом (все содержимое пхп файла типа) bpJshsgshy1YCsVmn4e37M93CdzD6MjWkriR8EeWhrJe64+3k415XJjr7qE3qMgmgM9k/4Ewhwl3njJexl+r7 Как разшифровать .php файл, чтоб можно было поубирать ненужные копирайты?
0 votes4 answers -
Хочу научиться
Всех приветсвую дорогие пользователи! Я оптимизатор, в СЕО сфере я уже 6-ой год. Но всегда хотел научиться верстать из псд, так как требуется для моих проектов. Я вот не пойму, как вот резать псд правильно, подскажите отличные статьи что бы например сверстать меню для начала.
0 votes2 answers -
проблема div- вёрстки
как сделать чтобы меню наезжало на текст, а не вымещал его. Заранее огромное спасибо за ответы ! З.Ы: меню написано на CSS.
0 votes2 answers -
Как сделать чтобы меню стало фиксированным когда уперлось в верх страницы.
живой пример на: http://www.lookatme.ru/
0 votes2 answers -
Ищу гуру(наставника)
Добрый вечер. Я начинающий веб-программист. Хотел бы найти наставника, который помог бы мне освоить html верстку, ее процесс, помогал бы при появлении какие то проблем, указывал бы недочеты, я в свою очередь помогал бы ему с какой-то мелкой работой, я достаточно общительный. Сойдусь с любым человеком. Опыта верстки у меня нету, но html естественно на достаточном уровне. Сам имею какой-то опыт, на мой взгляд, небольшой, но для начала будет достаточно. Прошу ответить здесь или в личку, если таковы найдутся.
0 votes4 answers -
Выравнивание
Здравствуйте уважаемые! Помогите пожалуйста начинающему. Пытаюсь верстать и у меня не получается выравнять текст по центру страницы. Вот верстка: <head><!--это шапка документа, здесь подключаем скрипты, стили и тд--> <meta http-equiv="Content-Type" content="text/txt; charset=windows-1251"> <!--устанавливаем кодировку документа--> <title>Планета земля.</title><!--Выравнивание слоя по центру--> <style> .center { margin: auto; } </style> </head> <body> <!--это тело документа, здесь идет основной код, который будет выведен на экран--> <di…
0 votes4 answers -
Подправить верстку
Здравствуйте Есть сайт http://driver.f-vote.com/index.php/informatsiya - на это странице видно что текст идет на белом фоне дальше идет БГ картинкой и внизу футер, подскажите как сделать что бы Белый фон тянулся до футера и закрыл БГ который по середине видно! Заранее очень признателен так как голову долго уже ломаю.
0 votes2 answers -
Потерял статью
Всем привет! Наверное написать лучше в эту тему Помню была хорошая статья на хабре, сейчас понадобилась, но по необъяснимой причине я ее не добавил в закладки Вобщем есть такой макет И в той статье очень подробно описывалось для чего нужно такое количество вертикальных полос, в чем удобство, для чего отделять хэдер, контент и футер и прочее прочее... Может у кого осталась ссылка... или хотя бы помогите сформулировать запрос в поиск
0 votes2 answers -
Инструкция, создания сайта
Доброго времени суток, форумчане. Есть желание создать сайт, но проблема в том, что не знаю с чего начать. Интересует, такой вопрос, как начать грамотную разработку сайта? С чего начать лучше? База данных? CMS? А может, с самого HTML?
0 votes37 answers -
HELP! ЗАДОЛБАЛСЯ ИСКАТЬ ХАКИ НА ОПЕРУ
Дайте нормальный хак для Оперы 12.10 ПОЖАЛУЙСТА!!!!!!!!
0 votes8 answers -
Перестал работать Open Sans Normal из Google Font
Вчера перестал работать шрифт Open Sans, при чем только Normal, везде, где был Normal, отображается Bold. Шрифт грузится из Google Font. Проблема на всех моих сайтах, где он используется, с другими шрифтами и начертаниями проблем нет. блдаж! Проблема только в Chrome. Извиняюсь, выяснилось, что проблема только у меня, но как исправить? Кеш чистил
0 votes1 answer -
Запрет скроллинга google map
Добрый день, очень прошу помочь объяснить мне каким образом можно заставить перестать работать скролинг google map на сайте (сохранив при этом весь функционал карты работоспособным), при заходе на сайт с компа, но при этом оставить полностью всё как есть при заходе на сайт через моб устройства и ipod'ы, ipad'ы? О чём я говорю: как реализовать такую же карту как на http://www.zocdoc.com/search/?dr_specialty=153&address=&insurance_carrier=-1&refine_search= Если зайти через обычный браузер, то при наведении мыши на карту - она не скролится!, но функционал карты весь работает, а если зайти с ipod, ipadб то она совершенно спокойно прокручивается - вобщем нетронута…
0 votes2 answers -
Как поставить блоки
Как сделать на сайте такие блоки
0 votes19 answers -
Смещение блоков при изменении размера одного из них
Все доброго времени суток. Гугление не принесло никакого результата. Проблема такая: Есть, например, 12 блоков размеро 200на200, у всех левый флоат, размер радительского блока, скажем, 650пикселей(200*3+место на отступы). Итого получается 4 строки по 3 блока - типа галереии или портфолио, применение не важно. Хочется чтобы при наведение на любой блок он увеличивался, ну скажем, процентов на 10%. И вот тут начинается проблема. Блок увеличивается - ломается вся структура, блоки смещаются и получается хаос. Z-index проблемы не решает. Как сделать чтобы каждый блок увеличивался поверх других(если размер уж такой, что приводит к перекрытию соседнего блока) и структура была не…
0 votes4 answers -
Как убрать рамку?
Добрый день всем пользователям! Появилась вот такая проблема не знаю как убрать эти рамки? Причём они отображаются только в IE 7, но нужно верстать именно под него. =( http://itmages.ru/image/view/811992/91456c9a - IE 7 http://itmages.ru/image/view/811993/2d756bcf - GoogleChrome как убрать эти бордовые рамки? Сам код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Таблица</title> <style> </style> </head> <body> <table> <tr> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/135.jpg" widt…
0 votes4 answers -
СРОЧНО! ПОМОГИТЕ СО ШРИФТАМИ!
http://dsdfsdsdfkvit.sdfsdfzdfsdato.ru/ сайт. имеется шрифт MyriadPro, код и ссылки для него сгенерировал при помощи великолепного сайта http://www.fontsquirrel.com/ Он выдал мне вот такой css @font-face { font-family: 'MyriadPro'; src: url('myriadpro-semibold.eot'); src: url('myriadpro-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-semibold.woff') format('woff'), url('../fonts/myriadpro-semibold.ttf') format('truetype'), url('../fonts/myriadpro-semibold.svg#myriadpro-semibold') format('svg'); font-weight: normal; font-style: normal; } все вроде бы хорошо, все вроде бы ок. Но гадская мозилла почему-то думает, что он жирный. мне …
0 votes4 answers -
А что будет, если закрывающий тег не поставить </div>?
Вопрос такой, потому что если я ставлю закрывающий тег, то параметр мультичекбокс в таблице выдает строку отступа из-за чего некрасиво таблица смотрится. Без закрывающего тэга - нормально. Или может есть аналог div'a?? Жирным внизу выделил проблемное место. case 'multicheckbox': case 'multicheckboximage': $found = 0; for($i=0,$nb=count($this->field_values[$field->fieldid]);$i < $nb ;$i++) { $fieldvalue = @$this->field_values[$field->fieldid][$i]->fieldvalue; $fieldtitle = @$this->field_values[$field->fieldid][$i]->fieldtitle; if (strpos($value, ",".$fieldvalue.",") !== false) {$return .= "<div class="multicheckboxfield">"; if ($field->t…
0 votes6 answers -
Оптимизация загрузки страницы
Ребята, нужна помощь. Есть php скриптик. Он сканирует папку с картинками. Потом открывает страничку <html>, вводит стили, и в <body> с помощью цикла сжимает картинки(используя отдельный класс) и выводит их на экран как тучу <div> элементов. в каждой дивке 1 картинка. Проблема в том что страница открывается только после того как сожмет и подготовит все картинки. Как можно организовать вывод так, чтобы сначала на странице отобразилась шапка, и постепенно выводились на экран эти дивки ( сжал -> вывел )? Хотябы какие нибудь идеи, я уже все перелопатил.
0 votes2 answers -
зачем тут нужна явная высота
в общем, такой вот код html <div class="header"> <div class="logo"><img src="images/logo.png" title="Школа водительского мастерства" alt="Школа водительского мастерства drive-style" /></div> <div class="epigraf"> <table border="0" cellpadding="0" cellspacing="0" width="99%"> <tr> <td class="slogan"><span class="blue">БОЛЬШЕ ПРАКТИКИ - </span><span class="red">МЕНЬШЕ СТАТИКИ!</span></td> <td class="mission"> Дух независимости и предчувствие приключений - лучшие лекарства от серых будней. Сердце бьется в унисон шума колес, тело и авто - единый механизм. Свободный, ка…
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-