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
-
Кодировка в HTML
Добрый вечер! Подскажите пожалуйста! Скачал шаблон в html и возник вот такой вопрос: Я измененил в шаблоне допустим слово Home(шаб. полностью английский) на слово Главная и при обновлении страницы вместо слово "главная" одни кракозябры. в чём дело? Пробовал создавать файл .htaccess c таким содержанием: AddDefaultCharset WINDOWS-1251 # AddDefaultCharset utf-8 Но непомогло! Что делать? Да и ещё пробовал подключать так: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> и utf-8 ставил, но безуспешно. код indedx.hlml надо?
0 votes11 answers -
резиновые страдания
взял на фрилансе макет верстать бесплатно, за хор.отзыв. там нужен фикс был, но мы не ищем легких путей и захотелось резину наверстать. макет. проблема такая - не могу приложить ума как бы так сделать, чтоб фон середины, которая посветлее с контентом, совпадал с остальным фоном по полоскам.. какой-то ступор.
0 votes24 answers -
Phoca Gallery
Здравствуйте!!! У меня не получается добавить изображение в Phoca Gallery. Загружаю фото на сервер по FTP. Все прекрасно, в админке в медиа менеджере она просматривается, а при добавлении в Phoca Gallery получается вот что: xxx (последняя фотография) Почему? Что я не так делаю? В локальной версии все отлично добавляется. (Извините, но ссылку вынужден убрать, потому что она уже не работает!!! Я все уже исправил и все работает нормально.)
0 votes0 answers -
Не работает условный фильтр
у меня есть такой вопрос и, надеюсь, вы мне поможите. почему не работает условный фильтр для IE 6 в документе (x)HTML 1.0? для IE6 необходимо загрузить другую таблицу стилей. получается следующий код: <?xml...> <!DOCTYPE......> <html xmlns.....> <head> <title>......</title> <!-- [if IE 6] <style type="text/css"> @import("style_IE_6.css"); </style> --> <link rel="stylesheet"..... /> </head> ..... но для упомянутого выше документа почему-то загрузка таблицы style_IE_6.css не происходит. почему?
0 votes2 answers -
в iе7 главная страница уходит влево
Я опять беспокою общественность по поводу нашего сайта http://www.hram.vavtovo.ru. Снова проверял во всех браузерах, и заметел, что в ie главная страница уходит влево, а все остальные стоят как положено. css на всех остальных страницах написаны как раз на основе главной (style.css). Все проверил, не могу понять, в чем дело?
0 votes3 answers -
Помогите с буквицей
Делаю буквицу. Требуется буквица у h2. Проблема в том что в FF все как надо показывается, а в Crome буква слишком высокая. Не получается сделать одинаково. Пример h2:first-letter { margin:0px 5px 0px 0px; line-height:10px; padding:10px; border:2px solid #825c35; font-size:200%; font-weight:bolder; background:url(climage:GUID=765929ED-87D5-47CF-BF4C-956FEB59F468&scalex=60&back=00000000&mul=A0f5bd4c); float:left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0px 0px 4px #f5bd4c; }
0 votes7 answers -
Подчёркивание ссылок
<body> <div id="wrapper" > <div id="header" > <h1><a href="#" class="logotipe">main</a></h1> </div> <ul id="topbar"> <li><a href="#" class="Main" > Main </a> </li> <li><a href ="#" class="Families">Families</a> </li> <li><a href= "#" class="History" >History</a></li> <li><a href= "#" class="Events" >Events</a></li> </ul> </div> Ни как не могу убрать подчёркивание ссылок .. обьясните как это сделать ??
0 votes9 answers -
Если задать doctype, Explorer иначе высчитывает высоту TD
Нужно сделать таблицу на всю ширину и высоту окна, причем одна из ячеек так же должна иметь высоту 100%. Я написал нижеследующий код. Если НЕ задать doctype, код во всех браузерах работает корректно, если задать - Explorer начинает растягивать таблицу по высоте так, что появляется вертикальная прокрутка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML> <HEAD> <STYLE> HTML, BODY {height:100%; margin:0px;} </STYLE> </HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width=100% height=100%> <TR><TD>Ячейка 1</TD></TR>…
0 votes3 answers -
Какснаучиться создавать свои шаблоны.
Я знаю html, css, actionscript, но вот беда: не умею делать шаблоны. Как они создаются и что мне нуно дополнительно знать для этого?
0 votes9 answers -
Выравнивание подписи по нижнему краю рисунка
Здравствуйте. У меня есть широкое изображение, подпись к нему, и неограниченное количество текста сверху и снизу. Как задать ширину изображения в 60% экрана и расположить подпись по нижнему его краю вот таким образом? Исходный код: <div class="img"> <img alt="" src="http://designyoutrust.com/wp-content/uploads/2011/01/eli-neugeboren-fashion-monsters-06-600.jpg" /> </div> <p class="under-picture">Test image sign.</p> <p class="text">Text text text...</p> Демонстрировать можно здесь: http://www.webdevout.net/test?02f Прошу прощения. Вовсе не собирался спамить. Просто кнопка создания темы никак не реагировала на нажатие, вот я и кл…
0 votes6 answers -
помогите сверстать таблицу
Есть таблица вида: <table border="1"> <tr> <td>1</td> <td>2</td> <td>3</td> <td colspan="3">4|5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td colspan="2">5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td colspan="2">5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td colspan="2">4|5</td> <td>6</td> </tr>…
0 votes1 answer -
Не могу убрать отступы
Здравствуйте код такой <div id="wrap"> </div> в ксс body { background-color:#000000; } #wrap { min-height: 100%; background: transparent url('img/header-bg.jpg') repeat-x -240% 0; } как убрать вот ети отступы сверху,и по бокам, как будто фон сферху....чо то запутался(
0 votes7 answers -
Кросбраузерность
Кто можит помоч с крос браузерностью в ie Сайт
0 votes7 answers -
outer: высота / ширина - 100%
Всем здрасте. Такая задача: #outer - на весь экран в независимости от разрешения (фон картинка); #content - оцентровать по середине; содержимое #content - абсолютно споцизионированные блоки; IE7+ Растянуть #outer мне удалось. Нашел в Гагле вот такие инструции: body, html {height: 100%} #outer { width: 100%; min-height: 100%; height: auto !important; height: 100%; } Но немгу понять как растянуть вложеннный в #outer блок (#content) по высоте. height: 100% на него не влияет. Так же его мне необходимо оцентровать. Подскажите плз. Пример можно посмотреть здесь
0 votes4 answers -
Нужен "Наставник" =)
Здравствуйте! Учусь верстке, сверстал первую верстку и столько негативных отзывов получил. (верстал для себя, просто так) в общем хочу научиться и без наставника мне сложновато... Я был бы очень благодарен вам за помощь! В общем скажу коротко и ясно, но к сожалению не очень любезно sad.gif (по другому будет долго, извините): Я скидываю вам psd, вы оцениваете, потом говорите "да" или "нет". Если да, я начинаю верстать. Если нет, я ищу другой макет до "да". И так по окончаний верстки я кидаю архив с html+css вам и Вы проверяете код и указываете что не так и почему оно не так, и как правильно решить этот "не так".
0 votes5 answers -
Корректная разбивка на страницы
Здравствуйте! Столкнулся с такой проблемой: когда содержимое xhtml-файла разбивается на страницы в произвольном порядке (в частности, ридером книг айпада), встречаются такие ситуации, когда иллюстрация оказывается на одной странице, а подпись к ней - на другой. Естественно, это портит впечатление. Вопрос: есть ли универсальный способ объединить изображение и подпись к нему в один неделимый блок, так чтобы при недостатке места для подписи, изображение немного сжималось? Или, в крайнем случае, переносилось на следующую страницу. Я пробовал задавать свойствах изображений: page-break-after: avoid; - не помогло. Пробовал объединить изображение и подпись в один div, и назначить…
0 votes2 answers -
Строка поиска скачет
акая фигня: Вот строка поиска в mozilla firefox: http://saveimg.ru/show-image.php?id=f696c3...9b66d07fe2500b2 А вот в Опере: http://saveimg.ru/show-image.php?id=cc1e89...21394e699cabfa6 Корявит это мой сайт не по детски( А вот строка поиска яндекса: http://saveimg.ru/show-image.php?id=70293e...917883062e7ee5f У них строка эта в картинку замурована поэтому при заходе из разных браузеров не скачет) Можно мою также сделать? Вот код строки поиска: <form action="адрес странице результатов поиска" id="cse-search-box"> <div> <input type="hidden" name="cx" value="partner-pub-4647668356768393:tgizyufcks8" /> <input type="hidden" name="cof" value="FORID:11" /&…
0 votes9 answers -
Можно ли в теге iframe показывать какую либо конкретную область
Добрый день! Вопрос собственно так и звучит, можно ли в теге iframe показывать какую либо конкретную область. Т.е. если это веб-страница, то какую либо ее определенную часть? Большое спасибо!
0 votes4 answers -
Выравнивание кнопок по вертикали (chrome/webkit,firefox)
Требуется сделать две большие кнопки одинакового размера. Оказалось, что при многострочном содержимом плывет выравнивание по высоте. Как выровнять кнопки по одной линии с разным содержимым? Такое поведение наблюдается в firefox, crome и всех браузерах на основе webkit. Смещение по вертикали 21px. Ниже код и скрины с хрома. <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> button { font: 700 60px "arial", "arial narrow"; width: 33%; font-variant:small-caps; height: 125px; overflow: hidden; margin: 5px 10px; } span.cfnDesc{ display:block; fo…
0 votes2 answers -
Помогите, пожалуйста, написать стиль по описанию.
Здравствуйте. Наткнулся на досадный баг в iBooks 1.1 связанный с тем, что текст, которому указано "left" в text-align, форматируется по ширине. Стал гуглить решение, нашёл, но довольно абстрактно описанное: Помогите, пожалуйста, восстановить стили для класса “center-both” по этому описанию.
0 votes4 answers -
HTML 5 и отсутствие DTD
Здравствуйте. У меня есть классы на PHP, которые генерируют HTML-код форм согласно правилам вот этого документа - xhtml1-transitional_dtd. В классах объявлены массивы описания атрибутов элементов, которые являются отражением вышеупомянутой спецификации: class Html_ElementInput extends Html_Element { public function __construct($type=null) { parent::__construct(); $this->attrs = array ( 'type' => array('text', 'password', 'checkbox', 'radio', 'submit', 'reset', 'file', 'hidden', 'image', 'button'), 'name' => 'CDATA', 'value' => 'CDATA', 'checked' => array('checked'), 'disabled' => array('disabled'), 'readonly' => array('re…
0 votes0 answers -
IE 6 и overflow: hidden для блока с картинкой. Я чего-то не понимаю или информации о баге нет в справочнике?
Возьму самый простой пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>1</title> <style type="text/css"> img { width: 500px; height: 500px; } div { overflow: hidden; } </style> <body> <div> <img src="image.jpg" alt="image" title="image"> </div> </body> </html> Во всех браузерах нет горизонтальной прокрутки, если картинка не умещается в экран, а в IE 6 есть. В более сложной структуре документа, чем из примера, …
0 votes7 answers -
Авто высота ячейки li
За 2.5 года работы не возникало потребности в этом, а сегодня в очередной работе понадобилось, и не знаю как лучше это реализовать, все объяснено в картинках. Нужно, чтобы ячейки маркированного списка по высоте равнялись на самую высокую ячейку!!! То есть в обычной ситуации будет так: Мне нужно так: Желательно решение, чтобы при это у ячеек оставалось обтекание(float) и не менялось значение display!
0 votes9 answers -
проблемы с видом через мобильный телефон
во всех браузерах через комп все отлично а когда с мобильного заходишь все выводит в беспорядочном виде http://vos161.narod.ru я загрузил диз чтоб показать проблему поэтому нет там ссылок и вторых страниц. что можете посоветовть ? как можно решить эту проблему ???
0 votes14 answers -
Не работает прозрачность в png на IE7
Все никак не могу добиться, чтобы в IE7 png с прозрачным фоном нормально отображались - все равно IE прозрачность в упор не видит. При том, в IE8, Firefox, Opera, Chrome и Safari все работает. Я пробовал сохранять png и фотошопом, и корелом, и даже паинтНЕТом - один фиг не работает прозрачность. Пожалуйста, кто сталкивался с этой проблемой, подскажите решение! Заранее спасибо.
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-