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
-
validator.w3.org
Возникла странная проблема! Некоторые страницы сайта скачиваются валидатором не полностью... Допустим вот эта страница: http://kimikiss.ru/series/ Если прочекать - куча ошибок, потому, что документ не закончен. Если же ввести HTML код вручную - все валидно. Никто не сталкивался с таким странным поведением? В чем проблема, в сервере или валидаторе? И как ее можно решить. Подскажите, плиз.
0 votes5 answers -
Изменение цвета ссылки при нажатие
Собственно задача вот в чем: есть ссылки в меню и при нажатие на ссылку она должна становится красной допустим, но если использовать: A:visited то после нажатия на эти ссылки они и остаются такого же цвета всегда, а мне нужно чтобы нажал допустим на пункт 1 он стал красный а остальные все черные, нажал пункт 2 он стал красным а остальные все черные, и красный он стал на все время пока выбран этот пункт...
0 votes8 answers -
Таблица с скроллируемым <tbody>
Необходимо сделать таблицу у которой <thead> будет фиксированным, а <tbody> будет скроллироваться. И чтоб в ИЕ работало. Есть у кого идеи? Желательно без скриптов, но в принципе и скриптами можно если чистым CSS никак нельзя.
0 votes10 answers -
фоновый градиент svg в safari
Странность в том, что в safari фоновый svg в некоторых случаях располагается исключительно под текстом, а не на весь объект. При этом в Хроме такой особенности не замечено. Более того, особая странность в том, что один и тот же код различно себя ведёт на домашем сервере и на хостинге. Дома проблемы нет, на хостинге есть. Пример здесь, заголовки в середине контента. В чём дело — не пойму. собственно, как быть, чтобы фон растягивался на весь элемент? background-repeat и background-size уже опробованы.
0 votes12 answers -
position:fixed в IE и выравнивание по правому краю
Из-за неработоспособности position:fixed в 6 эксплореле, пришлось применит следующий код, для фиксирования элемента на экране но проблема в том, что на некоторых страницах, появляется скрол и элемент fixed, который прикреплен к правому краю заезжает на него... каким образом сделать так чтобы, фиксированный элемент не наезжал на скрол?
0 votes10 answers -
Вставка изображения посредством css/php
Добрый день всем Вобщем, суть вопроса такова Из первого сделать второе Пробывал: через img src вставить в header.php - вставляется, но не загружается, т.е. вообще не кэшируется на странице, хотя в "Инф о странице" файрфокса прописывается в списке элементов, но не размер не формат неизвестен. Также пробывал через php echo все с тем же img src А как вставить посредством css - вообще ума не приложу... Что посоветуете? Сайт - kiadesign.ru , архив со всеми файлами темы WP - kiadesign.ru/wp-content/uploads/2011/12/theme.zip код header.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1…
0 votes8 answers -
Вставить видео на страничку
Добрый вечер! Люди помогите пожалуйста - как вставить видео на страничку.
0 votes8 answers -
Использование атрибута type у тега <link> в HTML5
Здравствуйте! Проясните пожалуйста вот по какому вопросу. Пишу на HTML5. И возник вопрос: использовать ли атрибут type со значением "image/x-icon" в теге <link> при вставке favicon? Или же можно опустить этот атрибут? Как это будет правильнее в HTML5, как лучше? Примеры: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или же: <link rel="shortcut icon" href="favicon.ico"> Заранее благодарен.
0 votes5 answers -
Борьба с IE. 3 колонки, резиновый дизайн.
Делаю новый шаблон для сайта, 3 колонки, резиновый. Столкнулся с проблемой. В IE в центральной колонке получается небольшой отступ текста на том месте, где заканчивается текст левой. Пример на рисунке. Очень заметно при выделении текста. html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <style type="text/css"> #left { border: #999999 solid 1px; width: 200px; float: left; } #right { …
0 votes1 answer -
Изменение размера textarea
Добрый день! На странице есть элемент textarea. Проблема в том что к нему не применяется resize. Пишу resize: vertical и нифига, как изменялся размер так и изменяется
0 votes11 answers -
Возможна ли защита от копирования сайта таким образом...
Здравствуйте ребята. Люблю читать ваш форум, очень много полезного и интересного. Решила всё таки задать свой вопрос. Возможна ли защита от копирования сайта (и как она будет выглядеть в html/css) таким образом, что сама информация то скопировалась, но при размещении ее на другом ресурсе, например, всегда АВТОМАТИЧЕСКИ вставлялся источник ( того сайта с которого копировали) в виде текста "Взято с www.ресурс.ру " или же в виде картинки, при нажатии которой переходили на источник. Что думаете ребята?) очень интересны ваши предложения
0 votes26 answers -
Русифицированная Дата PHP\MySQL
Подскажите, плиз, каким образом можно при добавлении инфы занести автоматически в БД дату добавления статьи, а потом вывести дату в формате d.m.y на сайте? Пробовал создавать поле date 'TIMESTAMP' Вывод даты date("d.m.y",$row['date']); Выводится 01.01.70
0 votes10 answers -
Галлерея
Как сделать так, чтобы при нажатии на эту картинку: Она увеличивалась и появлялась тут.?
0 votes5 answers -
Размер в зависимости от разрешения
Здраствуйте, Может можете помочь? Вопрос: Как сделать так, что бы на разных машинах, с разным разрешением сайт выглядел одинаково. То есть, что бы размер объекта менялся в зависимости от разрешения. Ситуация: в страничку вставлен флаш ролик. А вот и код: <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="600" height="400"> <param name="movie" value="index.swf"> <param name=quality value=high> <embed src="index.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type=…
0 votes6 answers -
Позиционирование слоев в разных браузерах
Следующий код в браузере Chrome и Operа отображается по разному: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #id { position: absolute; margin-top: 10%; margin-left: 10%; width: 100px; height: 10%; background-color: black; } #id2 { position: absolute; margin-top: 20%; margin-left: 10%; width: 100px; height: 10%; background-color: green; } </style> </head> <body> <div id="id">First layer&l…
0 votes6 answers -
Писать сверху по картинке
В таблицу вставлена картинка. Пытаюсь что-то писать - оно мне пишет слева, сверху, снизу, где угодно - но только не на картинке. Как это сделать?
0 votes3 answers -
min-width не работает в Opere 9.10
Помогите пожалуйста. У меня следующая вещь. Я делаю два слоя по горизонтали. Они должны фиксированно держаться и быть фиксированных размеров, по крайней мере, по минимальной ширине. Все правила по-моему применены: Слои находятся в контейнере со свойством min-width=990px и каждый блок содержит float: left для обтекания по левому краю, т.е. для реализации укладки по горизонтали. При уменьшении ширины окна в IE и Firefox эти слои держаться как надо и возникает горизонтальная полоса прокрутки. А в Opere нет. Второй переходит под первый, мало того еще и уменьшают себя и текст внутри с уменьшением окна браузера. Пробовал и так и сяк все равно ерунда. Как это можно поправить …
0 votes4 answers -
Случайный выбор песни в плеере на сайте
Сайт на юкозе. Вот такой стандартный скрипт плеера <script src="http://forum.ucoz.ru/media/?auto=0;small=0;color=ff4f00;textoff=0;t=audio;f=Адрес песни" type="text/javascript"> </script> Как мне сделать так, чтобы при загрузке страницы случайно выбиралась композиция?
0 votes3 answers -
Убрать поле для скрола в TEXTAREA
Здравствуйте! Скажите как убрать или прописать в стилях для того что бы скрыть поле для прокрутки, которое расположено справа в TEXTAREA: <form> <textarea rows="10" cols="45" name="text"></textarea> </form>
0 votes5 answers -
Div в joomla
Доброго времени суток. Подскажите пожалуйста, как с готового меню, сделать так чтоб ее понимала ждумла, через код php? Меню с тенью и закругленными углами. <div class="first"><div class="last"> первый и последний ДИВ с закруглениями. Те что между ними, включая верхние и нижние - пункты меню, которые джумла должна выводить сама а не заполнять вручную. Общем, как-то модуль <jdoc include type modules...> должен в данном случае, быть написан php кодом. ПОдскажите пожалуйста! <div id="goriz"> <div class="first"><a href="#">TEXT</a></div> <div><a href="#">TEXT</a></div> <div><a href="#…
0 votes6 answers -
Ищу красивое решение
Здравствуйте. Пришёл за советом о том, как лучше сверстать часть стандартного макета. <body> <div class="wrapper"> <div class="header"></div> <div class="menu">здесь меню, которое на картинке</div> <div class="content"></div> </div> <div class="footer"></div> </body> Приводить весь CSS-код самого макета смысла не вижу, единственное, что хочу уточнить это: .wrapper { margin: 0 auto; width: 100%; } .header, .content, .footer { margin: 0 auto; width: 991px; } А дальше, нужно оптимальное решение, которое решит данную задача, в соответствии с картинкой. С минимальным количеством CSS- и HTML-ко…
0 votes10 answers -
Проблема с ссылками
У меня еще один вопрос, только уже по поводу отображения некоторых ссылок на сайте: есть одна огромная таблица, в которой множество вложенных таблиц. В одном из фрагментов данной таблицы находятся: поиск по сайту - 2 ссылки (главня - выход), а на строку ниже - Сделать стартовой, добавить в закладки, РСС и т.п. так вот, вопрос в следующем: В ИЕ6 ссылки "Главная" и "Выход" не отображаются как ссылки, просто как текст и все подчеркивания для ссылок в ИЕ 6 и 7 под расширением 1024*768 выглядят некорректно (получается не подчеркивание, а зачеркивание).. Подскажите пожалуйста, где у меня в коде ошибка Сам фрагмент кода с данными элементами: <!--Поиск--> <div class="li…
0 votes10 answers -
Пропорциональное выравнивание блоков по горизонтале
Привет, экспериментирую и гуглю часа 4е... ничего подобного найти не удалось, в общем: Необходимо выравнить произвольное (и заранее не известное) кол-во блоков (то есть блочных элементов со всеми признаками блочности, включая возожность иметь потомков различного типа, включая блочных) по горизонтали, внутри родительского блока, и с учётом пропорционального центрирования. например, имеется 4е сестринских блока, располагающихся внутри контейнера по всей его ширене, занимающие всё его клиентское пространство пропорционально (так сказать по центру), и имеющие одинаковые отступы друг от друга, изменяющиеся (уменьшающиеся/увеличивающиеся) в зависимости от количества сестринских…
0 votes9 answers -
Выравнивание по вертикали в теге li
Что-то я запарился и не могу найти правильное решение, как по вертикали оцентрировать текст рядом с картинкой. Вот, что я делаю и не получается: HTML: <ul> <li>Один</li> <li>Два</li> </ul> CSS: li { list-style-image: url(img/ok.png); list-style-position: inside; vertical-align: middle }
0 votes4 answers -
Проблемы с clearfix и высотой блока
Я знаю, тут сидят опытные люди. Я сам занимаюсь версткой не первый год, и считаю себя достаточно профессиональным в этой области. Для чего я это написал. Не давно меня поверг в ступор один баг (может фича) связанный с clearfix'ом (я полагаю его использует больниство верстальщиков) Собственно код для ознакомления тут http://codepen.io/anon/pen/yFnJo Вопрос: почему растягивается первый item на высоту sidebar'a?
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-