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. Списки!

    Всем привет!У меня возникла небольшая проблемка!Дело в том,что я создаю одну менюшку,не очень сложную,и в процессе создания дабы списки отображались друг за другом я прописал свойство "display:inline-block" и вот вроде бы все стало нормально.И тут показывают мне фигуМежду тегами <li> образовался пробел!(Ну или расстояние)Что делать? Проблема решена

    Asked by ELBegemotos,

    0 votes
    2 answers

  2. Моя не внимательность

    del

    Asked by Ergonav,

    0 votes
    3 answers

  3. Конвертер валют

    На сайте есть цена в долларах (обычное текстовое значение - не из БД). Рядом хочется вывести сумму в рублях, но из-за скачков доллара она постоянно меняется. Можно ли прикрутить скрипт, который умножал доллары на коэффициент, полученный, скажем из центрабанка, и выводил рядом? Есть ли какое-либо решение? Повторюсь, значение - обычный текст..

    Asked by B-Real,

    0 votes
    3 answers

  4. не работает hover

    не могу понять почему список не отображается при наведение <!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" /> <script src="event_call.js"></script> <style> *{margin:0;padding:0;} .menu { margin:20px;} .menu ul{ display:none; list-style:none; color:#0FF; margin-top:20px; height:0; } .menu .menu-title { padding:5px 5px 5px 0; border:3px dashed blue; } .menu a:hover ul{ color:red; height:140px; display:block; } </style&g…

    Asked by cyber_ua,

    0 votes
    2 answers

  5. Проблема на сайте табличной верстки

    Здравствуйте. Сейчас ведется работа по созданию сайта. Шкурка табличная, изначально была привязана к таблице width="1024". Но нужна резина. И засада в том, что в некоторых блоках, дивы вылезают за границы ячеек таблицы. Если удается призвать к порядку в хроме и опере, то ползет IE/ И наоборот. А поженить никак не получается. Подкиньте пожалуйста здравую мысль, как эту пакость победить. css выводится в браузер, посмотреть пример вылезания можно тут - tt-rus.ru/index.php?page=wiki#all_articles Да и на других страницах тоже косяки табунами.

    Asked by favor,

    0 votes
    8 answers

  6. Проблема со слоями

    Помогите реализовать следующее. Есть два div'а всплывающих влево, у левого дива фиксированная ширина и высота, правый div растягивается в зависимости о количества текста в нём. Я реализовал это так: HTML: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title> Test Page </title> </head> <body> <div class="firstbox"> </div> <div class="secondbox"> ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ </div> </body> </html> …

    Asked by Foxter,

    0 votes
    10 answers

  7. Иероглифы, при включенной кодировке

    Собственно код HTML: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery-1.7.2.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div id="warp"> <div id="head"></div> <div class="comment" action="script.php"> <textarea class="forms" name="comment" cols="40" rows="6"></textarea> <input class="button" type="submit" value="Отправить"> <input class="button" type="reset" value="Очистить"> </div> </div> </body> <…

    Asked by vaak,

    0 votes
    5 answers

  8. В ie 6 дочерний блок выходит за границы родительского блока

    Доброго времени суток! В ie 6 дочерний блок выходит за границы родительского блока,как это можно исправить? <!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"> <title>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } #cont1{ zoom:0; } /* *** Float containers fix ***#cont1 { zoom: 1; } */ html,body{ height:100%; min-height:100%; height:auto !important; background-color:#D2F7DF;} #header{ height:100px; width:1000px; background:#D0D0D0; margin:0 auto…

    Asked by tanaka,

    0 votes
    3 answers

  9. Текст

    Здравствуйте! Я чайник! Обрабатываю форму, в php. запускаю, появляется новая страница с обработанными данными. А как сделать чтобы на предыдущей странице появилось имя или логин!? Т.е. Как вписать туда какие то данные? Только начинаю! Если можно без мудреных слов. Пожалуйста!

    Asked by hobin,

    0 votes
    1 answer

  10. Клик по ссылке

    Как сделать что бы при клике по ссылки вылетало окошко Загрузка файла, а не открывалось в окне браузера?

    Asked by Zzz_,

    0 votes
    4 answers

  11. Меню сайта картинками

    Хотел сделать меню сайта как здесь -> _http://www.mighty-sport.ru/ то есть меню состоит полностью из картинок и наползает на шапку, а при наведение на пункт одна картинка меняется меняется на другую (получается, что пункт под курсором выделяется). Долго мучился, но никак не получается, а на том сайте больно хитромудрый код, никак не могу разобраться. В общем то я знаю как сделать одинаковый background ко всем пунктам меню, если оно состоит из слов -> http://jsfiddle.net/7Jp2q/ Но в данном случае меню полностью состоит из готовых картинок и background присваивать просто не к чему. Гуглил, но точно таких готовых решений нет. Как это можно реализовать?

    Asked by pitbull522,

    0 votes
    4 answers

  12. Выравнивание по середине и слева

    Собственно что необходимо. Есть div в нем img и текст в виде сылок. img должен находится горизонтально по середине div. под img находится сылка(а1.1 а2.1). Которая также должна быть выравнена по горизонтали по центру блока. ниже самое интересное идет список сылок, и эти сылки должны быть выравнены по началу сылки выше. Тоесть на рисунке я показал как будет выглядить это в случае с длинным названием (белый цвет) и в случае с коротким названием (синий цвет). Лучше всего понятно на синем цвете. Тоесть список сылок а2.2 а2.3 а 2.4(на рисунке косяк мой). Должен быть выравнен по левому краю относительно сылки а2.1 Код я не показываю потому что уже бошка не варит на ночь глядя…

    Asked by korinf,

    0 votes
    0 answers

  13. Не выходит с text-decoration

    Добрый день, сразу извеняюсь если не там запостил тему, но держаться больше нет сил Никак немогу убрать подчёркивания в тексте, text-decoretion не помогает вот код... <div id="sidebarmenu"> <ul class="sidemenu" > <li><a href="programm.html" >Программа фестиваля</a></li> <li><a href="partners.html" >Партнёры</a></li> <li><a href="how get.html" >Как добраться?</a></li> <li><a href="uchastie.html" >Как подать заявку на участие?</a></li> <li><a href="news.html" >Новости</a></li> </ul> И вот css #sidebarmenu{ width: 269p…

    Asked by Buria,

    0 votes
    2 answers

  14. Вертикальный скролл.

    Есть сайт. Там присутствует вертикальный скролл, но при прокрутке проматывается не вся страница, а только содержимое одного блока. Не пойму как сделать также.

    Asked by Feel,

    0 votes
    4 answers

  15. Проблема с IE 8

    Здравствуйте! Проблема с IE 8, то есть с меню. Не закругляются уголки(видим на скрине 1). Что самое главное, то что на всем шаблоне, где используется border-radius всё прекрасно работает. Только почему-то не хочет закруглять уголки в верхнем меню, даже в списке, когда кнопка активна не закруглят фон, но в выпадающем списке уголки скругляются. Что я использовал, чтобы закруглить уголки в IE 8 - это: behavior:url(PIE.htc); behavior:url(PIE.php); position: relative; Думаю уже все знают про такой сервис "PIE" Еще даже так пробовал: border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; Подскажите пожалуйста…

    Asked by slavyn007,

    0 votes
    2 answers

  16. Верстка меню с перекрытием пунктов

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

    Asked by cap,

    0 votes
    4 answers

  17. Не работает background-color в body

    Имеется такой вот код страницы: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery-1.7.2.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div id="warp"> <div id="head"></div> </div> </body> </html> собственно ничего такого, и строчка в CSS body { background-color: gray; } Так вот, фон не заливается цветом, перепробовал все. Div'ы заливаются и цветом и имагой, то есть все работает. Но весь бэк браузера не заливается... в чем дело? Помогите, а то уже головная…

    Asked by vaak,

    0 votes
    2 answers

  18. Разница между inline и inline-block

    Подскажите новичку. Стоит задача создать горизонтальное меню. Имеются такие строки: ul li { ... display:inline; ... } А чем отличается вышеприведенная строка от следующей: ul li { ... display:inline-block; ... }

    Asked by aaron,

    0 votes
    7 answers

  19. Получить высоту блока

    День добрый!!! Необходимо сделать скобочку для блока под ссылки. Вот пример страницы, где выглядит все как надо, пока только в Опере http://izss.ru/Продукция На всякий случай сделал фото http://глобалавто18.рф/img/izss.png Столкнулся с двумя проблемами: 1) Не могу задать блоку с границами высоту родителя. Пробывал задавать высоте значения 100% и inherit, тогда блок становится маленьким, отображаются только границы, будто высота родителя нулевая. Пока задал высоту в 120px. Вот кусочек кода. HTML <div id='links'> <div id='border'></div> <a href='Продукция/Комплектные трансформаторные подстанции'>Комплектные …

    Asked by rulevoi,

    0 votes
    1 answer

  20. Радиус скругления в Photoshop

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

    Asked by aaron,

    0 votes
    2 answers

  21. Gimp как замена Photoshop

    Здравствуйте. Подскажите такой вопрос. С операционными системами Linux я имею давний опыт и перепробовал их все когда-то, начиная от Ubuntu и заканчивая Gentoo. Но вот с известной программой для работы с графикой Gimp не работал совсем (вообще у меня с графикой дружбы никогда не было). Photoshop изучил только в связи с тем, что он необходим при верстке. Недавно возник вопрос. Под Ubuntu есть хорошие редакторы для написания кода (Bluefish, Geany). А вот Gimp - имеются ли у него те же возможности, что и у Photoshop для нарезки графики и вообще при работе в макетом сайта?

    Asked by aaron,

    0 votes
    3 answers

  22. @font-face

    в стилях CSS подключен нестандартный шрифт по средствам @font-face по адресу http://site.ru все работает а по адресу http://www.site.ru шрифт не подключается в файли CSS прописано так: @font-face { font-family: 'Bolero script'; src: url('../font/bolero-script-webfont.eot'); src: url('../font/bolero-script-webfont.eot?#iefix') format('embedded-opentype'), url('../font/bolero-script-webfont.woff') format('woff'), url('../font/bolero-script-webfont.ttf') format('truetype'), url('../font/bolero-script-webfont.svg#BoleroscriptRegular') format('svg'); font-weight: normal; font-style: normal; }

    Asked by jurassik,

    0 votes
    2 answers

  23. cufon не отображается шрифт

    Доброго времени суток! Решил отображать шрифты на сайте с помощью технологии cufon,с одним шрифтом всё прекрасно работает,а если использовать несколько,то всё равно отображается из них только один,которые вызывается первым,хотя написал код правильно.. <script type="text/javascript" src="cufon-yui.js"></script> <script type="text/javascript" src="Myriad_Pro_900.font.js"></script> <script type="text/javascript" src="Myriad_Web_italic_400.font.js"></script> <script type="text/javascript" src="TMC-Ong_Do_400.font.js"></script> <script type="text/javascript"> Cufon.replace('.text', { fontFamily: 'Myriad Pro' }); Cufo…

    Asked by tanaka,

    0 votes
    1 answer

  24. не работает свойство @font-face

    Доброго времени суток! У меня почему то не работает свойство @font-face,точнее работает только в firefox ,а больше нигде .. <style type="text/css"> @font-face { font-family: 'Myriad Pro'; src:url(Myriad Pro.ttf) format('truetype'); font-weight: bold; font-style: normal; } body{ font-size:25px; font-family: Myriad Pro;} </style>

    Asked by tanaka,

    0 votes
    5 answers

  25. Черты профессиональной верстки и немного кода.

    Приветствую всех посетителей форума.Собственно, сабж: Уже около года более-менее постоянно занимаюсь версткой(CSS+HTML+jQuery).Фриланс, разовая работа,помощь друзьям.Учился всему сам. Довольно часто заказчики кидают ссылки на крупные, добротные сайты, с просьбой "сделать как там".Ну и что уж греха таить,иногда внаглую копипащу код оттуда, и подгоняю под запросы заказчиков. Заметил, что на качественных сайтах верстка, скажем так, "усложнена"(не знаю какое слово подобрать ) Чтобы было понятнее, приведу кусок кода, взятый из формы. <div class="inputText" style="width:150px;"> <i> <b> <input type="text" name="phone" id="phone_number" value=""> …

    Asked by ByKraB,

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