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. Не срабатывает height

    Не могу понять в чём дело,вроде,всё правильно,помогите,пожалуйста Html <table border='1' align='left' cellspacing='0' cellpadding='0'> <tr height='6px'> <td><img src='images/ugol_left_top.png'></td> <td class='menu'></td> <td><img src='images/ugol_right_top.png'></td> </tr> </table> CSS td.menu{ background-color:#03072c; width:100px; height:6px;}

    Asked by IrkaLulka,

    0 votes
    39 answers

  2. Подключение шрифтов к сайту. Кириллица.

    Покопался в интернете, научился подключать шрифты. Но возникло несколько вопросов. Во-первых, нужно подключать два файла шрифта (один для мазилы, другой для оперы, к примеру) - это обязательно? Потому что встретил сервис от Гугла по подключению внешних шрифтов, там указывается только путь загрузки шрифта с сервера Гугл. На гугле тоже подразумевается два файла? Отсюда вытекает вопрос о времени загрузки. Так как тот шрифт, который я хочу весит 150 килобайт, а два файла соответственно 300 килобайт - много. Можно ли как то ужать вес шрифта? Хотел бы услышать разные советы по шрифтоподключению. Заранее благодарен.

    Asked by LBM,

    0 votes
    1 answer

  3. Подсвечивание строки при клике курсора

    Необходимо сделать подсвечивание строки при клике курсора без скриптов при помощи css. Я много гуглил, но ничего не нашел (или не умею искать ) Вот пример что я хочу сделать, но там есть скрипт Как только не побывал изощряться, сделал #des tbody tr:active td { Она работает при клике, но убирается... Надеюсь ясно выразил свой вопрос

    Asked by SLameN,

    0 votes
    9 answers

  4. Вход на сайт

    Здраствуйте! У меня есть такая проблемка: Мне нужно реализовать вход на сайт, то есть открываешь сайт http://www.site.com и перед тобой кнопка вход, нажимаешь и ты подадаеш на сайт, тот же домен http://www.site.com Может чтото подскажите? Спасибо, Андрей!

    Asked by Vendetta-V,

    0 votes
    12 answers

  5. Проблема с FireFox

    В общем проблема в следующем. Сделал меню сайта во вкладках (взял код с шаблона wordpress). Во всех браузерах работает замечательно кроме FireFox. Вот на скрине пример того как должно выглядить меню в ФФ _http://savepic.org/2278978.jpg, а показывает она сейчас вот так _http://savepic.ru/3101406.jpg. Не могу понять в чем может быть проблема. В javascript'е нет проблем, потому как я удалил вообще всю яву, а проблема осталась той же. Скорее всего проблема в CSS HTML код меню <ul id="tabs" class="tabs"> <li><a href="#" rel="tab1" class="selected">Меню 1</a></li> <li><a href="#" rel="tab2" >Меню 2</a></li> <div id="t…

    Asked by Scorpio2011,

    0 votes
    1 answer

  6. Разное отображение шрифта в ИЕ/Хроме и Опере/Фаерфоксе

    Доброго времени суток. Возникла следующая проблема. Например, есть CSS вроде такого: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>font</title> <style type="text/css"> .layer1 { font: 16pt Arial; } .layer2{ font: 16pt Symbol; } </style> </head> <body> <div class="layer1">Example1</div> <div class="layer2">Example2</div> </body> </html> И так он отображается (слева - Опера 11, Firefox 6; справа - Хром 13, ИЕ 6 (вечером другие ИЕ гляну, сейчас нет под рукой)): Шрифт Symbol в системе установлен. Собств…

    Asked by Varro,

    0 votes
    0 answers

  7. сужение окна...

    Добрый день! Друзья подскажите,пожалуйста,как пофиксить:при сужении окна правый блок наезжает на контент,а потом и во-все всё разваливается... шаблон выглядит: враппер>>шапка>>левый блок(флоат лефт,ширина фикс.)>>правый блок(флоат райт,ширина фикс)>>контент>>подвал

    Asked by milkeyway,

    0 votes
    5 answers

  8. CSS. font-size: 24px/30px

    На одном сайте в коде встретил строку font: normal 24px/30px Arial; Что может значить указание размера шрифта через слеш? в стандарте такого не нашел, это какой-то хак?

    Asked by Razor,

    0 votes
    1 answer

  9. Проблема в расположении.

    Всем доброго времени суток! Возникла проблема при верстке. Пример: http://a.yfrog.com/img863/3923/ytrb.jpg Не знаю, как правильно расположить элементы. Думал, что два элемента сделать блоками. Указать им рамку с бордер-радиусом, а сверху наложить белый див (Про покупку и регистрацию). Тогда как расположить те элементы, что слева? Получается, мы на них слоем наложим блоки, верно? Их взять тоже в блок? Или как вообще лучше сделать, дайте совет, пожалуйста. Заранее спасибо.

    Asked by Sedacove,

    0 votes
    6 answers

  10. Кликабельная иконка справа сайта

    Добрый день добрые люди. У меня появилась неприятная проблема. Мне нужно сделать справа сайта иконку для перехода на английскую версию сайта. Я использую следующий код: <a href="http://parohia.md/en/" align="right"><img src="http://parohia.md/en/wp-content/themes/biserica_WP/images/Romania.png" align="right" width="50" height="50" style="padding-top:10px; padding-right:10px"></a> Но из за того что я поставил картинке align="right" она становится некликабельной. Как только ставлю её в див она смещает сайт вниз (следующие дивы). <div align="right"> <a href="http://parohia.md/en/" align="right"><img src="http://www.saprgrazia.com/gb.png" w…

    Asked by RetroGT,

    0 votes
    8 answers

  11. бажок

    http://htmlbook.ru/layout/fiksirovannyy-podval 2 пример для ие6 смотрите)) подвал не полностю прилягает к низу страници если много контента в #content внизу страници видны части текста !!

    Asked by bot87,

    0 votes
    3 answers

  12. box-shadow на старых браузерах

    box-shadow на старых браузерах не работает (вот, если со зрением все ок то видно отлично полупрозрачный "бордер" http://xn--8-mtbvk1b.in.ua/) как сделать ему замену на старых браузерах? так как они ничего не показуют и это портит диз сайта +++++++++++++++++++++++++++++ Просто мне с ним ещё в соревнованиях участвовать а та нужна поддержка старых арбузеров

    Asked by T@NKIST,

    0 votes
    2 answers

  13. Масштабируемый бэкграунд с сохранением пропорций изображения

    Всем здравствуйте. Хочется поставить фотографию в качестве масштабируемого бэкграунда с сохраняющимися пропорциями изображения (без искажения) на всю ширину и высоту экрана монитора без прокрутки. Реализация по средствам html css, при этом обойтись без всяких скриптов. Пример сайта, который сделан так: http://firefly-photography.co.uk/ Протестировал его в разных браузерах при разных разрешениях мониторов - все отлично работает. Как добиться такого пропорционального масштабирования изображения? Всем заранее спасибо!

    Asked by Джиган,

    0 votes
    1 answer

  14. Представление совместимости в IE

    Понимаю, что тема в каком-то смысле затасканная, но все-таки... Короче, к теме. Написал сайт, в лисе и опере всё ок. В ИЕ в отсутствие Доктайпа лажа, добавил Доктайп стало всё нормально. НО! Зашел позже с другого компа в ИЕ и увидел опять лажу. Оказалось, что в настройках браузера стоит галочка "Представление совместимости". Получается, если эта галочка стоит, даже Доктайп не помогает. В связи с этим 2 вопроса: 1.почему не действует в таком случае доктайп (ведь это прямое указание, в соответствие с каким стандартом представлять результат на странице)? 2.как с этим бороться? Человек, которому я делал сайт, об особенностях настроек слышать ничего не хочет, считая, что в люб…

    Asked by ListOFF,

    0 votes
    5 answers

  15. Оформление цитат

    Нужно левую кавычку поднять чуть выше. Если задаю картинке отрицательный отступ, то ничего хорошего не выходит. Добавить сверху padding (по аналогии с закрывающей кавычкой) не дает результата - картинка пропадает за контент боксом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> blockquote{ width:400px; padding:0 20px 0 0; text-indent:-16px; background:#ebebeb url(right_quotes.png) no-repeat 100% 100%; } blockquote:first-letter{ padding-left:16px; background:url(left_quotes.png) no-repeat 0 -5px; } </style> </head> <body> <blockquote>Главная идея книг…

    Asked by bob_24,

    0 votes
    5 answers

  16. Выпадающий список с поиском.

    Срочно понадобилась такая фича- пользователь кликает по текстовому полю, появляется выпадающий список с опциями. Пользователь может прокрутить список и выбрать нужную ему опцию или начать вводить название опции тем самым уменьшая количество вариантов, что бы не прокручивать и не искать в здоровенном списке нужное значение. Кто нибудь знает плагин реализующий подобную функциональность на JQuery?

    Asked by Titansword,

    0 votes
    3 answers

  17. Горизонтальная прокрутка

    Доброго времени суток. Проблема такова, при сворачивании браузера, имеется ввиду "Свернуть в окно", на сайт не появляются горизонтальная полоса прокрутки, читал, не нашел где и каким образом это можно поменять, жду помощи от вас.

    Asked by Ichy,

    0 votes
    7 answers

  18. Помогите поровнять

    Друзья, что я делаю не так? .catwrap { display: inline-block; width: 320px; height: 290px; padding: 5px; } .category { margin: 0 0 0 10px; width: 200px; } h2.category { padding-top: 5px; padding-left: 10px; padding-bottom: 5px; background: #F90; background-image:url(<?php bloginfo('url'); ?>/wp-content/themes/build/images/h2side.jpg); background-position:top; position:relative; top:0px; left:0px; } .catlist { position:relative; top:-10px; width: 280px; height: 200px; border: #F90 solid 1px; margin: 10px; padding:5px; } Получаю А хотелось бы чтобы блоки стояли ровно (как в табличке, т.е. "Покер" и "Полезно знать" должны стоять на одной линии…

    Asked by kentastik,

    0 votes
    2 answers

  19. Реализовать динамическую форму

    Есть таблица порядка 100 строк. Нужно чтобы по щелчку на строке таблица разделялась и под строкой появлялась форма. Соответственно в запросе формы имеет значение та строка под которой она открылась. Подскажите в какую сторону копать ?

    Asked by Seretyr,

    0 votes
    2 answers

  20. Выравнивание изображений

    Здравствуйте. Есть список ul, также изображения около каждого пункта, которые появляются при наведении курсора на пункт. Ниже css и список. div.firmwares ul li { position: relative; } div.firmwares ul li img { display: none; position: absolute; top: 0; border: 1px solid #228B22; left: 40%; } div.firmwares ul li:hover img { display: block; } <ul id="se"> <li><a src="/se_c510">Aino</a><img src="img/se/Aino.png" /></li> <li><a>C510<img src="img/se/c510.png" /></li> <li><a>C702<img src="img/se/c702.png" /></li> <li><a>C902<img src="img/se/c902.png" /></li> …

    Asked by Jonathan,

    0 votes
    6 answers

  21. Проблема с сайтом

    Есть сайт http://www.vms-print.ru/ (CMS Joomla 1.5) Проблема: На локальной машине (Денвер) создал шаблон, оптимизировал его в браузерах Opera, FireFox, Chrome, Safari. При переносе на хостинг появился отступ с верху во всех браузерах кроме Opera, а так же в FireFox перестала работать border. Сначало грешил на хостинг) Залил не бесплатный, результат: отступ везде, в FireFox border не работает, в остальных норм. В чём может быть проблема? HTML <?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!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/…

    Asked by Demoni,

    0 votes
    9 answers

  22. Картинки в html5

    Нашел статью "Векторные иконки на HTML5 + JS" Там приведен код: paper.path(<код иконки>).attr({fill: "#000", stroke: "none"}); Есть коды различных иконок и js файл с http://raphaeljs.com/ Но в итоге ничего не выходит. По сути нужно в разных местах на странице (в большом количестве) напихать иконок (в основном в таблицу). Помогите пожалуйста. Сам в js не разбираюсь, а html5 в процессе освоения.

    Asked by Ururu,

    0 votes
    3 answers

  23. Иконки в выпадающем меню

    Есть выпадающее вниз меню и хотел слева от каждого пункта воткнуть маленькую иконку. Помогите плиз! Не получается! <form name="form" id="form"> <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)"> <option>Родители</option> <option>Дети</option> <option>Внуки</option> </select> </form>

    Asked by voproskin,

    0 votes
    1 answer

  24. Как такое сделать?

    Привет всем! Вот делаю свой сайт на ВП и там пхп, который я еще не совсем гуд понимаю. Дело в том чтобы в выпадающем меню, нада сделать много пунктов (в ширину) Вот само меню Вот отгрызок из пхп <div class="header-menu"> <?php wp_nav_menu( array('fallback_cb' => 'blue_and_grey_page_menu', 'menu' => 'primary', 'depth' => '3', 'theme_location' => 'primary', 'link_before' => '<span><span>', 'link_after' => '</span></span>') ); ?> </div> А вот из ксс. Пробовал менять стили, но даже увеличив ширину понял, что если написать пять слов ширину, они всеровно будут одной ссылкой, так что надо менять пхп отгрызок, но я н…

    Asked by Shader,

    0 votes
    2 answers

  25. ширина блоков в ie7

    помогите пожалуйста понять почему 2 колонки этой страницы ie7 отображает в вертикальном порядке, а нормальные браузеры в горизонтальном. возможно ли это исправить? ширину левой колонки я задал 75%, правой - 25%

    Asked by cyklop77,

    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