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
-
Проблема с font-stretch
Доброе время суток! Буду очень благодарна за помощь. В .psd макете шрифт Microsoft Sans Serif , который в фотошопе растянут, в стилях я прописала тот же шрифт, тот же размер, а растянуть я хотела с помощью font-stretch, но не все браузеры понимают это свойство, к тому же работает не для всех шрифтов, Заказчик говорит что шрифт отличается, естественно, но я не знаю как решить эту проблему. Заранее спасибо.
0 votes10 answers -
li с чередующимся фоном
Здравствуйте. Возникла такая проблема... <ul> <li>Слово1</li> <li>Слово2</li> <li>Слово3</li> <li>Слово4</li> </ul> Как сделать чтобы в ul li шло чередование фонов. Допустим, нечётные (<li>Слово1</li>, <li>Слово3</li>, ...) - backgroun-color:#f4f4f4; чётные (<li>Слово2</li>, <li>Слово4</li>, ...) - backgroun-color:#cccccc; Помогите, пожалуйста, кто знает...
0 votes4 answers -
Настройка Less
Подскажите как настроить настроить плагин в VS Code "Easy Less" таким образом, чтобы этот плагин компилировал css файл в другую папку (не в ту где лежить .less) Я пробовал в настройки Package.json записывать компанду, которая указана в докумментации на гите { "less.compile": { "main": ["${workspaceRoot}\\css\\main.less"] } } но эта команда просто добавляет дополнительные папки в корень той, где лежит .less. Добавил скрин с тем куда нужно положить скомилированный файл. Если кому не трудно напишите команду, чтобы плагин сразу туда отправлял скомипилированный файл.
0 votes0 answers -
Тег <code>
Столкнулась впервые с тегом <code> по долгу службы, заодно и с интересной проблемой. Если тэгом этим обернуть, например, кусок из яваскрипта, или css класс - все чудненько отображается как положено - пользователь видит код, а не результат его работы. НО. Иногда будет необходимость показать пользователю, например, кусок страницы с тэгами HTML. И тут тег <code> не помагает Т_Т Код отрабатывается, а не показывается. Банально такая строчка обрабатывается, а не выводится текстом: <code> Text</code> Гугл что то промычал в примерах, но примеры тоже по-чему то обработались, а не показались текстом 0_о (скрипт Hello World =_=) Разъясните, плз, как с ним об…
0 votes12 answers -
Не удается растянуть сайт на весь экран по высоте
Здравствуйте форумчане. Проблема вроде бы известная но я ни где не могу найти ее решение. Проблема такова, на странице мало текста. Меньше чем высота экрана, нужно растянуть страницу так что бы фон закрывал весь экран. Вот html код страницы: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"><link href="http://vab.96.lt/style.css'>http://vab.96.lt/style.css" rel="stylesheet"><title>Новости</title></head><body><div class="osnova"><text style="font-size: 30px">06.10.15</text> <p class="l">Всем п…
0 votes5 answers -
Не видно flash в IE
Здравствуйте. Помогите, пожалуйста, в следующем, флешка не видна в IE, при этом в FF все нормально. От чего это может происходить, может быть версия IE старая? <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="210" height="190"> <param name="movie" value="1.swf"> <param name="quality" value="high"> <embed src="1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="210" height="190"></embed> </object> В браузере IE все, что касается Active X разрешено, флеш…
0 votes6 answers -
Можно ли вернуть в поток абсолютный блок?
есть 4 блока 0 - relative; 1 - static 2 - absolute (спозиционирован относительно 0 ) 3 - static 2 блок по высоте значительно превышает блок относительно которого он спозиционирован ( блок №0) Вопрос следующий: можно ли сделать так, что бы при случае если блок №2 будет превышать высоту блока №1, не залазил на блок №3, а смещал его в вниз собственно вот:
0 votes8 answers -
Смещается горизонтальное меню вниз в Opere
Сделал шапку и горизонтальное меню. Во всех броузерах (Ghrome,IE,Ffox) отображается как и задумывалось ровно, а в opere смещается вниз во всех броузерах кроме oпeры: в опере: html-код: <body> <div id="header-null"> <div id="header"> <div id="rosa"> <h1>Розы</h1> <span>искуственные</span> </div> </div> <div id="navigation"> <div id="mymenu"> <a href="#">Главная</a> <a href="#">Цветы</a> <a href="#">Контакты</a> </div> </div> …
0 votes28 answers -
Пятиугольник с фоном
Друзьяши-поняши, нужна помощь. У нас есть блок в виде повёрнутого правильного пятиугольник, (примерно вот такой) И фон у него должен быть не красный, а картинка размером эдак 1000*1000 пикселей. При этом видимая часть картинки должна ограничиваться гранями этого пятиугольника. Это, я так понимаю, через SVG или canvas надо делать? Я просто ни с тем, ни с другим особо не знаком, решил попытаться сделать на canvas, но застопорился на этапе создания пятиугольника
0 votes11 answers -
Анимация открытия двери
Пытаюсь на основе этой темы сделать анимацию открытия двери при нажатии на нее. В общем, вот мои попытки. Никак не могу найти ошибку. Помогите, пожалуйста.
0 votes3 answers -
дивный макет ( помогите)
Здраствуйте!Помогите нубу решить проблемму.недавно начал изучать хтмл и ксс и сегодня решил впервые попрактиковатся над созданием макета. Собстенна вот создал макет <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="://1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> html,body { margin:0 auto; height:100%;} #contener { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; width:1000px; background:#FC3; } #head { heig…
0 votes35 answers -
вопрос про php
Приветствую. Хочу сайт что бы был на php. Для того что бы сервер знал что страницы сделаны на php , нужно файлам дать расширение php так ?? Если так, то после того как я расширение html переименовываю в php , файл (с расширениеме php) вообще не открывается , в браузере всплывает окно , не возможно открыть файл...". Как же правильно сделать?
0 votes14 answers -
Не работает INSERT INTO
Друзья помогите пожалуйста с проблемой сам не пойму в чем она. Есть запрос mysql_query(" INSERT INTO blog (title, text) VALUES ('$title', '$text') "); он должен записать в бд его (phpmyadmin) но в чем весь сок он не записывает ошибок не выдает. В чем проблема? Для большего понятия я прикрепил 2 ссылки с кодами. Сам проект у меня на локалке (OpenServer).Спасибо! http://pastebin.com/YzfVjuk2 http://pastebin.com/jSdfWXYw
0 votes9 answers -
Проблема с input кнопками на backgrounde
Переписываю дизайн сайта на divы. Имеется блок div, фоном которого является картинка. Но вот при размещении кнопок на нём фон за этими кнопками не отображается. Вот исходный код для блока, его кнопок и стили <div class='blocks'> <div> <img src='{THEME}/images/vote.png' width='195' height='70' alt='Голосование' /> </div> <div class='background'> {vote} </div> <div> <img src='{THEME}/images/nizleft.png' width='195' height='14' alt='' /> </div> </div> Содержимое блока(кнопки) <div style='padding-left:35px;'> <br /> <b>{title}</b> </div> <br /> <…
0 votes17 answers -
Скрытый текст.
Здравствуйте Подскажите какой тег выводит скрытый текст. Чтобы при нажатии на ссылку выпадал текст.
0 votes5 answers -
overflow:hidden
Есть некоторый код (для примера) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> </head> <style> div { } ul { list-style-type:none; margin: 0; padding: 0; } li { float: left; margin: 3px; } </style> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <div> bla-bla-bla </div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html…
0 votes51 answers -
Изображение по ширине ячейки
Привет ! Хочу сделать тянущуюся градиентную рамку в таблице. Думаю использовать простое градиентное изображение в jpg, которое должно растягиваться по ширине ячейки. Общая картина такая: _________________________________ |Угол|Градиентное изображение|Угол| ——————————————————- |——|—————————————-|——| |——|—————-Картинка———--|——| |——|—————————————-|——| |——|—————————————-|——| ——————————————————- Если вставить другую Картинку, то градиентное изображение должно растянуться соответствующе автоматически. Подскажите как можно растягивать градиентное изображение по длине ячейки, или во всяком случае чтобы так смотрелось?
0 votes16 answers -
Замена параметров GET из form
Здравствуйте! Имеется страница, в адресе которой несколько параметров GET. При обработке формы, расположенной на странице, необходимо менять один из этих параметров и/или дописывать новый. Подскажите, как реализовывать? Делать обработку на php, формировать адрес, потом на него переадресацию?
0 votes12 answers -
GIMP - шрифты
Добрый день! Кто-нибудь пользуется GIMP? Не подскажете, как в нем определить шрифт текстового слоя в макете psd? В Photoshop посмотрела - вроде там все просто. Щелкаешь интсрументом Текст на нужном тексте - и в параметрах инструмента тут же отображается шрифт. В GIMP это, похоже, не срабатывает.
0 votes2 answers -
смещение картинки
помогите пожалуйста советом, что не так написал в коде?? использую lightbox2.04 есть вот такой вот баг смещения картинки http://help-team.com.ua/o_nas.html у самого уже мозгов не хватает ....
0 votes17 answers -
При margin: 0 auto пропадает отступ
здравствуйте. есть html: <div class="big"></div> <div class="small"></div> и css: .big { margin-bottom: 20px; } .small { width: 500px; margin: 0 auto; } между big и small нет отступа, почему? и как применить к big и margin: 0 auto и margin-bottom: 20px; спасибо
0 votes10 answers -
почему не работает border-spacing?
почему не работает border-spacing???? расстояние не появляется между свойство и цель border-spacing в конце стилей http://jsfiddle.net/hWmC2/ <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> table{ background-color:#efefef; width:350px; border-style:solid; border-width:1px; border-color:#999999; font-family:arial, verdana, sans-serif; } caption{ font-weight:bold; text-align:center; border-style:solid; border-width:1px; border-color:#666666; color:#666666; } th{ height:50px; font-weight:bold; text-align:left; background-color:#cccccc; } td, th{ padding:5px; } td.code{ width:15…
0 votes7 answers -
Работа с приложение "Pixel Perfect"
Добрый день! Помогите теорией. Немного запутался в процессе сравнения макета и готовой страницы: если макет у меня в ширину 1200px, а в высоту, к примеру, 2000, то, опять же, если у меня разрешение 1920х1080, то мне и мою страницу для сравнения нужно загнать в такие габариты, как на макете? Просто, вроде, все размеры строго "по ГоСТу", с макета, а не совпадает...
0 votes10 answers -
Инструкция, создания сайта
Доброго времени суток, форумчане. Есть желание создать сайт, но проблема в том, что не знаю с чего начать. Интересует, такой вопрос, как начать грамотную разработку сайта? С чего начать лучше? База данных? CMS? А может, с самого HTML?
0 votes37 answers -
Как сделать стрелочку сбоку от меню a:hover
Добрый день. Не могу понять как реализовать при наведении на пункт меню, меняется цвет и плюс сбоку уголок. <div id="menu-left"><ul class="menu"><li><a href="#" > Новая модель</a></li><li><a href="#" > Новый реион</a></li><li><a href="#" > Новый мерчендайзер</a></li><li><a href="#" > Новый POS</a></li><li><a href="#" > Новая акция</a></li><li><a href="#" > Новая модель конкурентов</a></li></ul></div>#menu-left{height:227px;float:left;margin-bottom:10px;}ul.menu {list-style-type:none;padding:0;width:227px;h…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-