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://font.ubuntu.com/ Латиница и кирилица присутствуют. Через fontsquirrel генерировал необходимые файлы. Прописал все в код и в CSS и был счастлив, но кирилица нужным шрифтом не отображается. Вернулся в fontsquirrel стал копаться в опциях генератора, нашел где можно поставить галку Кирилица. Файлы получились вдвое тяжелее предыдущих. Почти что был счастлив снова, но теперь не только кирилица но и латиница не хочет отображаться нужным шрифтом. Как можно исправить ситуацию? Нужно ли в случае генерации пакета шрифтовых фа…
0 votes9 answers -
@font-face русский язык
Следующая проблема. подключаю шрифт @font-face {font-family: 'helios'; src: url('fonts/He_th.ttf') format('truetype');} на англ. языке все нормально. русский - любимый times new romans. Открываю файл шрифта, но ведь там же про булочки на РУССКОМ написано!!!! Пробовал загружать в http://www.fontsquirrel.com/fontface/generator и оставлять только киррилический, все то же самое! Помогите пожалуйста
0 votes8 answers -
Ширина таблицы наподобие "вконтакте"
У меня сайт с блогами. Хотел бы сделать чтоб каждый блог-таблица были одного размера в ширину и высоту а также расширялся на ширину страницы при прокрутке вниз, когда левое меню остается вверху. То есть как на личных страницах в контакте.
0 votes0 answers -
Проблема с колонками
Есть сайт из двух колонок. Левая - контент, правая - доп. меню и т.п. Как сделать чтобы обе колонки были на одном уровне? Делал через div'ы.
0 votes1 answer -
Убрать строку "Сайт" в форме комментариев WP
День добрый всем! У меня такой вопрос, как убрать строку (поле) "Сайт" из формы комментариев в WordPress, у меня последняя версия и шаблон сделан на Artisteer 4. Я так понимаю скорее всего в файле comments-template.php нужно что-то удалять, а вот что вопрос. Подскажите пожалуйста)
0 votes3 answers -
Ошибка валидации.
Здравствуйте. Сегодня возникла проблема, при проверки валидности сайта: Line 2, Column 1: No explicit character encoding declaration has been seen yet (assumed utf-8) but the document contains non-ASCII. ... <!DOCTYPE html><html lang=ru><head><meta charset="UTF-8"><title> Line 2, Column 1: Element head is missing a required instance of child element title. ... <!DOCTYPE html><html lang=ru><head><meta charset="UTF-8"><title> И еще три связанных с этим ошибки. Как я понял это из-за пустой строки перед кодом страницы, но в самом коде этой строки нет, она появляется только в валидаторе и исходном коде страницы. Может…
0 votes0 answers -
Размер картинки
Подскажите как поменять размер изображения. Вот то как я пытаюсь его поменять: .divider { height: 100px; text-align: center; background: url(images\divider.gif) no-repeat; } Причем селектор "height" делает только отступ от текста дальше, а сама картинка как была "тем" размером, так и осталась... А это я вставляю в ХТМЛ: <div class="divider"> <img src='images\divider.gif'> </div> Душевно всем, кто поучаствует в решение данной задачи. P.S. Может есть специальный селектор для картинок (о котором я не знаю)?
0 votes2 answers -
Центр
.divider img{ height: 100px; text-align: center; background: center; } Не выставляется картинка по центру. Как вы заметили - опробованы два варианта выравнивания, но увы, ни один не подходит. Что не так? Благодарю за ответы.
0 votes6 answers -
Аномальная рамка вокруг изображения
В процессе адаптации шаблона столкнулся с какой-то аномальной рамках вокруг изображения. Исходный шаблон: http://demo.rockettheme.com/joomla25/fresco/ Адаптированный шаблон: http://olegsuv.com.ua/fresco/ Проблема заключается в рамке вокруг большого изображения: http://puu.sh/1oBr4 (скриншот). Сверху и слева - серая линия, снизу и справа - белая линия. Рамку вижу в последних опере и хроме, средствами разработчика уже перерыл вдоль и поперек - найти рамку не могу. Помогите с ней разобраться, пожалуйста.
0 votes2 answers -
Правильная верстка горизонтального меню
Всем добрый вечер Верстая макет, я обнаружил неприятную вещь (очередной раз) - при масштабировании страницы (точнее - при максимальном уменьшении) горизонтальное меню "разваливается". Последние элементы списка как-бы не влезают в шапку, и переносятся на следующую строку. Менюшка самая обычная - есть фон, определенная высота меню (скажем, 30 пикселей). Я верстал как попало - марджины и паддинги в самих элементах списка, или в ссылках, короче говоря не задумываясь о целесообразности такой верстки, а лишь постоянно обновляя страницу и смотря внешний вид меню. Не буду голословным 1. Менюшка, которую я хочу сверстать 2. Она же при масштабировании 3. Моя верстка 4. Моя в…
0 votes21 answers -
Растяжка подвалапо вертикали
Добрый вечер, господа. Вопрос такой - есть блок фиксированного с контентом с автоматическим отступом, под ним растянутый на весь экран подвал. В блок вставляется таблица, появляется горизонтальная прокрутка, однако подвал остается фиксированным ровно на 100% размера окна браузера. Та же проблема на всех страницах, если окно браузера уменьшить менее чем на 960px - появляется прокрутка, содержимое footer'a видно, но вот фона в области за полосой прокрутки уже как не бывало. Что нужно исправить, чтобы он растягивался на всю страницу? <html> <body> <div class="container"> </div> <footer> </footer> </body> </html&…
0 votes5 answers -
Не работает min-height для table
http://rubbish.staff-base.com/table-trouble.html height для table - работает min-height для p или div - тоже работает min-height для table - не работает Это что? Стандарт или мировая ошибка?
0 votes4 answers -
Декоративная таблица
Помогите,пожалуйста!есть таблица,которая во всех браузерах отображается так http://saveimg.ru/show-image.php?id=...bf599e7ae0b022',а в опере вот так http://saveimg.ru/show-image.php?id=...54b6041856722b. Вот тут код http://www.fayloobmennik.net/2347325
0 votes4 answers -
Padding
Есть блок , в нем текст. У блока есть своя высота и длина , но при применение свойства pudding - они изменяются. Как сделать так , чтобы текст уходил в блок , а не расширял его внешне?
0 votes3 answers -
0 votes6 answers
-
Ищу: Имитатор разрешения
Ищу программу, способною отображать сайт в заданном разрешении так, как он реально на нем смотрится. Ибо изгаляясь с разрешением через Стандартные - получается всё равно не то
0 votes5 answers -
DOCTYPE html 5
Вот и настало у меня время перейти на html5, первый вопрос который всегда мучил это DOCTYPE. Слышала что новые теги поддерживают не все браузеры, а новый DOCTYPE все? Можно ли всегда теперь делать такую запись: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <p>123</p> </body> </html> Вместо такой: <!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>123</title> </head>…
0 votes5 answers -
Рушится верстка
Есть такой не сложный код - http://jsfiddle.net/VNkNk/ На сайте обычно это выглядит вот так - http://awesomescreenshot.com/088lzyqa6 Но если название ссылки очень большое, то получается уже такое безобразие - http://awesomescreenshot.com/07flzysc7 Текст переносится на другую строку под время. Мне это не надо. Как сделать, чтобы если текст переносится на следующую строчку, то он начинался не с начала, а примерно вот так - http://awesomescreenshot.com/040lzz140 ?
0 votes2 answers -
Хочу обучиться web-технологиям
Здравствуйте. Меня зовут Иван Лозинский. Я работаю администратором в спортивном клубе, параллельно заканчиваю школу.. У меня возникло большое желание обучиться web-технологиям "без отрыва от производства", так сказать.. Друг дал мне видео курс по html и css от компании "Специалист". Я прошёл курс и он мне понравился, но хотелось бы идти дальше.. Что вы можете посоветовать мне? Хотелось бы пообщаться со знатоками этого дела!..
0 votes4 answers -
ошибки валидатора css
Заглянул сегодня увидел 10 ошибок одинакового типа : "Ошибка значения : list-style-type none не является значением list-style-type : none" Что это значит? Всегда ставил list-style-type:none дабы убрать маркеры, но валид посчитал это ошибкой?
0 votes1 answer -
jquery load
Подскожите пожалйста, не срабатывает load() в jquery <script type="text/javascript"> $(document).ready(function() { $("#nav li a").click(function() { var li = $(this).attr("href"); $("#content").load(li + ".html"); return false; }); }); </script> <div class="wrapper"> <ul id="nav"> <li><a href="page">home</a></li> <li><a href="pas">news</a></li> </ul> <div id="content"></div> <script type="text/javascript"> $(document).ready(function() { $("#nav li a").click(function() { var li = $(this).attr("hre…
0 votes7 answers -
Как убрать пространство между div
css этих блоков .inbox3 { float:left; width: 508px; margin: 5px; padding:10px; background-color:#fff; box-shadow : inset 0 0 10px #000000; -moz-box-shadow : inset 0 0 10px #000000; -webkit-box-shadow : inset 0 0 10px #000000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } Порядок следования неважен. Главное избавиться от пространства между div.
0 votes8 answers -
div под размер сожержимого
Здравствуйте, как можно растянуть div по размеру содержимого? <div class="block_games"> <div class="game_title"> <a href="" class="img_game" rel="bookmark" title=""> <img src="img/test.png" alt="Name Game" height="85" width="85"> </a> <a href="" rel="bookmark" title=""> <span> Game </span> </a> </div> </div> .block_games{ border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin: 5px 0px 5px 0px;…
0 votes2 answers -
Выровнять блоки
Возникла прроблема при верстке немогу решить уже второй день, есть неизвестное количество блоков в родительском(их высота и ширина известна заранее) нужно выровнять эти блоки по левому краю и родительский блок отцентрировать в блоке photos_list <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <div class="photos_list"> <div class="container" style="text-align: left;"> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg" alt="WallpapersMania.nnm_.ru_vol141.jpg" width="100" height="62"> &…
0 votes22 answers -
Таблица
Здравствуйте. К примеру есть таблица: <table> <tr> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> Вверху одна колонка, внизу две. Если все эти три колонки чем-нибудь заполнены то верхняя располагается слева, а с права от неё пустое пространство. Как сделать так чтобы она располагалась справа а пустое пространство было слева? P.s. Добавить пустую колонку не предлагать.
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-