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. css селектор содержимого iframe

    проблема такая: есть страница, к ней подключен css файл, на странице есть iframe в котором отображается xml с подключенной к ней xsl, xsl преобразует xml-ку, допустим, в таблицу. Можно ли из css файла управлять отображением содержимого iframe, в данном случае таблицей? PS и если можно, то как это делать? )

    Asked by WeeklyTea,

    0 votes
    4 answers

  2. Выпадающие меню

    Здраствуйте! Недавно поставил сайт на ВордПресс, но вопрос как бы не столько по ворду, как выпадающему меню. Вот сайт . Посмотрите на меню - оно выпадающие, но проблема в том, что когда нажимаешь к примеру на "Создание", то начинаеться переход на страницу, а мне надо, что бы перехода не было. Просто при наведении чтобы было видно выпадающие подстраницы. Ктото знает как это сделать и в каком вообще виджете? Если надо какойто код предоставить - только скажите. Заранее спасибо!

    Asked by Shader,

    0 votes
    9 answers

  3. сполер "[+]Подробнее"

    Утро доброе! Такой вопрос - есть скрипт которой скрывает нужный текст и при нажатии на (в моем) случае "+" открывает. Только вот проблемка, при открытии страницы, все вкладки на + уже открыты, а как сделать чтобы они изначально были все закрыты? ах да , сам скрипт и кусок текста - <script langauge="JavaScript" type="text/javascript"> function doMenu(item) { obj=document.getElementById(item); col=document.getElementById("x" + item); if (obj.style.display=="none") { obj.style.display="block"; col.innerHTML="[-]"; } else { obj.style.display="none"; col.innerHTML="[+]"; } } </script> <a href="JavaScript:doMenu('main');" id=xmain>[+]</a&gt…

    Asked by Torvin,

    0 votes
    5 answers

  4. Вставка flash

    Совсем замылился глаз — помогите! Есть http://test.bredova.ru/ — перевод на русский, с http://mcltek.com/ Уперлась в то, что ставлю flash, точь в точь как там. А он почему-то не в масштабе 100% Я уже все перерыла… не могу понять Может кто свежим взглядом увидит в чем дело?

    Asked by Bredova,

    0 votes
    2 answers

  5. Улучшение вида сайта без CSS. Возможно?

    Для нашей работы заказали мы простенький сайт.Шапка+Новости+Меню(4 вкладки). Никаких проблем: сайт создан, простой , на мой взгляд в меру симпатичный. Но в силу специфики работы (научно-производственная, постоянно изменяется)заполнять его решили сами. Рисунки, текст и прочая специфичная тематика. Пользуюсь CMS, доступ к которой был дан разрабами (Вроде клон TinyMCE). Пытаюсь разнообразить содержимое.Но <head> в редакторах html этой CMS закрыт от моего доступа. Подгружать файлы можно лишь -рисунки, видео, пдф и архивы. Css прописанное в теле не сохраняется, только лишь javascript и html. На просьбу разрешить загрузку других расширений разрабы обосновали, тем "чтоб…

    Asked by sas1555,

    0 votes
    10 answers

  6. проблема при размещении рисунков

    Добрый день! Возникла проблем при вставке 2-х изображений в ячейку таблицы. Нужно чтобы одно отступало сверху-слева на 10 пикселей, а другое было прижато вправо-вниз ячейки. Пытаюсь использовать такой код <td colspan="2" rowspan="2" ><img src="tel.gif" style="float:left;margin-right:100px" alt="" /><img src="drevo.gif" style="padding-right:0px; padding-bottom:0px" alt="drevo" /></td> не помогает. Заранее благодарю за совет)

    Asked by ilya111,

    0 votes
    2 answers

  7. Чистый URL индексной страницы

    Добрый день, дорогие пользователи форума htmlbook, хотел бы узнать технически правильное название того действия, что я хочу совершить для последующего поиска в гугле. Допустим, есть сайт example.com . Индексная страница данного сайта не должна отображаться как example.com/index.html, а должна иметь адрес самого домена, то бишь6 example.com. То есть печатаете вы в адресной строке "example.com", жмёте ENTER и попадаете на HTML-страницу, с исходным URL: example.com Надеюсь, что выражаюсь предельно ясно. Помогите, пожалуйста. С уважением, Юджин

    Asked by Eu-Le,

    0 votes
    6 answers

  8. Резиновая шапка с картинкой

    Здравствуйте. Есть резиновый сайт. У него есть резиновая шапка. Шапка состоит из 2-х частей. Левая с логотипом имеет фиксированный размер, её не трогаем. Правая же часть шапки должна тянуться под текущий размер окна. Проблема заключается в том, что эту часть шапки целиком должна занимать картинка. Картинка имеет размер примерно в 500пкс, её спокойно можно повторять в шапке. Однако если сделать повторение свойством css repeat-x, то в броузере появляется горизонатльная прокрутка. Есть ли способы не показывать полосу горизональной прокрутки, показывая картинку под обрез? Overflow-x позволяет не показывать ту часть картинки, которая не помещается, но этот вариант мне не подх…

    Asked by sptica,

    0 votes
    3 answers

  9. Плотное размещение изображений

    Добрый день. Возникла проблема при верстке. Как сделать чтобы все изображения плотно прилегали друг к другу? Для каждого изображения используется класс <div class=gallery-thumb"> Заранее спасибо за ответ

    Asked by sergeyvolk,

    0 votes
    13 answers

  10. HTML5 + правильная разметка документа

    Давайте возьмём за основу самый простой схематический макет: И так имеем: Шапка. Содержится в теге <header> Контентная часть. Содержится в теге <article> Боковая панель. Сожержится в теге <aside> Ну и по логике вещей всё это дело можно положить в <section> ? Или же контент должен хранится в <section> а <aside> уже будет к нему как второстепенный блок? Как правильно?

    Asked by klierik,

    0 votes
    4 answers

  11. Маркер в тексте

    Доброго времени суток форумчане. Нужна помощь в решении одной задачки. И так, текст в начале которого стоит маркер (1. 2. 3. 4.)и т.д нужно сделать так, что бы текст полностью обтекал эти маркеры. Т.е что бы вторая и последующие строки не залазели под маркер. Списки не подходят. Заранее спасибо.

    Asked by yujin11,

    0 votes
    7 answers

  12. Можно ли перенести готовый сайт на CMS

    Полтора года назад я сделала сайт. Тогда я еще не знала о существовании CMS, поэтому сайт делала вручную в Блокноте. Сначала сайт был не большим, в нем было 35 страниц, но со временем сайт разросся, сейчас на нем больше 200 страниц и управлять им стало трудно. Можно ли этот сайт перенести на CMS? Сайт простой, написан на HTML, на нем установлено несколько java-скриптов.

    Asked by anna-2011,

    0 votes
    4 answers

  13. html5 + <nav>

    Источник: http://htmlbook.ru/html5/semantics Раздел: Навигация В статье указан пример навигации в HTML5: <nav> <div id="nav"> <ul> <li><a href="#">главная</a></li> <li><a href="#">блог</a></li> <li><a href="#">галерея</a></li> <li><a href="#">обо мне</a></li> </ul> </div> </nav> и прочитав этот код возник вопрос: А разве так нельзя? <nav id="nav"> <ul> <li><a href="#">главная</a></li> <li><a href="#">блог</a></li> <li><a href="#">галерея</a></li> <li>&…

    Asked by klierik,

    0 votes
    3 answers

  14. HTML в порядок

    Ребят, нужна помощь в редактировании простого хтмл кода с табличной вёрсткой. <table style="width: 100%; background: #a3a3a3;" border="0"><tr> <td><a href="http://fotki.yandex.ru/users/akayuki/"><img src="http://img-fotki.yandex.ru/get/5907/34248199.69/0_5cc95_583ee5ab_XXL.jpg" alt="" width="100%"></a></td> <td width="150px" style="float: right; padding-top: 30px;"><center><a href="http://blogs.yandex.ru/button/?id=7501666&type=rating"><img src="http://button.blogs.yandex.net/16/66/7501666-rating-white-male.gif" border="0" alt="Рейтинг блогов" width="80" height="15"></a> <img src="http://butto…

    Asked by Allarion,

    0 votes
    7 answers

  15. Посоветуйте крутилку для баннеров

    Посоветуйте какую-нибудь хорошую крутилку для баннеров.

    Asked by anna-2011,

    0 votes
    7 answers

  16. Изменить цвет части текста в input

    Подскажите, пожалуйста, решение такой вот задачи. Необходимо, чтобы *(звездочка) в input и select была красная, а текст серым. Изображение по ссылке. http://saveimg.ru/show-image.php?id=050ad0f3f9e4d4394689515ac6357295 Вот код: <form> <select size="1"> <option>*State</option> <option>USA</option> <option>RU</option> </select> <input class="short text" type="text" value="*Zip Code" onfocus="if (this.value=='*Zip Code') this.value='';" onblur="if (this.value==''){this.value='*Zip Code'}" /> </form>

    Asked by behapy,

    0 votes
    6 answers

  17. горизонтальное выравнивание <div> внутри <div>

    Нагуглил много тем с похожими обсуждениями, но в моём случае никак не получается. Код, который генерит php примерно такой: <td colspan="5" width="707" align="center"> <div id="container"> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> </div> CSS: #container { width: 705px; text-align: center; border: 1px solid black; overflow: auto; margin: 0px; } #leftcol { width: 200px; height: 200px; float: left; color: white; background: #8d7588; …

    Asked by terrrible,

    0 votes
    20 answers

  18. Окно с прокруткой

    Уважаемые спецы WEB строительства, подскажите пожалуйста, как сделать, в adobe dreamweaver, фиксированное окно с прокруткой по вертикали, что бы текст прокручивался внутри окна в HTML сайте. Мне нужно как здесь... Может кто ни будь даст ссылку на урок, как такое окно сделать в HTML при помощи adobe dreamweaver.

    Asked by Vladimir_K,

    0 votes
    6 answers

  19. Сокращение кода

    У меня такая проблема написал сайт вручную на html и сss есть div для новостей. Приходится менять информации на всех страницах сайта вручную Можно ли создать файл только с div новостным и вставить ссылку на каждом странице на этот фаил. Для того чтобы изменять сайт в 2 клика? Заранее спасибо

    Asked by Select,

    0 votes
    4 answers

  20. дополнительный отступ в 1 пиксель справа в опере

    Добрый день! Верстаю таблицами. В опере появляется дополнительный отступ в 1 пиксель справа по всей высоте сайта. Мешает сильно, так как таже шапка к примеру вылазит слева на задний фон сайта на этот 1 пиксель. Может кто подскажет в чём проблема?

    Asked by bosega,

    0 votes
    7 answers

  21. Шаблон из joomla в smarty

    Всем привет. Есть такой вопрос. Имеется шаблон сверстанный в joomla через <div>/css. И есть движок в котором шаблон создан через smarty - в .tpl-ях. В тех .tpl куча smarty-кода да и еще в табличной верстке. Приведу немного кода: <body style="margin: 0px;" onload="get_parseGET(); InComparisonList();{if (($data.user_type eq 2 || ($data.user_type eq 3 && $data.agency_approve eq 1)) && $data.id_country && $data.in_base && $use_maps_in_account)||($use_maps_in_viewprofile && $profile.country_name && $view eq 'general' && (($registered eq 1 && $group_type eq 1) || ($registered eq 1 && $contact_for…

    Asked by atosdo,

    0 votes
    2 answers

  22. Атрибут hashstring и hashtype у тега a

    На сайте http://wikimart.ru/ увидел интересный способ создания ссылки. Ссылка в HTML-коде создаётся так: <a href="#" hashString="21d1830fcc954f2376a6e685cf9e0e38" hashType="href">Выбрать подарок</a> Кто-нибудь знает, что это за технология такая и зачем она здесь применяется? Нагуглить у меня ничего не получилось. Технология или какая-то новая или малоизвестная, но все браузеры её понимают (IE7 понимает, IE6 не тестировал). Подскажите, где в официальных стандартах про эти атрибуты рассказывается.

    Asked by clavin,

    0 votes
    2 answers

  23. Как в ИЕ6 флоальнутым блоком растянуть контейнер, у которого overflow: hidden?

    Приветствую верстальщиков! Необходима ваша помощь. Не знаю, как заставить в IE6 растянуться контейнер, в котором лежит прифлоаченный бокс с содержимым. Вот схематически показываю ситуацию: HTML: <body> <div class="wrapper"> <div class="column">Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст</div> </div> </body> CSS: html, body { margin: 0; height: 100%; } .wrapper { background: #CCC; overflow: hidden; min-height: 50%; position: relative; } * html .wrapper { height: 50%; } .column { background: #FF9; width: 200px; float: left; padding-botto…

    Asked by Torm,

    0 votes
    6 answers

  24. Пошагово растягивающаяся таблица

    Приветствую. Есть таблица в три столбика, первый и третий фиксированы по ширине, средний резиновый. В среднем столбце - плавающие блоки (float:left). Этих самых блоков допустим 10 штук. В зависимости от разрешения экрана в средний столбец влазит разное количество блоков. Проблема в том, что средний столбец растягивается на максимально возможую ширину, а хотелось бы, чтобы его ширина равнялась минимально возможной, но вмещала максимальное количество блоков. На данный момент решено с помощью JS, но хотелось бы решение поизящнее. Если непонятно изложено, позже будут картинки. ЗЫ Не слишком силен в верстке, сильно не пинайте)) кстати код: <html> <head> <style…

    Asked by bacca,

    0 votes
    4 answers

  25. Теги em и i в различных браузерах.

    Здравствуйте. Столкнулся со следующей проблемой: нужно выделить текст курсивом (я использую тег em, хотя с i то же самое); к этому тегу применяется шрифт, который с "font-weight: normal" уже является курсивом (PFDinDisplayProLightItalic). Так вот, несмотря на то, что в свойствах тега (em/i) установлен параметр "font-weight: normal", некоторые браузеры (ff 4+ и Safari) принудительно применяют к тексту курсив, в результате чего курсивный шрифт наклоняется ещё сильнее. Как бы отключить этот принудительный курсив?

    Asked by Wak,

    0 votes
    6 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