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. Хелп Не могу решить задачу ))

    Добрый день всем , подскажите пожалуйста , целый день ломаю голову и ничего не получалается , суть проблемы: http://my.jetscreenshot.com/19320/20131023-4ln5-42kb есть два списка , первый это список с картинкой , второй список ниже с названием , при наведении на название выделяется область ссылки , и красится в красный цвет. 1.Как сделать чтобы при наведении на название красилось еще и в красный цвет рамка сверху списка картинки. 2.как сделать чтобы при наведении убиралась прозрачность и появлялся просто красный цвет (прозрачности добился с помощь opacity) спасибо! 3.текст я поместил в спан , не могу добиться того чтобы он ушел на пару пикселей ниже , а если пытаюсь сдвину…

    Asked by yogg,

    0 votes
    2 answers

  2. хелп с блоком!

    пытаюсь написать скрипт всплывающего блока с затемнением фона затемне ние фона сделал а вот блок хотяб просто создать нполучается! вот код хтмл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css" > <title>Документ без названия</title> </head> <body> <div id="blok"></div> <div id="dv"></div> <div id="page"> <div id="header"> <img src="all/images/cyber-war-photo-2.jpg" class="header" / …

    Asked by cyber_ua,

    0 votes
    0 answers

  3. Хелп с шаблоном plz

    В общем нужен такой шаблон , header - фикс высота , резиновая ширина footer - фикс высота , резиновая ширина left - фикс ширина , резиновая высота right - фикс ширина , резиновая высота center - абсолютом , но чтобы незалазил на вс? остальное ... у кого есть выкиньте пожалуста ...

    Asked by mOnYa,

    0 votes
    4 answers

  4. Хелп Слайдер наезжает на меню

    Макет резиновый при минимальном разрешении, всплывающее меню кофликтует со слайдером, как сделать так, чтобы меню было поверх него. Заранее благодарю за помощь.

    Asked by Арт,

    0 votes
    3 answers

  5. ХЕЛП: проблема с простейшей таблицей в ФФ.

    Всем привет! Ребят помогите, плз. Проблема во вставке разноразмерных картинок в табло с объединенными ячейками. Может глаз замылился, но я уже ее и так и эдак - бесполезно. Хотя, ну, что тут три строчки простейшего кода. В ФФ - она вглядит вот так картинка в ФФ А должно собственно вот так вот, как в ИЕ картинка в ИЕ <table> <tr> <td rowspan="3"><img id="fock" src="img/pLiving.gif" /></td> <td><p>Кухня</p><a id="aprtmnt1" href="apartments1.html"><img src="img/kitchen.gif" /></a></td> </tr> <tr> <td ><p>Ванная</p><img src="img/bathroom.gif" /></td>…

    Asked by eezzaa,

    0 votes
    3 answers

  6. ХЕЛП! В Мозиле иероглифы!

    сайт написан в html при открытии его в minefield русский шрифт отображается как иероглифы. что делать?

    Asked by SLY87,

    0 votes
    1 answer

  7. Хелп! помощь с нестандартным меню

    Доброго времени =) Попалось вот такое меню. Шрифт нестандартные и поворот текста наискосок =/ Посоветуйте как можно решить проблему?

    Asked by smog,

    0 votes
    1 answer

  8. ХЕЛП!!! Flash видео при прокрутке "заезжает" на фиксированный элемент!

    Сделал страницу с фиксированным (position:fixed) положением хедера, ниже, в контенте, по средствам Dreamweaver'а вставлено флеш видео. Когда начинаешь прокручивать контент в IE6 и в Oper'е, это видео "заезжает" на хедер, а не под него! Что делать? Код в шапке страницы: <script type="text/javascript"> function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave F…

    Asked by mozart,

    0 votes
    4 answers

  9. Хештег в адресе страницы

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

    Asked by Морская улиточка,

    0 votes
    2 answers

  10. Хитрая форма - "выбрать или ввести".

    Добрый день! Необходимо создать форму, в которой будет на выбор предоставлено несколько вариантов ответа, которые я делаю через , но также необходимо добавить вариант, в котором пользователь введет свой ответ, и как это сделать я не могу придумать! Есть ли решение? Спасибо!

    Asked by Alexey Menshikov,

    0 votes
    8 answers

  11. Хитро убрать pointer-events со ссылки и вернуть обратно

    Добрый день. Такая задача. В оформлении текста используются невидимые блоки - span.show-on-hover, где color = background-color и где color становится контрастным по .show-on-hover:hover. Вместе с текстом прячутся ссылки и показываются по .show-on-hover:hover a. Всплыла проблема с мобильными пользователями. Чтобы увидеть текст блока, они в него тыкают. Порой они ненароком попадают в невидимую ссылку и тотчас переходят по ней. Нужно чтобы по ссылке невозможно было перейти с первого тапа, первый тап должен только кинуть :hover на .show-on-hover, и только вторым тапом можно тапнуть по ссылке. При этом для пользователей компьютеров все должно быть по-прежнему, никаки…

    Asked by 7ion,

    0 votes
    6 answers

  12. Хитрое выравнивание

    <div> <div style="display:inline">Этот div должен быть выровнен по левому краю</div> <div style="display:inline">Этот div должен быть выровнен по правому краю</div> </div> <!--и все это должно находиться на одной строке без переносов-->

    Asked by nim_cch,

    0 votes
    19 answers

  13. Хитрое выравнивание

    В ячейке таблицы стоит vertical-align: top; Но один div находящийся в этой ячейке нужно выровнять по нижнему краю ячейки. Как это сделать?

    Asked by Shift,

    0 votes
    4 answers

  14. Хитрое меню

    ребят, вот дизайнер нарисовал, голову сломал как верстануть меню слева. Центр фиксировано 1024 выделено красными линями, а слева меню ещё тянется фоном.

    Asked by okunev2,

    0 votes
    3 answers

  15. Хитрое форматирвоание

    Можно ли так задать параметры тегаов <P>, <LI>, <H1/2/3...>, чтобы после вывода браузер не добавлял перевода строки? А просто следующий текст показывал с той же строки? Я понятно обьяснил?

    Asked by кэп,

    0 votes
    6 answers

  16. Хитрые колонки. Планшетофобия или поиск идеала

    Доброго времени суток, уважаемые форумчане! Есть у меня проблема, которую, как мне кажется, можно решить легко, но я уже слишком погрузился и не вижу очевидного, поэтому прошу совета у вас. Есть у меня макет, положил в миниатюры. Суть его в том, что материалы в нем бесконечные, будут подгружаться, но это другая песня. Сверстаны они вот так: <div class="section group"> <div class="col span_1_of_3"> <div class="postbox"> Пост номер один </div> <div class="postbox"> Пост номер четыре </div> </div><!-- Closing tag: .col--> <div class="col span_1_of_3"> <div class="postbox"> Пост номер два </div> <div cla…

    Asked by Diasouls,

    0 votes
    8 answers

  17. Хитрый position: fixed

    Привет. Стоит задача разобраться, реализовать нечто подобное как у яндекс-музыки: http://music.yandex.ru/ Дизайн сайта представляет 4 блока: 1. верхний - шапка 233px; 2. меню под шапкой 30px; 3. контент height:100%; 4. подвал height:50px; Надо сделать div блок под меню сайта с фиксированным позиционированием, но что бы он прокручивался до top:0px; и в топе фиксировался при дальнейшей прокрутке (position:fixed;), а в случае если страничку прокручивают обратно вверх, то меню сдвигалось с поправкой на шапку, что то вроде (position:absolute; top:233px;) Всю голову сломал, выручите, кто в теме... Не обязательно так изворачиваться, возможно есть выход альтернативный, по типу m…

    Asked by Nushaba,

    0 votes
    32 answers

  18. Хитрый фон из нескольких картинок на DIV

    Здравствуйте уважаемые. У меня такая проблема... есть очень хитрый фон состоящий аж из 6 картинок(для резиновости) если использовать по старинке таблички то никаких проблем нет, но фон слишком большой поэтому нужны дивы... а вот с дивами разобраться не могу. Вот как это выглядит в табличках. HTML <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="l_up"> </td> <td class="c_up"> </td> <td class="r_up"> </td> </tr> <tr> <td class="cc"> </td> <td class="cc"> </td> <td class="cc"> </td> </tr> <tr> <td class="l_dwn"> </td> &…

    Asked by Wormaster,

    0 votes
    31 answers

  19. хлебные крошки

    Привет! Встретил пример верстки хлебных крошек: http://jsfiddle.net/DPWe9/45/ но никак не могу понять как же формируется сам треугольник. Это не картинка, мы не вращаем блоки, как он формируется?

    Asked by doremidoredo,

    0 votes
    3 answers

  20. ховер для картинки

    Подскажите, пожалуйста ,как сделать что бы картинка при наведении мишки затемнялось ? https://jsfiddle.net/WebVerstka/eyy6xxdf/1/

    Asked by web-verstka,

    0 votes
    2 answers

  21. Ховер на баттон в IE6

    Проблема с ховером на баттоне Submit в IE6, как это можно решить и решается ли чистым стилем, или хаками в стилях. Знаю что это можно реализовать на JS, но мне это не подходит нужно не используя JS мой код что бы было понятнее что я имею введу <style type="text/css"> .sbtn{ border:0px; background:url(inputBtn.gif) no-repeat; color:#FFFFFF; width:100px; height:46px; } .sbtn:hover{ background:url(inputBtnSubmit.gif) no-repeat; } </style> <body> <form id="form1" method="post" action=""> <p> <input type="text" name="textfield" id="textfield" /> <input type="text" name="textfield2" id="textfield2" /> <input type…

    Asked by AlexKon,

    0 votes
    3 answers

  22. Ховер на несколько объектов

    нужно сделать что бы ховеры на тесте и маркере сробатывали одновременно, как это можно реализовать? http://jsfiddle.net/8b8afr84/

    Asked by kemston,

    0 votes
    2 answers

  23. холочу что бы правильно отображался текст

    ребята привет есть пару надписей на странице ... написанно тестом Futura LighC, но так как в этом шрифте буква R не красивая, я заменил ее написал ее другим шрифтом AGA valache C .. вс пока готов в фотошопе - макет страницы.. ВОПРОС: - если у человека который зашел на эту сраницу нету такого шрифта, как оно отобразится ? - как сделать так что бы если даже нету шрифта, оно показывало так как я задал ? спасибо за ответ

    Asked by korchak,

    0 votes
    52 answers

  24. Хорошая ли книга?

    Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)

    Asked by ToxaGAV,

    0 votes
    0 answers

  25. Хорошая ли книга?

    Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)

    Asked by ToxaGAV,

    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