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. Как сделать чтобы фон не просвечивал полупрозрачный бордер?

    subj. Вёрстка очень простая, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #test { background-color: red; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); border: 20px solid rgba(0, 0, 0, 0.2); } </style> </head> <body> <div id="test"> DIV </div> </body> </html> вот так она рисуется: Собственно вопрос в том, как сделать чтобы фон не просвечивал …

    Asked by kidar2,

    0 votes
    3 answers

  2. отображение в Googl Chrome

    Привет всем подскажите пожалуста, как убрать не правильное отображение отступа в браузере Googl Chrome Прописал в стилях отступ от элемента, все нормально, отступ есть в гугл хром теперь на этом отступе вида обводка, как убрать данный глюк? Вот ниже прикладую скрин описующий суть проблемы. А вот адрес проблемной страницы Запорожский строительный портал

    Asked by vadimcucherencko,

    0 votes
    3 answers

  3. font-face

    Добры день. Пытаюсь использовать шрифт для сайта кастумный через font-face, однако с кириллицей проблемы. Почему то какие то буквы отображаются кастумным шрифтом, какие то нет. Шрифт использую BauhausCTT Regular Генератор http://www.fontsquirrel.com Подскажите, что не так?

    Asked by delch,

    0 votes
    3 answers

  4. Правильное оформление ссылки

    Здравствуйте! возникла проблемка: яша не индексирует страницы сайта кроме главной (правда сайт молодой) Ссылки в меню поставил таким образом: <a href='/brodilki'><img class='ico' src='{THEME}/images/controller.png'/>Бродилки</a></li> Вопрос в том - обязателен ли слеш после ссылки на раздел сайта в котором размещаются статьи?

    Asked by Leonidk,

    0 votes
    3 answers

  5. ИЕ8 нельзя даже навести на подпункты меню

    в ИЕ8 нельзя даже навести на подпункты меню. Как только с основного пункта убираешь курсор, подменю исчезает. как ето исправить? вот сам сайт http://www.officialbuddyleeblog.com/

    Asked by VioletaMeynell,

    0 votes
    3 answers

  6. onmouseover - Вопрос

    Добрый вечер, возник вопрос по поводу оформления div-блоков. Вот решил изменить навигацию,при наведении мышкой нужный блок, он выделяется цветом. Но код получился громоздкий ... Может кто подскажет как можно сделать с помощью CSS, так как я побывал но выделялась только область ссылки, а не блок целиком. За ранее благодарен. <div class="navigation_menu" onmouseover="this.className='navigation_menu_bg'" onmouseout="this.className='navigation_menu'"><img src="../images/icon_menu/home.gif" width="10" height="10"><a href="/index.php" title="Главная страница сайта"> Главная страница</a></div> <div class="navigation_menu" onmouseover="this.clas…

    Asked by alekcandr,

    0 votes
    3 answers

  7. Прошу посмотреть, куда пропало изображение

    Есть сайт http://molclub.ru/. Там есть лента новостей, под заголовком. Кнопка "влево", блоки, кнопка "вправо". Все float: left;. А кнопки справа не видно. Почему? Лента - .pipe в файле main.css. Готов выписать нужные части, но боюсь, проблема будет как раз вне этих строк. Заранее благодарен.

    Asked by kuraga,

    0 votes
    3 answers

  8. проблема с полосой прокрутки

    Здраствуйте ! У меня возникла проблема , сделал сайт на табличной верстке, но есть один " бок " : у меня широкоформатный монитор и когда заливал информацию на сайт то у меня отображается все отлично , но при открытии на мониторах с меньшим расширением появляется полоса прокрутки ! наблюдается при открытие некоторых страниц , например - http://edem24.ks.ua/gz.html'>http://edem24.ks.ua/gz.html !!!! Ширина в тегах table в процентах !!!!! вот сайт - http://edem24.ks.ua Помогите пожалуйста , как сделать чтоб не было это полосы прокрутки ...

    Asked by Squeez,

    0 votes
    3 answers

  9. Подскажите как реализовать hover

    <div id="menu"> <ul> <li><a href="http://google.ru">Ссылка которая должна менять цвет</a> <div> <ul> <li><a href="http://google.ru">Ссылка из-за которой верхняя должна поменять цвет</a></li> </ul> </div> </li> </ul> </div> Вот меню, при наведении на первую ссылку открывается подменю, которое находится в <div>. Как сделать, чтобы при наведении на ссылки в диве, верхняя ссылка тоже меняла цвет? Вот наглядно, на первом изображении то, что есть, на втором то, что хочу сделать: Подскажите пожалуйста.

    Asked by Motoko Kusanagi,

    0 votes
    3 answers

  10. ИЕ7 position absolute -- не вычисляет ширину внутренего блока

    Добрый день. С толькнулся с одной забавной багой в ИЕ7, не получаеться пофиксить. Есть родительский блок ( position: absolute ) в нем не указана ширина, так как ширина береться от контента. В этом блоке вложен блок, во всех браузерах он растягивается на 100% а в ИЕ7 только по содержимому. Может кто-то с таким сталкивался. Вот черновой код ссылка на пример смотреть в ИЕ7. Удачи.

    Asked by onikserj,

    0 votes
    3 answers

  11. фон для div

    Пытаюсь задать фоновое изображение для шапки через css. Перепробовал массу вариантов, не пойму что не так. Сейчас код выглядит так: HTML <div id="container"> <div id="header"> </div> </div> CSS body { background-color: #fff; font:11px Verdana; } #container { margin: 0 auto; height: auto; min-height: 100%; width: 1260px; position: absolute; } #header { height: 628px; width: 1260px; background: url(..\images\home.jpg) no-repeat; position: relative; }

    Asked by chestr,

    0 votes
    3 answers

  12. @media для ie

    можна ли заставить ие понимать медиа запросы при разработке сайта под разные расширения? <!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> <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> <style> body{ background-color:black} @media screen and (max-width: 650px) { body{background-color:re…

    Asked by dostel1,

    0 votes
    3 answers

  13. Как сделать?

    Подскажите пожалуйста, как сделать так что бы сайдбар-линия(которая обведена на рисунке) автоматически меняла свою высоту при добавлении постов?

    Asked by kaligula,

    0 votes
    3 answers

  14. Помогите прижать "сайтбары" к подвалу....

    Здравствуйте! Помогите прижать "сайтбары" к подвалу. Уже разбил все мозги на части, но так и не понял логики по которой это можно сделать. Казалось нужно просто что то прописать и div так сказать расшириться до "футера", если прописать height: 100% то div уменьшается до размера содержимого в нем, так же если задать конкретный размер например height: 300px то это тоже не является решением. Нужно сделать так чтобы div автоматически определил расстояние до подвала. Вот скрин: А вот HTML (удалил некоторые части для удобства): <body> <div id="wrapper"> <div id="header"></div> <div id="topmenu"></div> <div id="leftsidebar">З…

    Asked by volse6nik,

    0 votes
    3 answers

  15. Приоритет подключаемого css-файла над css, прописанными в коде. Возможно ли?

    Имеем код <table border="1" cellspacing="1" cellpadding="1" width="300" height="200" class="table"> <tbody> <tr align="center"> <td colspan="2"><span style="font-size: x-small;">Характеристики <br /></span></td> </tr> <tr> <td><span style="font-size: x-small;">Длина наибольшая, мм</span></td> <td><span style="font-size: x-small;">2900</span></td> </tr> <tr> <td><span style="font-size: x-small;">Длина кокпита, мм</span></td> <td><span style="font-size: x-small;">2100</span></td> </tr> <tr> <t…

    Asked by goooooch,

    0 votes
    3 answers

  16. Прошу прощения, помогите, пожалуйста)

    Извиняюсь за дубовость, но не могу что-то создать тему в разделе для халявщиков, но мне очень нужно кое-что узнать. Господа Модераторы, перенаправьте тему и подскажите, как задать интересующие меня вопросы. Заранее благодарю. Cкажите, пожалуйста, как сделать чтобы при нажатии на кнопочку текст свыше исчезал, а при повторном клике снова появлялся. Как создать кнопку я знаю...а вот как ИМЕННО нужно воспользоваться событием онклик недопетриваю... хелп ми плиз

    Asked by КАТРИН,

    0 votes
    3 answers

  17. Перенос ссылки на верхнюю строку

    Прошу помощи. Необходимо перенести кнопку "История" на верхнюю строку и соединить с "Отправить". <a onclick="действие" class="sendbutton"></a><a href="ссылка" class="historybutton"></a> A.sendbutton { background-image: url("send.png"); display: block; width: 79px; height: 26px; } A.sendbutton:hover { background-position: 0 -26px; } A.historybutton { background-image: url("history.png"); display: block; width: 80px; height: 26px; } A.historybutton:hover { background-position: 0 -26px; } Результат:

    Asked by Rise,

    0 votes
    3 answers

  18. Подныривание под div'ы с float в IE 7.0

    Уважаемые форумчане, встретился с тем, что в IE 7, div, следующий за дивом со свойством float, не хочет подныривать под впереди идущий. То есть последующий div свойства float не имеет и в других браузерах оказывается под дивом, находящимся впереди него. Что можно придумать для IE 7, чтобы он вел себя в соответствии с пожеланиями консорциума?

    Asked by webmos,

    0 votes
    3 answers

  19. Ошибка валидации

    Помогите разобраться в чем дело. Ниже идет код подобный этому и ошибок не вызывает. <div class="imenu search_button" title="Поиск" onClick="search_onclick();"></div> Решено: onClick исправить на onclick <div class="imenu search_button" title="Поиск" onclick="search_onclick();"></div>

    Asked by Kerny,

    0 votes
    3 answers

  20. Как подрегулировать расстояние между буквами

    Здравствуйте. Возникла такая необходимость. Это возможно с помощью CSS? разобрался - letter-spacing

    Asked by borus,

    0 votes
    3 answers

  21. Нестандартные элементы формы

    Если у меня нестандартные элементы формы, как их вставлять(нужно только направление)? Без JS не обойтись?

    Asked by Анна,

    0 votes
    3 answers

  22. Подсветка родителя при активации потомка

    Возможно ли средствами CSS сделать следующее: Есть меню на wordpress, в первой строке выводятся основные страницы, во второй потомки основных страниц. После клика на ссылке для основной страницы (пункт горизонтального меню), фон меняется на белый. При клике на ссылку страницы потомка (пункт горизонтального подменю), родительской ссылке возвращается фон по умолчанию (не белый). Как сделать, средствами CSS, что бы при выборе потомка цвет фона родительской ссылки оставался без изменения (белый фон родителя)?

    Asked by Vlad777Men,

    0 votes
    3 answers

  23. behavior как бы заставить его работать...

    Доброго времени суток! По просьбе модератора создала новую свеженькую темку Не работает данная приблуда, хоть прибей Сколько на сайтах (разных) не смотрела.... у них всё сказачно. А тут качаешь, прописываешь... и не пашет Пробовала и в корень кидать к индексному файлу, и полный путь прописывать, результат один и тот же... Пробовала также разные скрипты PIE, border-radius.htc... А было бы хорошо, если б заработало. css: #menu .stripNav a.current { display:block; height:28px; border:1px solid #3586b4; background: url(../images/butt_active_c.png) repeat-x top left; border-radius:4px; behavior: url(PIE.htc); /* учим IE border-radius */ } файл лежит в…

    Asked by Anuksanomun,

    0 votes
    3 answers

  24. показать/спрятать значение в инпуте

    Собственно, столкнулся с задачей. Есть инпут типа пароль. Соответственно, чтобы избавиться от дурацкого дублирования, хочу добавить возможность показать то, что спрятано за ••••• Пытался поменять на .js (а именно jquery) значение type="password". Не дается =) Витала идея сделать 2 инпута и показывать их по-очереди, но это костыль плюс корявая реализация полного дублирования из одного в другой. Неправильно. Пробовал гуглить, но ничего толкового не нашел. Посоветуйте, пожалуйста, решение )

    Asked by virus-07,

    0 votes
    3 answers

  25. Проблемы со стилями

    Здравствуйте. Занимаюсь созданием майл рассылки для подписчиков и столкнулся с такой проблемой (пока проверял только на mail.ru и yandex.ru почтах): письмо-рассылка представляет собой сгенерированую страницу с графикой и текстом. Возникла такая ситуация: -при просмотре, допустим на mail.ru, не цепляется css-файл. -не цепляется оформление если цеплять его через атрибут class (решается установкой атрибута id, но только для mail.ru. На yandex.ru приходится у элемента указывать атрибут style) -на yandex.ru происходит следующее: если у элемента было указано свойство background: url(абсолютный адрес изображения), то yandex.ru похоже пытается его закачать себе и добавляет к моем…

    Asked by sviloga,

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