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
-
не отображается xml с РУССКИМ контентом
здрастье каша проста: есть xml: <?xml version="1.0" encoding="WINDOWS-1251"?> <text> <head>TITLE</head> <article> А ВОТ ТУТ НАПИСАНО на РУССКОМ. </article> </text> есть php: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4.01/loose.dtd"> ... <?php $dir = 'data/001/testArticle.xml'; $xmlDoc = simplexml_load_file($dir); echo $xmlDoc->article; ?> ... Английское "TITLE" выводит прекрасно. "А ВОТ ТУТ НАПИСАНО на РУССКОМ" - тут лажа. АБРА-КОДАБРА. :/ -- ?
0 votes13 answers -
Сдвиг каждой строки
Здравствуйте. Можно ли как-то реализовать вот такую штуку... Каждая следующая строка текста сдивагается на определенное количество пикселей. Например: вввввввввввв вввввввввввв вввввввввввв вввввввввввв вввввв Очень интересная задача, и мне интересно, можно ли такое реализвать с помощью CSS?
0 votes14 answers -
Проблема: Флеш на задний фон в ИЕ6 и 7 не уходит
Есть флеш, находится по центру сайта, получается она задевает все блоки на странице В Мозиле и Опере нормально В ИЕ 6 и 7 флеш перекрывает эти блоки У всех блоков что могут перекрытся флешом прописано position: relative; display: block; z-index: 7; у блока с флеш z-index: 0; display: block; position: relative; Как можно это исправить?
0 votes9 answers -
не работает border
Хочу установить следующие границы для блока #header с помощью свойств. Но данные свойства не работают и не создают границы. В чем может быть проблема? border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; Весь HTML и CSS код: #wrap { width: 1000px; margin: auto; margin-top: 20px; } #header { border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> …
0 votes2 answers -
Слетает стиль текста на ipad.
Всем привет! Помогите пожалуйста разобраться с проблемкой. сайт sledd.ru При отображении в браузерах (всех) на компьютерах всё отображается корректно, но при отображении сайта на ipad, слетает стиль для верхнего-правого блока в котором телефоны. Такое ощущение, что стиль действует только не первую цифру верхнего span и не даёт присвоить стиль для другого span. Ссылка на изображение: https://yadi.sk/i/jS1x3DVcYUCrW
0 votes7 answers -
не могу понять принцип работы шаблонизаторов
разъясните в чем принцип работы шаблонизатора, пусть вот этот код будет <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//RU" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional-dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel=stylesheet type=text/css href="css/css.css"> <title><?php echo "TITLE"; ?>/title> </head> <body> <div id="container"> <div id="header"> <?php echo "HEADER"; ?> </div> <div id="navigation"> <?php echo "NAVIGATION"; ?>…
0 votes2 answers -
подсветка ссылки активной страницы
Всем привет. Меню выводится так: <div id="nav"> <ul><?php $categories = get_categories();foreach($categories as $link):?> <li><a href="index.php?view=<?php echo $link['cat_id'];?>"><span class="link"><?php echo $link['name'];?></span></a></li><?php endforeach;?></ul></div> css: a {font-size: 22px;text-decoration: none;padding-bottom: 8px;border-bottom: 2px solid #666666;} a:hover { color: #FFCC00; text-decoration: none;border-bottom: 3px solid #FFCC00;} .link { color: #666666; } #nav{position: relative; margin-left: 4%;} li{display: inline;margin-right: 18px;} Вопрос как сделать подсве…
0 votes9 answers -
Как всегда ИЕ 6 и 7. Блок смещается вниз
Не могу найти причину, того что заставляет смещать table.contentpaneopen вниз страницы.... Буду премного благодарен. Сайт
0 votes10 answers -
Раскрывающийся список в строку
Опять я со своим списком, но уже совсем по другому вопросу. Итак, здесьесть меню, сделанное по этому образцу. Всё работает, всё хорошо, но я теперь хочу растянуть выпадающий список тоже в одну строку. Для этого прописала в #nav ul li {float: left;}. И, в итоге, получилось, что пункты не растянулись в одну строку, а их что-то ограничивает по ширине, и они всё равно переносятся. Я не могу понять, чем это регулируется? И ещё нужно будет, чтобы эти выпадающие пункты "выпадали" не сразу под родительским пунктом, а ниже (под синей подложкой верхнего меню, если смотреть на сайт). Для этого нужно где-то прописать position к дочернему списку или как-то ещё?
0 votes7 answers -
Валидатор
Решил почекать свою визитку валидатором. Ужаснулся. You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by: * incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element), * by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead). * by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case). В основном все ошибки ( …
0 votes10 answers -
HTML Информер
Привет всем! Я скачал погодный информер gismeteо тип его бегущая строка, вот он <style type='text/css'> .gmtbl {background-color: #ffffff; border: 1px solid #18b8f9;} .gmtdttl{font-size: 100%; font-weight: bold; color: #000000; text-align:right; background-color: #ffffff} .gmtdtext {font-size: 100%; font-weight: normal; color: #000000;text-align:center;} .tddiv { text-align: left !important;} div#cntdiv{ position:absolute; display:block;} div#infselectlist{ background-color: #ffffff; border: 1px solid #7c7c7c; width:100%; height:100%; position:relative; top:1; left:0; right:0; visibility:hidden; cursor:pointer;} div#hiddentl{ position:relative; top:1; left:0; right…
0 votes1 answer -
Кнопки-ссылки
Подскажите, пожалуйста, как сделать ссылки виде кнопок?
0 votes9 answers -
CSS::Соседние селекторы.
Добрый день. Решил выучить HTML и CSS. Учу по этому сайту. Очень нравится. Не могу разобраться со статьей "Соседние селекторы". Пример 11.1. В тексте и на картинке слово consectetuer должно отличаться в первой и второй строке. У меня же они и там и там красные http://bullvinkle.pp.ua/html.html Что это значит?
0 votes12 answers -
Форма и 3 кнопки, Как реализовать переход?
Есть форма - Однострочное текстовое поле. И есть три кнопки. Подскажите пожалуйста как реализовать, чтоб после ввода инфы в форму, при нажатии одной кнопки был переход по одному УРЛ'у, при нажатии другой - переход на другой УРЛ, и т.д для всех трех кнопок? И если можно, возможностями php. Php еще учу, но больше понимаю его, чем js. Спасибо
0 votes8 answers -
Вывод печатной версии сайта.
Всем добрый день, я столкнулась с такой проблеммой при вёрстки печатной версии сайта. Как сделать так чтоб логотип, при печати сайта, расспологался в левом нижнем углу каждой странички? Спасибо
0 votes3 answers -
HREF - сcылки но фоне png
Здравствуйте друзья. Столкнулся с такой проблемой: в IE ссылки не активны если они находятся в ячейке с фоновым изображением PNG. В опере все работает. Что за своеобразный косяк?
0 votes4 answers -
Позицирование в DIV
есть такая конструкция <div class="qwerty">текст</div> и есть стиль .qwerty{ font-family: "Courier New", Courier, monospace; font-size: 14pt; font-weight: bold; color: #660000; margin: 0; padding-left: 90px; height: 80px; background-image: url(../images/fon_zag.png); background-repeat: no-repeat; background-position: left; } в общем есть картинка 80х80 которая является фоном и которая должна быть слева. А справа текст. Но сейчас текст сверху. а мне нужно чтобы выравнивание по вертикали было на низу. Это реально?
0 votes17 answers -
Список выходит за пределы слоя
Есть ненумерованный список, каждый пункт списка помечен картинкой. Этот список вылез за пределы слоя куда-то в межзвездное пространство на краю страницы по горизонтали, хотя по вертикали стоит как надо. Как я уже не пытался это исправить, или хотя бы понять в чем проблема-не получается. При overflow:hidden - список исчезает. Увеличивал размер слоя - не помогло. Помогите пожалуйста, буду очень благодарен. Код: <div id="bottom"> <div id="col4"> <h4>About Us</h4> <p class="three">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore …
0 votes4 answers -
ширина столбцов в таблице в % и в px
Есть таблица из 21ого столбца, которые разбиты на повторяющиеся тройки ширина 1ого = 10px ширина 2ого= x..? ширина 3его = 43px и так семь раз Вопрос: Надо сделать так, чтобы все x были одинаковые я пробловал делать так: <td width=10px backgorund="blabla2.gif"> </td> <td width="14%" backgorund="blabla2.gif">текстик </td> <td width=43px backgorund="blabla3.gif > </td> Т.е. я планирую, что браузер повычитает из ширины экрана семь раз 10 пикселей, затем 7 раз 43 пикселя, оставшееся число разделит на 7 и задаст их вторым колонкам. Но, видимо, он делает вс? совсем не так. Ширина вторых колонок равняется по их содержимому.
0 votes12 answers -
Способ измерения элементов страницы
Скажите, плиз, есть ли какой нибудь способ измерения размеров готовых web-страниц и отдельных элементов? Что-то вроде линейки в пикселях, например, - приложил к экрану монитора и вот он, точный размер! Не все же страницы создаются в относительных размерах, у меня многие в 17 дюймов не влезают, а ведь у кого-то есть 14 дюймовые мониторы? И какой параметр берется за точку отсчета всех размеров при верстке? Спасибо!
0 votes10 answers -
Fieldset, закругление углов
привет. Кто-нибудь сталкивался с такой штуковиной? Сверстать такой блок дивами, а label спозиционировать абсолютно, расставив маргины — просто. НО! Я пока не нашел наглядного примера, для данного случая, сделать такой же блок, с закруглёнными краями, но используя такую структуру: <fieldset> <legend>Ледженд</legend> <label></label> </fieldset>
0 votes6 answers -
Закругление букв
Скажите, если кто знает, а реaльно на css сделать слово, закругляющееся по кругу? Но скорее это не в эту тему
0 votes16 answers -
проблема с IE6
bactericide.ru по-моему комментарии излишни. посмотри в опере и ie6. как победить этот долбаный ie6?
0 votes13 answers -
Проблемы с меню (шапкой) сайта
Полностью отредактированная и рабочая страница с верхним выпадающим меню: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <LINK href="images/logo_mini.jpg" type=ico rel=icon> <style> body{ background-image: url('images/фон.jpg'); } .menu{ font-family:arial, sans-serif; position:center; font-size:14px; z-index:100; margin-top:-1px; } .menu ul li a, .menu ul li a:visited{ display:block; text-decoration:none; color:#000; text-align:center; …
0 votes24 answers -
При установке галки на ckeckbox переход по ссылке.
Здравствуйте. Появилась необходимость чтобы при установке галки на input type="checkbox" произошел переход на указанную страницу (так как будто нажали на ссылку), главное условие - без использования JavaScript. Я уже думал может как то обвернуть input в ссылку... Может у Вас есть какие нибудь или идеи, или уже готовый рецепт? Буду признательный любой помощи. Спасибо.
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-