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 вроде такого: <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

  2. Проблема с 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

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

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

    Asked by Vendetta-V,

    0 votes
    12 answers

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

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

    Asked by SLameN,

    0 votes
    9 answers

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

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

    Asked by LBM,

    0 votes
    1 answer

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

  7. Прыгают кнопки

    Верстаю сайт, сделал резиновым по ширине, а один див не получается сделать нормальным по длине. Там есть большое меню, см. картинку, когда меняется разрешение, то иконки становятся не ровно, одна выше другая ниже и т.п, причем не знаю с чем это связано, добавляю vertical-align: top; Тогда все притягивается к верху и иконки не уезжают, а вот кнопки "подробнее", прикрепляются сразу после текста, т.е мне надо чтоб они все были на одной линии, а они на разных, т.к область с контентом разная по высоте. Если указываю область с контентом фиксированной высоты, то кнопки стоят на месте, но когда меняю разрешение, на них залазит текст, т, к он вылезает за границы блока, overflow…

    Asked by Kerny,

    0 votes
    12 answers

  8. Ie7,8

    Вот такую штуку мне выдают 7 и 8 ишаки Как от неё избавиться? http://balkancar-ural.ru/zapchasti/D2500/sheme14.php ссылка на страничку...

    Asked by AngelofDem,

    0 votes
    4 answers

  9. [БАГ] firefox \ input \ padding \ %

    Обнаружен баг, заключающийся в том, что пэддинг по горизонтали не высчитывается корректно для инпутов в лисе, если задан в процентах. Возникают два вопроса: 1. Идеи, как это хакнуть? 2. Кто отправит баг-репорт в мозиллу? Примерный текст:

    Asked by ]-[иколай,

    0 votes
    18 answers

  10. Подскажите каким образом реализовано меню.

    Доброго времени. Подскажите каким именно скриптом реализовано данное меню (верхнее с картинками). Заранее спасибо. http://www.fabricarchitecture.com/archiclad

    Asked by bbsalex,

    0 votes
    2 answers

  11. закругленный блок

    Подскажите что не так? http://itmages.ru/image/view/280727/78c3ec02 <div id="content"> <div style=" margin-left:25px;" class="bred"><a style=" margin-left:47px;color:#2f35a3;" href="/machines/" >Станки с ЧПУ</a></div> <div class="conten"> <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> <div class="bocontent"> <a style="position: absolute;margin-top:5px;" class="stanok" href = "/machines/"><img src = "stanok.png" width = "150" height="148" border="0" alt="logo"></a><br /> <div class="textimg"> <ul class="hr"> <li&…

    Asked by Rambo2045,

    0 votes
    11 answers

  12. сгладить фон

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

    Asked by cyklop77,

    0 votes
    2 answers

  13. Помогите разобраться.

    Всем доброго времени суток! Пожалуйста помогите разобраться, ато немного запутался. Дело в том что я хотел написать небольшой сайтик. Думаю для его написания будет достаточно моих знаний HTML CSS и Java-script, но все же хотел еще что нить добавить с использованием php. Поэтому щас изучаю php. Вопрос вот в чем. После написания сайта естественно собираюсь выложить его в инет и администрировать его. И я немного запутался. Вот у меня будет готовый сайт, написанный в блокноте) вот я выбрал хостинг, а дальше что? я просто передаю сайт где все файлы лежат в одной папке? надо ли как то по особому указывать другие html страницы кроме главной? главная страница я так понял должна н…

    Asked by Kurt22,

    0 votes
    13 answers

  14. Приложение ....php не является приложением win32

    Собственно помогите,в чем может быть проблема?Только установил денвер...

    Asked by moron,

    0 votes
    5 answers

  15. Выбор с java и без

    Имеем 2 css файла, в одном стилизация под javascript, другой обычный. Как сделать, чтоб если у пользователя поддерживается javascript грузился css с java, если нет, то обычный? Я имею ввиду как приавильно написать в этом коде. <script type="text/javascript" src="jquery.js"></script> <link type="text/css" rel="stylesheet" href="pagestyle1.css"> <link type="text/css" rel="stylesheet" href="pagestyle2.css">

    Asked by veromi,

    0 votes
    4 answers

  16. Проблема с резиновым фоном div'a

    На странице 3 картинки для фона: хедер - bg-top.jpg, ниже где контент - middle.jpg (пытаюсь использовать в качестве фона как <img> чтобы растянуть по высоте и ширине от конца header'a до начала bottom'а) и bottom - bottom-min.jpg, который по идее должен быть прижат к низу страницы, но никак не хочет этого делать. Подскажите что как тут быть? <style type="text/css"> *{margin:0;padding:0;} html, body{ width:100%; height:100%; min-width:1000px; } .note{ border:1px solid #ddd; margin:2% 7% 0 0px; width:55%; float:right; min-height:500px; height:auto !important; height:500px; position:relative; } .trans{ background:#fff; opacity:…

    Asked by 2m2,

    0 votes
    10 answers

  17. margin не работает в ie

    Во всех браузерах отображается отлично, кроме всеми любимого ie, перерыл нет,но что то решения не нашел, но может и плохо искал. Помогите плиз сверстать шапку .сайта, что бы работало в ie. Для наглядного примера даю ссылку и код. Я только учусь, так что строго не судите. Сайт делаю для себя. http://perestroyka.at.ua/ У меня буквы съезжают в ie в право. <table width="900px" border="0" align="center"> <tr> <td> <div style="margin:20px 0 0 50px; float:left;"><img src="img/t2g.png" /></div> <div style="float:right; margin:30px 50px 0 0;color:#4e4e4e;">строительная газета выпуск № 1</div> <div style="margin:50px 50px 0 …

    Asked by cpstriker,

    0 votes
    3 answers

  18. Как скрыть границу блока в IE6

    Есть макет http://george75.ru/sdobavrn/index.html в firefox, opera, ie8 удается скрыть верхнюю границу между основным блоком и горизонтальным меню, в ie6 не получается. Существует ли вариант решения проблемы средствами CSS?

    Asked by george75,

    0 votes
    4 answers

  19. Отступы в списках у ie отличается от других браузеров

    Всем доброго дня! Подскажите, как исправить баг ие7. Есть див, внем список. Отступ списка 30 пикселей от левого края. Но, ослик делает отступ меньше. Я обнулял и ul и li не помогло. Как же исправить? На форуме через поиск не нашел. <style type="text/css"> #block { margin: 0 0 0 300px; } ul, li { margin: 0px; padding: 0px; } ul { margin: 0 0 0 30px; } </style> <div id="block"> <ul> <li></li> <li></li> <li></li> <li></li> </ul> </div>

    Asked by viv,

    0 votes
    8 answers

  20. focus на инпуте

    Не подскажите как можно реализовать чтобы, при отображении блока для входа сразу был фокус на инпуте как на сайте http://www.photobox.co.uk/

    Asked by jumancy,

    0 votes
    8 answers

  21. Нет плавной прокрутки страницы

    Всем привет, прошу прощения если создал тему не там где нужно,просто более подходящего раздела не нашол. Вот в чём заключается проблема на странице сайта проблемная страница установлена галерея картинок и при прокрутке страницы вниз как раз на месте галереи происходит скачёк а не плавная прокрутка. Подскажите пожалуста как можно исправить эту ошибку? Может ли она быть из за того что основной фон фиксированый?,вот так( background : url(images/game.jpg) center -32px fixed;)

    Asked by vadimcucherencko,

    0 votes
    6 answers

  22. Два блока!

    Здраствуйте! Тут такая проблема: Есть сайт http://ct-logistics.net/ - там вверху переключатель языков(eng|ru) В сафари они вылазят вниз... Немогу исправи, найти причину! В других браузерах прыгают вниз! Помогите пожалуйста!

    Asked by Vendetta-V,

    0 votes
    6 answers

  23. margin, input, ie

    Здравствуйте! Сразу изложу проблему: имеем вот такой элементарный код, проблема в следующем: элемент с id "v" имеет отступ слева в 10px, аналогичный отступ слева получается и у тега input в ie 5,6,7, вобщем создаётся впечатление что input наследует margin своего родителя, но насколько мне известно маргины не наследуются, да и я пробовал задать input, margin 0, не катит. вобщем в чём косяк? Спасибо за внимание. #c{width:160px; height:40px; background:#888; border:1px solid #000;} #v{width:130px; height:20px; margin-top:9px; margin-left:10px; border:1px solid #000;} #b{width:105px; height:15px; border:1px solid #000; background:#ff0;} <div id="c"> <div id="v"&gt…

    Asked by catman,

    0 votes
    5 answers

  24. Х с планкой сверху

    Подскажите, пожалуйста, где найти код символа х с черточкой наверху в UTF?

    Asked by LuxCore,

    0 votes
    5 answers

  25. Opera 9.0

    Есть код html: <ul id="menu"><!-- --><li> <a href="/">Компания Нефтегазкомплект</a> <span>Компания Нефтегазкомплект</span> </li><!-- --><li> <div class="menu_separator"></div> <a href="/">О нас</a> <span>О нас</span> </li><!-- --><li> <div class="menu_separator"></div> <a hr…

    Asked by Metus,

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