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
-
id & class css
Здравствуйте! При использовании classa выделенный красным участок текста становится таким же жирным как и текст внутри тега strong, а при использовании id все отображается коректно. Пишу потому что код при использовании одного id к нескольким тегам не проходит проверку на валидность. .centerlinks { display: block; width: 305px; height: 55px; ___________________НЕ ПОЛУЧАЕТСЯ font-weight: normal; text-align: justify; } #centerlinks { display: block; width: 305px; height: 55px; ____________________ПОЛУЧАЕТСЯ font-weight: normal; text-align: justify; } <img src="tochki.jpg" class="tochkis" alt="rrr"> <a href="" class="centerlinks"&g…
0 votes7 answers -
<style> внутри <body> XHTML 1.0
Доброго времени суток. Интересует такой вопрос, можно ли размещать <style> внутри <body>? <!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>Документ без названия</title> </head> <body> <style type="text/css"> <![CDATA[ #order-form { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 15px; } .a { font-weight: bold; border-bottom: 1px solid #000000; padding: 0 10px 0…
0 votes2 answers -
как пофиксить баг в ИЕ6?
сверстал страницу в слоях, но между контентом и боковыми колонками появляется небольшой пробел в ИЕ6, как пофиксить сей баг? <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="css/template_css.css" rel="stylesheet" type="text/css" /> <title>Test</title> </head> <body> <div id="container"> <div id="container-inner"> <div id="header"> HEADER …
0 votes5 answers -
Проблема с шаблоном WebAsyst
Есть такой код: {* currency type selection form *} <form action="{''|set_query_html}" method="post" name="ChangeCurrencyForm" class="valute"> <fieldset class="select"> <strong>{"lnk_change_currency"|translate}</strong> <div class="choice"><a href="#">{section name=i loop=$currencies}{if $currencies[i].CID eq $current_currency}{$currencies[i].Name}{/if}{/section}</a> {literal} <script language='JavaScript' type="text/javascript"> function _changeCurrency(){ document.ChangeCurrencyForm.submit(); } </script> {/literal} <select name='current_currency' onchange='_changeCurrency()'> {section name=i loop…
0 votes4 answers -
Опять теже грабли с уголками
Страница Вроде все делал по инструкции как на прошлом сайте, уголки сделал абсолютами с внешнимими нижними и верхними обертками Почему то верхний правый див topRightCommBg не реагирует на margin-left: -20px; проблема в ИЕ 6 и ИЕ 7, с нижним правым дивом аналогично! Ребят я опять что то забыл?
0 votes18 answers -
Интересный эффект раскрытия/закрытия картинок на сайте
Добрый день! Я только начинаю изучать HTML. Нашел интересный эффект открытия и закрытия картинок на сайтах .По клику картинка увеличивается, по клику на увеличенном изображении уменьшается. Новые окна не открываются при этом. Пример на этой странице Если кликните на изображении диска, то станет понятно о чем веду речь (трудно объяснить, надо посмотреть это ) . Очень хочу узнать как так сделать. Заранее благодарю!
0 votes8 answers -
Ссылка на данные с тхт фала на сайт.
Купил метестанцию и с неё качаю через ftp фаил currdat.txt на сайт kite4you.ru. Вопрос: как отображать(вытаскивать) данные с файла currdata.txt на html страничку сайта. Внизу пример файла. [header] programm_name = "heavy weather" programm_version = "Ver. 2.0 beta release" file_name = "currdat.lst" file_format_version = "ver. 1.0" [time] start = 3434461908 start_date_string = "Fri Oct 31 19:11:48 2008" last_actualisation = 3434467503 last_actualisation_date_string = "Fri Oct 31 20:45:03 2008" next_actualisation = 3434467563 next_actualisation_date_string = "Fri Oct 31 20:46:03 2008" [weather_picture] comment = "-1=not valid, 0=rain, 1=cloud, 2=sun" number = 2 [weather_…
0 votes19 answers -
Как задать цвет маркеров у LI при этом не затрагивая цвет текста?
Как задать цвет маркеров у LI при этом не затрагивая цвет текста? Так что бы цвет шрифта определялся, допустим, в BODY, а у маркеров был мною заданный цвет.
0 votes11 answers -
Word to HTML
Всем известно как MS Word сохраняет документ в html - устанешь разгребаться. А очень хочется чтобы БАЦ и на тебе <h3> и <p> Какой способ самый быстрый/оптимальный?
0 votes9 answers -
Помогите!Верстка разрезанной картинки
Итак, мне нужно сверстать сайт, где шапка - это одна большая картинка. Почерпнув множество рекомендаций, я решила разрезать ее на маленькие, потому что они быстрее грузятся. Но - у меня не получается их сверстать! Между маленькими картинками - пробел, и все тут! Div'ами пробовала, тот же эффект. В гугле ничего путного по этому вопросу найти не могу (во всех найденных статьях про это либо вскользь, либо предполагается, что это такая элементарщина, что и писать не стоит) Вот html: <table> <tr> <td><img src="1.jpg" width="100" height="200" alt="" border="0"></td> <td><img src="2.jpg" width="100" height="200" alt="" border="0"><…
0 votes9 answers -
text-indent
несколько раз встречал в шаблонах параметр text-indent со значением -9000 либо -9900 , почему такие цифры? кто может,объясните.спасибо.
0 votes15 answers -
Обратная связь
Нужно сделать форму обратной связи на странице сайта размещенного на narod.ru, но к сожалению на народе не работает РНР. Вроде бы можно разместить файл рнр на другом сервере и на него ссылаться или как то на JS замутить... Подскажите пожалуста
0 votes9 answers -
как скрыть или заблокировать элемент <option> в Safari на iPad
Добрый день, коллеги! Реализую связанные списки, лишние элементы второго списка скрываются (display:none). Обнаружил, что в дектопном Safari элементы не скрываются, добавил атрибут disabled="disabled", на десктопе все работает. Однако на iPad'е все-равно не работает. Ситуацию смоделировал здесь: http://jsfiddle.net/6pYen/1/ Подскажите. пожалуйста, как решить эту проблему...
0 votes2 answers -
Скролбар в таблице
Создается форма в которой в ячейке выводится изображение, когда изображение шире чем размер колонки (он не абсолютный и зависит от расширения экрана), то изображение расширяет колонку и рвет всю верстку Как добиться эффекта чтоб если изображение шире ячекйки появлялся горизонтальный скроллер в ячейке (или во вложенном элементе)?
0 votes9 answers -
JavaScript изменение <span>
Не меняет значение Покажите мне самый простой способ как менять текст в после нажатия на кнопку. Заранее спасибо. Видно мне не судьба припомнить как это надо <script type="text/javascript"> q=0; function w() { if(q==0) with(document.forms.test) { name.disabled = true; gryppa.disabled = true; q=1; } document.forms.test.vopros.text="ddddd"; } </script> <form name="test"> Введите имя: <input type="text" name="name"> Введите группу: <input type="text" name="gryppa"> <span id="vopros">Вопрос</span> <input type="radio"><span>вариант 1</span> <input type="radio">…
0 votes2 answers -
Помогите, разобраться с фоном.
Здравствуйте! Помогите пожалуйста, никак не могу сделать так, чтобы background (картинка, напр. изображение реки) в IE не прокручивалась, и не дублировалась. В Opera это сразу получилось, а IE никак, помогите кто сведует.
0 votes13 answers -
Рисунок в правом нижнем углу при уже имеющемся фоне
Мне необходимо в соответствии с дизайном сайта в правом нижнем углу нарисовать отгибающйся уголок тетрадного листа Как его на пустом фоне в BODY нарисовать я знаю, но дело в том что у BODY уже назначен бэкграунд - разлинованный тетрадный лист, Как можно поступить в этом случае? Вот макет:
0 votes13 answers -
Как сделать картинку background подстраиваемую под блок?
Добрый день? Как сделать, чтобы картинка в фоне выводилась полностью по высоте, по ширине она принимает значения блока родителя и прекрасно адаптируется, но как установить корреляцию по высоте от изменения ширины блока, т. к. при разных экранах блок в котором находится айфон изменяется. Если обычной картинки прописать в html width="100%", то она в зависимости от ширины блока изменяется и по высоте. https://jsfiddle.net/wjt96w2t/
0 votes10 answers -
Расширяемый хостинг
Всем привет. Задался тут вопросом, есть ли хорошие расширяемые хостинги. То есть, например, вначале у тебя маленький сайтик, поэтому и ресурсы нужны небольшие. Да плюс и не знаешь, будет ли востребованным сайт. Вот и получается нужен лёгкий, недорогой хостинг. А потом, если вдруг сайт будет расширяться или же ещё один сайтик добавится, этот хостинг расширить, так сказать купить более расширенный пакет. Так вот, если ли такие хостинги?
0 votes12 answers -
Как float-элемент прижать к нижней границе родителя?
Здравствуйте! Пожалуйста, помогите решить проблему. Никак не могу прижать (оранжевый) float элемент с классом .text, к нижней границе (желтого) родителя с классом .main Пример: http://codepen.io/Econavi/pen/bgBXLp
0 votes19 answers -
Прозрачность картинки при наведении
Привет!!! Я недавно начал изучать разработку web-страниц и столкнулся с проблемой, помогите, люди добрые!!! Есть две картинки. При наведении на 1-ую, должна появиться вторая, причём первая должна затемниться. У меня практически всё получилось, вот только с затемнением получилось всё наоборот, как добитиься нужного результата, не знаю. Помогите!!!!!! Ниже ссылка (30 Кб) моей работы, если можете, подскажите пару строк кода, где я ошибся. http://www.kaa.zdorovie.starinet.com/tmp/help.rar
0 votes6 answers -
Кодировка ANSI в Dreamweaver.
Здравствуйте. Подскажите... При открытии php файла(в ansi кодировке) в Dreamweaver'е, кирилица отображается кракозябрами, в настройках Dreamweaver'a ansi нет, а нужна именно она, можно их как-нибудь пожружить?
0 votes4 answers -
DIV, проблема с width
Помогите, пожалуйста, разобраться. Недавно только начал верстать слоями и практики в этом мало. Пытаюсь сверстать следующий макет: Ну это примерно какие блоки будут и где примерно они должны находиться. По ходу верстки столкнулся со следующей проблемой. Сайт будет растягиваться по ширине окна браузра. box-r - не изменяется и имеет фиксированную ширину, box-l - растягивается. Так вот надо чтобы слои button располагались по центру внутри слоя box-l и растягивались в зависимости от ширины. Кроме этого когда всталяешь таблицу в box-l либо в box-cont (тоже растягивается) и width таблицы ставишь 100% то в IE таблица вылазит и принимает значение 100% от всего экрана, а не того …
0 votes3 answers -
Как на фон body поставить 2 изображения?
Добрый вечер! Собсна вопрос такой, хочу на фоне body поставить сверху градиент, высотой пикселей 200, а внизу например текстуру земли. Если тегу body ставить два background-image, то воспринимать он будет последний. Как задать такой двойной бэкграунд? Заранее спасибо ЗЫ в середине страницы таблица аля каркас
0 votes5 answers -
Отступ между элементами LI
Всем привет! Не могу понять почему между тегами li остается расстояние: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> ul { margin: 0; padding: 0; } ul li { display: inline-block; list-style-type: none; list-style-position: inside; height: 24px; margin: 0; padding: 0; border: 1px solid red; } </style> </head> <body> <ul> <li><a href="#">раз</a></li> <li><a href="#">два</a></li> <li><a href="#">три</a></li> </ul> </body> </…
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-