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. Как сделать маску круглых углов для flash?

    У меня получается почему-то только для рисунков, а вставленный flash плюет на слой, который выше я делаю так: <div id="sq_banners"> <a class="banner ban1" href="#b1"> <object type="application/x-shockwave-flash" data="<?php print $images ?>TVcontent.swf" width="125" height="125" id="ad1"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="<?php print $images ?>TVcontent.swf" /> <param name="quality" value="high" /> <param name="wmode" value="window" /> <param name="bgcolor" value="white…

    Asked by warobushek,

    0 votes
    1 answer

  2. Работа с изображениями

    Здравствуйте. Интересует следующее: на странице есть изображения-превьюшки, как сделать так, чтобы при клике на изображение-превью, картинка отображалась в полном размере, а остальной фон затемнялся? Можно ли это реализовать средствами css или требуется js?

    Asked by YaD,

    0 votes
    1 answer

  3. getElementsByClassName

    Не получается разобраться как нужно дописать код чтобы работал getElementsByClassName в ie... Ясно только одно что ie пока что не обзавелся такой функцией... вот код страницы и сама страница http://stars124.narod.ru/js2.html нид хэлп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <title>Z-index</title> <script type="text/javascript"> function color3(node){ var wrap = document.getElementById('wrap3') var wrapDiv = wrap.getElementsByClas…

    Asked by stars,

    0 votes
    1 answer

  4. input file value?

    Привет, All! подскажите как в <input type=file> прописать введенное ранее значение, если пишу в value ничего не отображается

    Asked by ravend,

    0 votes
    1 answer

  5. Проблема с позиционированием <div>

    Делаю сайт с помочу <div> тегов и столкнулся с такой проблемкой. Сначала код: <div id="top_l"> <h3>Top1</h3> </div> <div id="top_c"> <h3>Top2</h3> </div> <div id="top_r"> <h3>Top3</h3> </div> СSS: #top_l { width: 250px; margin: 5px 5px; background: #eee;} #top_l h3 { text-align: center; } #top_c { width: 250px; margin: 5px 300px; background: #eee;} #top_c h3 { text-align: center; } #top_r { width: 250px; margin: 5px 600px; background: #eee;} #top_c h3 { text-align: center; } А проблема в том, что Тор1, Тор2, Тор3 выводятся, как бы то пояснить... лестницей, а мне нужно что бы на…

    Asked by Alex&R,

    0 votes
    1 answer

  6. Проблема с таблицей в Google Chrome

    Здравствуйте! Помогите пожалуйста! Проблема отображения краёв таблицы в Google! Вот нормальный вариант в др. браузерах: Вот в Гугл Хром: Код: <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="9" height="11" ><img src="../images/bv1.jpg" border="0"></td><td width="100%" style="background-color:#FFFFFF;"></td><td width="9" height="11"><img src="../images/bv2.jpg" border="0"></td></tr> <tr><td width="100%" colspan="3" style="background-color:#FFFFFF;" valign="top"> <div class="content_center"> <!-- <body> -->$CONTENT$<!-- </body> --> &…

    Asked by Anfea,

    0 votes
    1 answer

  7. CSS - Карусель - Google Chrome

    Всем Здрям!!! Вот такой проблем нарисовалася: Есть у меня карусель картинок: <div id="carousel19" class="asp_caro" style="width: 753.016px; "> <div id="carousel-layer19" style="width: 3120px; margin-left: -126px; "> <div class="asp_carousel" id="test_121_19"> <div id="asp_body_121" style="text-align: center;"> <div id="asp_squ" style="text-align:center" title="922102">922102</div> <div id="asp_picture"><a href="xxx.xxx" id="hsm121" class="hs" onclick="return hs.expand(this, slideOptions);"><img src="xxx.xxx"></a></div> </div> </div> <div class="asp_carousel" id="test_121…

    Asked by SnAKEen,

    0 votes
    1 answer

  8. Яндекс.Карты портят шрифты на сайте

    Уже во второй раз замечаю такую особенность: вставляют на сайт интерактивные Яндекс.Карты (http://api.yandex.ru/maps/) и шрифты на странице тут же становятся жирными. <!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) --> <script src="http://api-maps.yandex.ru/1.1/?key=ACWYCkwBAAAAAjm-cQIA9BVr4c42irfQMwy-aTyVFtQ5VCQAAAAAAAAAAACri5-mzRv9GXNY9mlD4EIXL-79kw==&wizard=constructor" type="text/javascript"></script> <script type="text/javascript"> YMaps.jQuery(function () { var map = new YMaps.Map(YMaps.jQuery("#YMapsID-3541")[0]); map.setCenter(new YMaps.GeoPoint(37.609218,55.753559), 9, YMaps.MapTyp…

    Asked by brainiac,

    0 votes
    1 answer

  9. Проблемы с вёрсткой

    Здравствуйте. Помогите пожалуйста, нужно сделать вёрстку сайта похожую на http://www.gazprombank.ru/. Главная фишка сделать главную картинку как на этом сайте (http://www.gazprombank.ru/). При уменьшении страницы картинка обрезается, а блоки расположенные справа от ней сдвигаются на место картинки. Кто-нибудь подскажите примерно как такое сверстать?

    Asked by Sqwirl,

    0 votes
    1 answer

  10. Разрыв между дивами

    Добрый день. Возникает проблема уже не первый раз. Делаю закругление страницы с помощью бэкграунда, в ИЕ7 возникает промежуток между дивами. Как это можно исправить? Вот как это выглядит.Скрин Ps. Скорее всего на форуме этот вопрос обсуждался, но не знаю как в поиске описать подобную проблему

    Asked by ejohn,

    0 votes
    1 answer

  11. градиент тегом

    Возможно ли сделать градиент не вставляя картинки, а атрибутом тега?

    Asked by Pavlov___,

    0 votes
    1 answer

  12. Как показать несколько изображений на одном месте одновременно?

    Добрый день. У меня есть несколько местами прозрачных изображений одинакового размера, которые хотелось бы показывать наложенными друг на друга в различных комбинациях - типа слоёв. Не подскажите, как лучше это сделать? Заранее спасибо.

    Asked by ysa_list,

    0 votes
    1 answer

  13. проблема отоброжение в ie7

    Есть таблица в ie8, opere,mozile показует норм, а вот в ie7 отступы не применяются #table_1 { width:478px; margin:47px 100px 70px 124px; } В ie7 таблица привязуется к верхнему левому углу.

    Asked by fastikkk,

    0 votes
    1 answer

  14. Правильно ли я составила DOCTYPE?

    Мне на свой сайт нужно поставить DOCTYPE. При создании сайта я использовала HTML и CSS. Как я понимаю DOCTYPE для моего сайта должен выглядеть так: !DOCTYPE html PUBLIC "-//W3C//DTD HTML/CSS Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" (по бокам скобки) Правильно?

    Asked by anna-2010,

    0 votes
    1 answer

  15. Не могу понять, откуда берется отступ?

    То ли я не выспался, то ли что.. не могу понять, откуда берется прореха между пунктами меню: Вот код: <html> <head> <style type="text/css"> <!-- * { margin:0; padding:0; } ul, li { list-style:none; } ul.mainmenu, ul.mainmenu li { display:inline; } ul.mainmenu li.active a, ul.mainmenu a:hover { background:#353535; color:#fff; } ul.mainmenu a { display:inline-block; padding:10px 15px; text-decoration:none; color:#353535; font-size:1.75em; } --> </style> </head> <body> <ul class="mainmenu"> <li class="active"><a href="#">menu</a></li> <li><a href="#">menu</a></li>…

    Asked by d0ublezer0,

    0 votes
    1 answer

  16. Правка сайта непрофессионалом

    Добрый день! Устроилась на новую работу, где мои основные обязанности занимают 10% моего трудового времени. Предложила свою кандидатуру для правки информации на наших сайтах, так как она (информация) не обновлялась около года (отсутствует соответствующая должность в связи с сокращением). Подскажите, насколько сложно будет мне вникнуть в процесс? или человеку абсолютно без опыта лучше не соваться?

    Asked by кристина,

    0 votes
    1 answer

  17. Растягивание меню на всю ширину блока

    Всем доброе субботнее утро! Столкнулся с проблемой, нужно сделать такое: Код: <div class="letters"> <ul class="alphavit"> <li><a href=/directory/index/%D0%90>А</a></li> <li><a href=/directory/index/%D0%91>Б</a></li> <li><a href=/directory/index/%D0%92>В</a></li> <li><a href=/directory/index/%D0%93>Г</a></li> <li><a href=/directory/index/%D0%94>Д</a></li> <li><a href=/directory/index/%D0%96>Ж</a></li> <li><a href=/directory/index/%D0%97>З</a></li> <li><a href=/directory/index/%…

    Asked by crash,

    0 votes
    1 answer

  18. Изменение кода на всех страницах сайта

    Применяя на своем сайте css, возможно ли изменив код на одной странице сайта, изменить точно также и на других, не исправляя по отдельности вручную код на каждой странице? И как это сделать?

    Asked by Elisa Day,

    0 votes
    1 answer

  19. PLS. Valign: top

    Помогите выровнять меню по верху есть код ———— <TR> <TD background="***" bgcolor="******"><!--#include virtual="lef.htm" --></TD> ———-- ——-- МЕНЮ lef.htm ———- <div id="v_mnu_01" > <ul> <li><a href="#">Home</a></li> <li><a href="#" class="notopbrdr0xNone">Products</a></li> </ul> </div> </td></tr> —————————- Понятно, что можно вставить valign: top в тег TD, только страниц с кодом ну очень много. Пробовал прописать в CSS TD { valign: top; } не получается.

    Asked by fobs,

    0 votes
    1 answer

  20. Помогите с селект меню

    В общем тут стоит jquery autocomplete, в опере и мозилле нормально работает, но в ИЕ начинает при наборе букв в инпут для автокомплита помещаться еще белое пространство, никто не знает в чем трабл? что-то просидел вечер, не нашел тут

    Asked by fireXXX,

    0 votes
    1 answer

  21. Выпадающее меню со скриптом

    Здравствуйте. Суть проблемы такова: Есть готовое выпадающее меню на CSS и JS, найденное в сети. Переделываю его под себя. Но столкнулся с одной проблемой в ИЕ и опере, которую не могу решить никак. Если здесь ul.menu .menulink { border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(header.gif); /*width:134px*/ } убрать ширину, как мне нужно, то в опере и ИЕ все это добро не совсем красиво выпадает. в FF вроде нормально, но все равно как-то притормаживает. Натолкните на мысль пожалуйста, что можно предпринять. Вот архив с менюшкой, посмотрите, кому не лень:

    Asked by Den,

    0 votes
    1 answer

  22. css : вывод даты в календарном листке

    Здравствуйте ! Мне нужна помощь специалистов. В общем я хочу создать css стиль для вывода даты на календарном листке. Чтобы можно было используя Tiny_Mce быстро ставлять дату создания статьи. Вот что я прописываю в css стиль Так у меня выводится только календарик из images/date.jpg а вот название месяца и даты в нём нет. Для вывода даты и месяца нужно вставлять руками в htlm код статьи этот код Получается такая дада _http://www.weberdev.com/ExampleImages/4622_Image1.jpg А как бы мне сделать css так что бы не надо было вставлять руками код ? Хотелось бы чтобы дата и месяц вставлялись автоматом вместе с календариком при выборе стиля. Такое возможно сделать ? Если да т…

    Asked by gimmi,

    0 votes
    1 answer

  23. HTML формы - отправка?

    Помогите! Как организовать отправку информации из HTML формы на сайте на почту... яделаю следующее <form name="form1" accept-charset="KOI8-R" method="post" action="mailto:ххххх@yandex.ru"> но при этом , в зависимости от браузера, открывается либо ОУТлук с сгенерированным письмов из непонятных символов, либо в браузере начинает открываться "почтовик"... Yandex вообще с пустім письмом..... а нужно чтоб поля заполнили - нажали кнопку - письмо ушло! Как сделать???? Пасибо!

    Asked by cheni,

    0 votes
    1 answer

  24. Flash галерея, ссылка на XML файл.

    Привет, запулил сей код себе на страничку. НО! Надо подключить XML файл сюда (в нём ссылки на изображения), но не знаю, как это сделать. И ещё вопрос: http://maxnimere.my1.ru/photo/ ссылка на эту галерею - будущую. Она у меня в таблице почему-то в горизонтальном выравнивании - слева, а хотелось бы по центру. Код страницы расположен в самом низу. Заранее спасибо. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>My Gallery</title> </head> <style type="text/css"> <!-- body{background: #000000; margin:20px;} div#gallery…

    Asked by sinderman,

    0 votes
    1 answer

  25. Изменить стиль радио кнопки и селекта

    Здравтсвуйте! Скажите, а как изменить стиль радио кнопки, например чтобы кнопка была синей, а точка при выборе желтой? <input type=Radio> И еще: как изменить стиль селекта? <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> Например, поставить свое изображение!

    Asked by help26,

    0 votes
    1 answer

  • Обсуждения

    • 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