Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Помогите начинающим... про селекторы для p и h1

    Почему не работает такое: <html> <head> <style type="text/css"> p h1 { color: Red; } </style> </head> <body> <p>Test string. <h1>Hello, World</h1></p> </body> </html> По идее, если следовать описанию селекторов - всё что в h1 должно стать красным, но, этого не происходит. В чем причина? h1 перебивает стили сам, или селектор не находит? Если убрать h1, а вместо него например span, и селектор сделать p span, то всё ok. Поясните, что не так? Таже проблема если например написано: p.test span { color: Red; } и код: <p class="test"> abc efd <span>Hello!</span> Ведь по идее селект…

    Asked by xpg934,

    0 votes
    2 answers

  2. margin

    Эти варианты правильные? margin: 50px 20% 20px 20%; margin-top: 50px; margin-left: 50px; margin-bottom: 20px;

    Asked by Ururu,

    0 votes
    2 answers

  3. Не проходит валидность

    Валидатор ругается <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="50"> <param name="movie" value="myContent.swf"/> <object type="application/x-shockwave-flash" data="myContent.swf" width="100%" height="50"> <p>Alternative content</p> </object> </object> И что то ему ненравится именно тут (отметил цветом): <param name="movie" value="myContent.swf"/>

    Asked by Ururu,

    0 votes
    2 answers

  4. C помощью какого плагина можно менять css на лету в IE

    Добрый день! C помощью какого плагина можно менять css на лету в IE!!! Типа firebug.

    Asked by midzus,

    0 votes
    2 answers

  5. opera tbody bgcolor

    Подждскажите пожалуйста, я делаю что то не так или Opera не поддерживает отрисовку фона для TBODY? <table cellpadding=1 cellspacing=1 border=1 bgcolor='red'> <tbody bgcolor='green'> <tr><td>1.1 <td>1.2 <tr><td>2.1 <td>2.2 </tbody> </table> IE, Firefox - фон ячеек зеленый, граница - красный Opera - фон ячеек красный, граница - красный ?

    Asked by ak1001,

    0 votes
    2 answers

  6. Платежные системы на сайте, кто что подключал?

    Господа программеры! Поделитесь опытом кто какие платежные системы прикручивал к сайтам. WebMoney, Z-Payment, Interkassa, RoboKassa, RBKMoney, SMSCoin - не в чсет. Тут все ясно и есть готовые решения. Ставил - работает. Интересуют западные мерчанты типа 2checkout.com, moneybookers.com, authorize.net - их кто-нибудь настраивал? Сейчас тестирую 2checkout.com и moneybookers.com moneybookers.com - не пойму как обратные ссылки с нужным результатом вернуть на сайт, чтобы внести именени в биллинг. Возвращает при выписке счета и при оплате положительный результат и отдает тут же товар..... а когда счет тлько выписан (через банк,например) - нужно просто об этом сообщить... Гугл …

    Asked by banyman,

    0 votes
    2 answers

  7. Вопрос по area

    Сколько точек можно задавать в <area shape="poly" .... ? Задал 20 точек. В Файрфокс и Опере всё в поряке, ИЕ7 не видит области, в ИЕ6 посреди области какие-то промежутки. Сократил количество точек до 4, стало хорошо везде.

    Asked by Колос,

    0 votes
    2 answers

  8. как правильно?

    <td nowrap> или <td nowrap="nowrap">

    Asked by sc@r@bey,

    0 votes
    2 answers

  9. Вопрос про вложенность

    в css прописано #content td { padding: 10px 20px 10px 10px; } table.table_price tr, td, th { padding: 3px; } В html страницы: <div id="container"> <table class="table_price"> <tbody> <tr> <td> <h2>Текст</h2> </td> </tr> </tbody> </table> </div> При этом на ячейки таблицы устанавливается padding прписанный для идентификатора #content. Почему здесь не работает вложенность? Или работает как то не так как я понимаю. Ведь стиль таблицы должен быть приоритетнее стиля содержащего таблицу блока? Как правильно установить стиль для ячеек таблиц класса "table_…

    Asked by tezin,

    0 votes
    2 answers

  10. помогите правильно расстянуть сайт по высоте

    доброго времени суток. Пожалуйста помогите, нужно чтобы высота страницы (те страницы которые почти не содержат контента) дотягивались до низа экрана не зависимо от его разрешения. <!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> <link href="ieonly.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"><!--шапка--> <div id="hleft"> <img src="img/s…

    Asked by alsec,

    0 votes
    2 answers

  11. Два float div'а рядом

    <style type="text/css"> .sidenote {width:200px; float:left; padding:3px; border:solid 2px turquoise; margin:15px} </style> .................... <div class="sidenote"> Выноска </div> Основной текст <div class="sidenote"> Выноска </div> Продолжение основного текста. div'ы класса sidenote сделаны float. Когда два таких div'а стоят близко друг к другу, один из них позиционируется как float относительно другого, а мне хотелось бы, чтобы они были float для чего угодно, кроме друг друга. Чтобы они сами позиционировались друг под другом. Это реально?

    Asked by Webr,

    0 votes
    2 answers

  12. Вложенные селекторы

    Часто возникают вопросы по поводу вложенности селекторов. "Указываю свойство в CSS, а оно не применяется". В том случае, если цепочка указания верная, существует вероятность, что достичь результата не позволяет более сильный селектор. Давайте попробуем разобраться: Принцип состоит в следующем. Самым сильным является инлайн стиль, его нельзя переназначить ничем. Если Вы указали в своем html документе, будьте готовы, что их не удастся переназначить в CSS, хоть в шапке, хоть в отдельном файле. Поэтому я бы не рекомендовал вообще их использовать, лучше назначить элементу класс и задать через него, причем цправляться будет централизовано, Вы в любой момент сможете в одном мест…

    Asked by Justnewone,

    0 votes
    2 answers

  13. текст на фоне

    Есть два DIVa один является фоном, другой текстом поверх, есть проблема с тем, что при увеличении текста фон не увеличивается в размере. фон в диве это картинка, которая растянута по размерам дива. заранее спасибо

    Asked by romeros9,

    0 votes
    2 answers

  14. IE6 - некорректное отображение и смещение div

    Вот такая проблема.

    Asked by iva nova,

    0 votes
    2 answers

  15. Динамическое изменение размеров Flash ролика

    подскажите пожалуйста, как можно выполнить следующее: есть страница-интро по большому счету это всего один flash ролик, как сделать так чтобы от изменения размера окна браузера изменялся и размер flash ролика?? (т.е. масштабирование ролика под размер окна браузера)

    Asked by Small_man,

    0 votes
    2 answers

  16. Проблема с javascript'ом в firefox

    Народ, есть скрипт, передвигающий изображение на экране <script type="text/javascript"> <!-- var doc=document; function pereezd(photoGo,x0,y0,x1,y1){ pgo=photoGo; count=0; //счетчик x=x0; // x0,y0 - "нулевые" точки; x1,y1 - конечные точки y=y0; vremya=10; // время задержки(в принципе скорость) step=500; // частота шага stepX=(x1-x0)/step; stepY=(y1-y0)/step; moveto(); } function moveto(){ if(count < step){ count++ ; x += stepX; y += stepY; obg=doc.getElementById(pgo).style; obg.left=x; obg.top=y; setTimeout("moveto()",vremya); } } //--> </script> вот, как это описывается на странице <div id="photo"><a class="welcome" onmouseover="pereezd('…

    Asked by Kosty@n,

    0 votes
    2 answers

  17. Как сбросить параметры родительского класса

    Родительский класс таблицы имеет width=100%. Теперь, когда внутри надо нарисовать другую таблицу, она тоже также растягивается. А надо чтобы ширина её столбцов определялась по содержимому. Как для дочернего класса отменить width=100% ?

    Asked by ArCher,

    0 votes
    2 answers

  18. не могу понять принцип работы шаблонизаторов

    разъясните в чем принцип работы шаблонизатора, пусть вот этот код будет <!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"; ?&gt…

    Asked by sc@r@bey,

    0 votes
    2 answers

  19. Стили в option

    Добрый день. Плиз, дайте совет. Нужно для каждого элемента option применить свой шрифт. <select name="title_font_name" class="font_name"> <option value="Arial" style="font-family:Arial">Arial</option> <option value="Verdana" style="font-family:Verdana">Verdana</option> <option value="Tahoma" style="font-family:Tahoma">Tahoma</option> <option value="Times New Roman" style="font-family:Times New Roman">Times New Roman</option> </select> Не работает.

    Asked by Аксинья,

    0 votes
    2 answers

  20. проблема - растягивающийся button в FF

    Хотел сделать кнопку которая растягивалась бы под текст по горизонтали и столкнулся с непонятным отображением этого всего в FF3.0.8. По какой то причине FF правильно не понимает конец блока хотя опера и ие8 все понимает замечательно. Нашел способ с использованием хака, но это не валидный вариант. Может кто подскажет вариант без использования хака. Заранее спасибо!! код ниже <!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="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>…

    Asked by glivera,

    0 votes
    2 answers

  21. Padding в разных браузерах.

    Наверняка данная проблема уже обсуждалась, да и я видел ее решение на просторах интернета, но как то не обратил внимание, о чем сейчас жалею. Проблема в следующем: Создаю меню через <ul> список: <div id="Меню"> <div id="Шапка_меню">Меню</div> <ul> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> </ul> </div> Задаю стили для него: #Шапка_меню { border: solid #000; b…

    Asked by aPioz,

    0 votes
    2 answers

  22. Проблемы с резиной

    В общем есть 4 блока по 240px, нужно их разместить так что б при разрешении 1024px они просто шли друг за другом(слева направо), а при растягивании экрана браузера между ними появлялось бы растягивающееся расстояние.

    Asked by ЛАСТЫЧ,

    0 votes
    2 answers

  23. Выравнивание высоты блоков

    Всем ХИ. Есть 2 блока: один является контейнером для другого. Как сделать (желательно, но не обязательно, средствами css ) чтобы высота блока right_bar была такая же как и container(независела от наполнения) . #container { margin: 0 auto; width: 790px; } #right_bar { width: 190px; background: url(img) repeat-y; } <divid="container"> <div id="right_bar"> .....некоторый текст... </div> .....некоторый текст... </div>

    Asked by CoDy,

    0 votes
    2 answers

  24. apache + php

    Поставил локально апач 2.0.63. Пытаюсь на него поставить php 5.2.9 (инсталятор win). Во всех мануалах пишут что он должен спросить директорию с апачем: Но у меня не спрашивает. только предлагает CGI. А после, указываю ему настройки апача, папку conf., но она у меня пустая. Что делать и как быть..

    Asked by Ururu,

    0 votes
    2 answers

  25. Как зафиксировать кнопки

    .MainMenuLinks {position: static; border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration: none; padding: 3px 10px; margin-top: 3px;margin-bottom: 0; font-weight: normal; } a.MainMenuLinks {position: static; border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; } a.MainMenuLinks:link {position: static; border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; } a.MainMenuLinks:visited {position: static; border: 1px solid #fff; background: #007fc0; color: #fff; text-decoration: none; padding: 3px 10px 3px 10px; } a.MainMenuLinks:hover {position: …

    Asked by Alek7y7,

    0 votes
    2 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept