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
-
Верстка под OperaMini
сайт zareadka.ru емулятор оперы мини http://www.opera.com/mobile/demo/ показывает ужос. что не так с версткой?
0 votes10 answers -
Высший пилотаж CSS
Доброго дня, Уважаемые! Наткнулся случайно на немецком сайте http://www.yaml.de на интересные вещи. Сразу скажу, некоторые я увидел впервые. (рекомендую скачать примеры с их же сайта (вс? бесплатно) Download YAML ) А вот то до чего у меня не доходит или я просто шокирован таким применением...: (куски из разных мест) body { background: #4d87c7 url("../../../images/bg_blue.gif") repeat-x top left fixed; padding: 10px 0; } */ !компактно #page_margins { min-width: 740px; max-width: 80em; margin: 0 auto; border: 0px #889 solid; } */mini-width - даже не видел в применении... #topnav { color: #aaa; background: transparent; } */ прозрачный? как? #nav_main ul li#current s…
0 votes12 answers -
Плагин View in Browser настройка для SublineText
Добрый день, подскажите пожалуйста, кто сталкивался, как настроить для SublineText 3 плагин View in Browser Что б он отображал HTML фаил в Хроме по умолчанию. (К меня почему то не срабатывают сочетания клавиш Ctrl+Alt+B ) работаю из под Windows.
0 votes3 answers -
Как сделать рамку одинаковой и в ИЕ и в Мозилле?
В ИЕ все отображается как надо. Но в Мозилле - нет. Как сделать их одинаковыми? Замучалась уже Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Златопек</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" rel="stylesheet" type="text/css"></head> <body> <div class="main"> <div id="back"><<<a href="http://www.fbf.ru/"> на главную</a></div> <div id="logo" align="center"><img src="img/logo.gif"></div> <div id="logo" align=…
0 votes23 answers -
Внешний пароль
Как дать ссылку на пароль, находящийся на другой странице или в другом месте страницы. К примеру, задать в начальных настройках пароль, чтобы не прописывать его каждый раз. Хотя лучше - вынесенный за страницу пароль. Заранее благодарен.
0 votes21 answers -
Как сделать картинку нестандартной скошенной формы?
Здравствуйте. Можно ли реализовать подобное обрезание квадртной фотографии на css? (не обращайте внимание на направляющие линии и выделение).
0 votes7 answers -
Как разместить блоки один над другим?
Есть вот такая заявка http://www.rostovpatent.ru/index.php/onlinez/onlz на основе ckform, хочется её преобразовать таким образом, чтобы текстовые блоки располагались над блоками для ввода данных (каждый над своим), а все вместе блоки (и текстовые и для ввода данных) выравнивались по левому краю. В настройках программы такую возможность не нашёл. Рыл CSS, сам не справился. Подскажите пожалуйста как можно это сделать? (скорее всего это не сложно, но мне пока неведомо ). Вот код файла, если поможет.
0 votes3 answers -
Префиксы браузеров. Смысл их введения
Добрый день, кто знает, в чём смысл введения браузерных префиксов? Вот, например, если есть свойство со значением: border-radius:10 px. Не проще бы было сделать его экспериментальным (в самом начале) без всяких префиксов и каждый браузер обрабатывал бы его как мог. Вместо того, чтобы писать: -webkit-border-radius...., -mos-border-radius... и т.д.?
0 votes15 answers -
Проблемы со слоями в FireFox
Пытаюсь создать свой сайт, но столкнулся с проблемой смещения слоев в FireFox. В др. браузерах отображается все корректно. Страницу делал в FrontPage. Корректно: Не корректно: Стрелочками показано где смещено. Это 4-е разных слоя. Подскажите пожалуйста, что не так делал.
0 votes22 answers -
Возможно ли с помощью псевдокласса hover.....
Привет всем! Есть вопросик: возможно ли при помощи псевдокласса hover при наведении курсора на ссылку загружать в элемент с заданным id(допустим в ячейку таблицы) какое либо графическое изображение или менять стиль? Так сделать можно с помощью JS, а с помощью hover?
0 votes7 answers -
Не работают ссылки в IE.
Здравствуйте! Это моя первая попытка создать сайт. Столкнулась с проблемой, решение которой найти не удалось. Во всех браузерах, кроме IE, ссылки-картинки, вставленные в таблицу, работают и при наведении на них мышкой НЕ появляется пунктирная рамка. В IE - не работают и появляется рамка, причем только с трех сторон. Outline и border 0/none, не помогает. А вот ссылка на главную страницу через картинку-логотип (на главной странице) работает нормально и рамка не появляется.... Вот код: <div class="subscribe-main"> <table class="subscribe" border="0"> <tr> <td><a href="Etusivu.html"><input class="inpt-1" type="image" src="1stranica.jpg"…
0 votes9 answers -
Как подключить нестандартный шрифт?
Не знаю, как подключить внешний шрифт "ttf". Как решить лучше сие задачу?
0 votes11 answers -
Визуальный баг в Photoshop
Всем привет, есть проблема в Photoshop, при приближении / отдалении изображения могут отражаться неточно, так например: При приближении 82,6% линию не видно, а при 75,1% появляется: Что примечательно, если приблизить ещё ближе, линия может снова пропадать и появляться. Когда линия одна - вроде бы, ничего страшного, но при дальнейшем формировании макета - пропадают сразу несколько элементов! Я более чем уверен, вы сталкивались с аналогичной проблемой, почему она возникает и, может, кто-нибудь знает как с ней бороться?... UPD: или вот, вообще вот так: Приближение 83,5%, теперь не видно нижнюю линию вообще. А при 56,4% не видно ни одной линии!!!
0 votes9 answers -
Слетела кодировка
Не знаю, сюда ли писать, но возник вопрос. http://dobropol.ru/ Выложил сайт на хостинг, кодировка слетела, почему-то. Всё указал верно в коде. В чём может быть проблема?
0 votes9 answers -
Как установить SmartyDWT
Здравствуйте! У меня такой вопрос в эту ветку форума: на днях скачал плагин SmartyDWT для Dreamwear, но никак не могу разобраться как его установить? Подскажите советами...
0 votes2 answers -
Размер поля input
Народ, можно ли сделать так, чтобы input type='text' был относительный, а не абсолютный? Чтобы вне зависимости от разрешения экрана полее ввода было одинаковым относительно колонки. Пробовал ставить проценты, но что-то не пашет.
0 votes7 answers -
Помогите. Как сверстать?
Вот макет: http://junglecity.ru/upload/versefour.jpg Сверстать таблицами могу. А с дивами проблема. Не разу до этого не верстал, хочу научиться. Как сделать верхнее синее меню? Подскажите, пожалуйста.
0 votes15 answers -
Вопрос на засыпку
Вот пришла в голову идея сделать ссылку на часть страницы находящегося на другом сайте. Можно это вообще как либо осуществить ? Заранее спасибо.
0 votes22 answers -
float. Баги отображения при уменьшении размера окна IE.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Байки из склепа</title> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0px; /* Отступы для браузера IE */ padding: 0px; /* Отступы для браузера Firefox */ } h1 { font-size: 36px; /* Размер шрифта */ font-weight: bold; /* Жирное начертание */ margin: 0px; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } h2 { margin…
0 votes4 answers -
Как раскручивать сайт???
Люди пожалуйста помогите!Как делать сайты я учусь, а вот как их раскручивать я даже понятия не имею.Расскажите кто-нибудь.:/ Я полный ноль.
0 votes16 answers -
Высота DIV
Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Левая - Правая - Центр</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right;} #outer2 {margin-left: 832px; min-he…
0 votes4 answers -
Скрипт для печати выбранного checkbox
Нужен скрипт, который позволит печатать определенный текст. Использовать отдельные таблицы стилей не подходит, т.к в форме, которую печатаем, есть checkbox. Я хочу передавать в печать только те checkbox, которые были выбраны, а так же выбранные option value Может есть уже готовые скрипты, которые печатают определенный текст? Буду признательна за ссылки, которые смогут помочь.
0 votes30 answers -
Насколько Html Могучь?
Я вот не совсем понимаю. Смотрю там всякие shell.com, elyrics.net сайты, и они написанны на html. Так вот у меня возник вопрос, если такие крутые сайты на html... тогда.. не надо php изучать или как то так. В общем вопрос, как такие ресурсы делают, может как то просто подключается html или эти вереницы кода пишутся рукой..?? Короче будъте так добры, объясните, как всё обстоит на деле?
0 votes14 answers -
3 колонки, ширина средней растягивается по содержимому
Здравствуйте! Cтолкнулся с такой проблемой... Надеюсь на Вашу помощь! Задача такая: 3 колонки, нужно помещать в среднюю колонку контент любой ширины(например фото шириной 1200px) и чтобы при этом третья колонка(левая) всегда была привязана к краю средней, т.е уезжала влево. Долго искал, но так и не понял как это можно реализовать.. Если не сложно переделайте вот этот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style type="text/css"> * { margin:0; padding:0; } body, html { color: #4D4D4D; font-size:12px; font-family:Arial, Helvetica, sans-serif; min-width:1000px; } #main { margin-top:2px; } #wrapper {…
0 votes7 answers -
Задача на смекалку
<div><img src="img.jpg" width="100" /><p>Какое-то количество текста, причем количество текста разное во всех блоках</p></div> <div><img src="img.jpg" width="150" /><p>В этом блоке может быть меньше текста</p></div> <div><img src="img.jpg" width="50" /><p>А в этом наоборот - может быть очень много, вплоть до нескольких предложений и словосочетаний.</p></div> Блоки обтекают друг друга слева ( float: left; ). Текст, находящийся в блоке, разумеется, идет в одну строку. Задача: сделать так, чтобы блок имел ширину, равную ширине находящегося в нем изображения для того, чтобы текст переноси…
0 votes26 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-