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
-
Флешь прикрытие
Приветствую мои друзья. Я не силен в CSS вот и обращаюсь. Возьмем к примеру большой флешь объект размером - 920х635. Он стоит ровно по середине. При изменении размера экрана бразузера он все-ровно стоит по середине. В этом флешь файле мне нужно закрыть (прикрыть) часть самого этого файла. Я пытался закрыть картинкой размером 387х159, у меня получилось. Закрывал с помощью тега <div id="apDiv2"></div> вот с таким css стилем #apDiv2 { position: absolute; left: 53%; top: 1666px; width: 387px; height: 159px; z-index: 1; background-color: #FFF; background-image: url(../_img/sf_ban.png); }. Но есть небольшая проблема для меня. По вертикали проблем пока врод…
0 votes7 answers -
RSS not found
Здравствуйте! По какой-то причине ни один браузер не видит RSS канал моего сайта. Валидаторы - тоже. При клике выходит пустая страница, а при проверке валидности ошибка: This feed does not validate. Server returned HTTP Error 404: Not Found Хотя, таким же кодом подключен RSS на другом сайте, и прекрасно работает. Вот, что висит в хэдере: <link rel="alternate" type="application/rss+xml" title="Здесь титл" href="http://мой сайт.ru/?feed=rss2" /> Вот, код в сайдбаре на самой кнопке: <a href="http://мой сайт.ru/rss" onClick="javascript:pageTracker._trackPageview('/rss2');" rel="nofollow" target="_blank" title="Подпишитесь на RSS-ленту!"><img src="http://и…
0 votes1 answer -
js-эффект
помогите пожалуйста отремонтировать js-эффект этого выпадающего меню проблема в том, что при наведении курсора оно разворачивается и тут же сворачивается. а должно разворачиваться при наведении и сворачиваться при отведении курсора
0 votes9 answers -
высота строки и вертикальное выравнивание текста в ней
Всем привет. А можно ли сделать такой финт ушами: высота строки 100px; размер шрифта 20px и текст в строке выровнен по верхней границе строки? Спасибо. ps: можно, конечно, наворотить корректор положения на JS, но хотелось бы более изящного решения.
0 votes7 answers -
3 колонки
Никак не могу выровнять колонки "right" по горизонтали с остальными html: <!DOCTYPE html> <html> <head> <title>Співаник|Головна</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="icon" href="img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen"> </head> <body bgcolor="#388b30" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="header"> asdasdas<br>sdffsdfsd<br>sdffsdfsd<br>sdffsdfsd </div> …
0 votes1 answer -
Как это осуществить на сайте
Господа верстальщики. Есть следующий макет: И вопрос по этому макету: - Есть Календарь выставок 2013, и ниже перечисление месяцов. При нажатии на какой-либо месяц, еще ниже выводится блок с названиями выставок по этому месяцу. Как это осуществить на джумле? И отсюда же еще один вопрос: Если будет 2014 год, то куда девать 2013 год? Это должен быть какой-то архив по идее. И в главном меню видно, что есть раздел "календарь выставок". Значит там идет вывод выставок по месяцам (как его вывести), и наверное, при нажатии на главной странице на какой-либо месяц, этот блок, что снизу выводится на самом деле из того модуля, что в верхнем меню. Правильно? Очень надеюсь на вашу по…
0 votes7 answers -
Как подлючить меню в Joomla?
Объясните пожалуйста, если я сделал меню с css стилями, то как в jooml'e его подключить? <div id="nav"> <ul > <li><a href="#">Главная</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Тесты</a></li> <li><a href="#">О методике</a></li> <li><a href="#">Филиалы</a></li> <li><a href="#">Отзывы</a></li> <li><a href="#">Отправить ссылку на участие</a></li> </ul> </div>
0 votes4 answers -
drop-shadow
Блин, вчера создал тему, а она не появилась. В краце, скажите пожалуйста, как можно заставить браузеры понимать drop-shadow??? именно дроп, а не бокс???? http://jsfiddle.net/K5hh5/1/ - вот жесть, лучший вариант придумал с дропом... может кто подскажет как сделать правильно через дроп? Пробовал, и создавать квадрат и наклонять его, но прятать за ссылку не получается, даже z-index: -1 не катит. не обращайте внимания пожалуйста, на дырки внизу, они все равно будут скрыты.
0 votes2 answers -
Как вставить скрипт слайдера
Всем привет! Недавно начал изучать html и css. Взялся за верстку одностраничника. Столкнулся с трудностью, что не знаю как быть со слайдером. Видел в инете готовые скрипты, но как их прикрутить к сайту не представляю. Вопрос: можно ли без знаний javascript верстать сайты со скриптами (прикручивая готовые шрифты)?
0 votes3 answers -
Все смещается !
Помогите почему при увлечение или уменьшение масштаба страницы все меняется и касит?? http://rghost.ru/42880247
0 votes7 answers -
Наложение тени
Есть вот такой код, создающий меню. При щелчке по плиткам открывается подменю, выделяется зелёным фоном. http://jsfiddle.net/zsNbf/ Пока не получается у меня, чтобы зелёный фон проходил слитно перед тенью. Если добавить z-index: -1, то пункты меню становятся недоступны. В общем, прошу подсказки, чтобы тень закрыть, сам что-то упускаю.
0 votes6 answers -
проблема с background-size в ie
есть блок, ему устанавливаю задний фон и растягиваю(background-size:100% 100%), для ie делаю({ /* IE8 */ -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fon-1.png',sizingMethod='scale')"; /* IE < 8 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/fon-1.png', sizingMethod='scale'); background-image: none; /* IE ? 9.0 */ }), Все работает хорошо, только текст находящийся в этом блоке в IE начинает искажаться. Кто знает как можно решить эту проблему
0 votes0 answers -
0 votes6 answers
-
Горизонтальный список!
Нужен горизонтальный список для меню.Без маркеров.Каждый элемент этого списка будет содержать ссылку на раздел. css такой ul.menu{ margin:0; padding:4px;} .menu li{display:inline; margin-right:5px;padding:4px; list-style:none;} .menu li a{ text-decoration:none} HTML такой <ul class="menu"> <li><a href="">На Главную</li> <li><a href="">Новости</li> <li><a href="">Галлерея</li> <li><a href="">Фото</li> <li><a href="">Видео</li> </ul> Бьюсь весь день,меняю значения,display,float, но список упрямо отображается вертикально и с маркерами.Сил моих больше нет, пожалуйста,помогит…
0 votes2 answers -
Не отображаются картинки
Здравствуйте! Помогите с картинками. В Firefox, почему-то браузер читает ссылку с обратным слешем: _http://www.pizzacity.dp.ua/img/1000x667\Neapol.jpg Хотя Хром и IE видят правильно: _http://www.pizzacity.dp.ua/img/1000x667/Neapol.jpg Никак не получается. Помогите новичку))
0 votes6 answers -
IE рамка вокруг ссылки
в css прописано свойство, но не помогает: :focus {outline: 0;}
0 votes7 answers -
отменить вывод подсказки
подскажите пожалуйста способ, которым можно отменить вывод подсказки title="" при наведении курсора на ссылку e.preventDefault() не срабатывает, удалять/перезаписывать атрибуты title скриптом или ручками не вариант
0 votes4 answers -
Проблемма с Joomla 2.5 (картинки)
Здравствуйте, подскажите в чем может быть проблемма. Собственно сверстал простенький макет сайта, с CSS стилями. Использовал некоторые картинки (логотипы, фон и т.д.). Собственно при запуске html файла в браузере все работает на ура. Далее решил создать шаблон для Jooml'ы..Переделал все как нужно. Собственно все работает, но почему-то не отображаются картинки. Тоесть сайт получается голый. Css работает, все как нужно, но ни фона, ни лого нету. Может это распространенная проблемма? Ниже код index.php <?php defined( '_JEXEC' ) or die( 'Direct Access to this location is not allowed.' ); $app = JFactory::getApplication(); ?> <?php echo '<?'; ?>xml version="1.0…
0 votes2 answers -
Горизонтальное меню с наклонными разделителями
Доброго времени сток! Ребята, такой вопрос. Хочу сделать менюшку, но не пойму как правильно. Получается примерно так Вопрос в том, как правильно вырезать картинку с разделителем при ховере(hover). Нужна именно картинка! Т.е. нужна кроссбраузерность, минимум от ie7. При этом ширина пунктов меню не должна быть фиксированной. На форуме не смог найти темы. Хотя по идее они должны быть. Буду признателен за помощь.
0 votes6 answers -
UTF-8
Здравствуйте, вопрос покажется всем глупым: почему когда я делаю кодировку utf-8 браузер не распознает мои слова на русском, нужно или менять кодировку на windows-1251 или в utf-8 писать на англ языке, чтобы все было нормально. Просто я заметил что все пишут на кодировке utf-8.Заранее спасибо за ответ.
0 votes4 answers -
Font-face Generator
Подсмотрел в сети пример внедрения не стандартных шрифтов через @font-face, вот код: @font-face { font-family: 'MyriadProRegular'; src: url('../fonts/mp_r/mp-regular-webfont.eot'); src: url('../fonts/mp_r/mp-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mp_r/mp-regular-webfont.woff') format('woff'), url('../fonts/mp_r/mp-regular-webfont.svg#MyriadProRegular') format('svg'), url('../fonts/mp_r/mp-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } там же в папке fonts лежат эти шрифты и файл generator_config.txt Подскажите сервис где можно сгенировать эти шрифты или урок на русском в сети. Спасибо
0 votes3 answers -
html картинка кодом
Есть html страничка, в неё вставляем картинку - иконку. в браузере получаем отображение этой картинки (файла картинки). все типовое, никаких проблем. все работает. Как можно уйти от файла -картинки, вставить в html сам код картинки? ОСновная задача - избавиться от файлов - картинок, но в браузере получить отображение этих картинок? Интересует подсказка - куда копать, как задобрить гугла , чтоб выдал что-то в тему.....
0 votes5 answers -
Используете ли вы Slice tool при нарезке макета?
Хотел бы узнать от опытных верстальщиков, используете ли вы Slice tool при нарезке макета? С этим инструментом не сильно знаком по этому вручную работаю, даже не понимаю как можно с помощью данного инструмента нормально макет нарезать.
0 votes2 answers -
Вертикальное перемещение блоков
Всем доброго времени суток! Есть следующая задумка, переместить блоки по вертикали. Вот краткий пример, как должен вывести браузер пользователю: <div id="wrapper"> <div id="1"></div> <div id="2"></div> <div id="3"></div> <div id="4"></div> <div id="5"></div> </div> <div id="footer"></div> и как хотелось бы, чтобы его видели роботы: <div id="wrapper"> <div id="5"></div> <div id="3"></div> <div id="2"></div> <div id="4"></div> <div id="1"></div> </div> <div id="footer"></div> при этом высота всех блоко…
0 votes0 answers -
выстроить li в два столбика
здравствуйте. подскажите, пожалуйста, как можно вот на этой картинке сделать список в два столбика: вот его код (li я сократила немного, чтобы вас не утомлять): <div class="za-post-inner"> <h2 class="za-postheader"> <div class="za-postcontent"> <div class="za-article"> <div id="article-index"> <h3>Article Index</h3> <ul> <li> <li> <li> <li> <li> <li> </ul> </div> </div> <div class="za-article"> </div> <div class="cleared"></div> <div class="za-postfootericons za-metadata-icons"> </div> <div class="cleared"></div> что нуж…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-