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. Трабла с overflow

    Здравствуйте, помогите пожалуйста. Почему overflow не обрезает лишний текст ? Задан блок фиксированной высоты и ширины. Для него заданы паддинги сверху и снизу. Текст который внутри блока игнорирует паддинги и отображается, а обрезается только по границам самого блока. В коде ниже пробовал ввести дополнительный div. Не помогло. <div id="si_txt"> <div>.. МНОГО-МНОГО ТЕКСТА..</div> </div> заданы стили: #si_txt { background-color:#F5F7F9; float:left; height:115px; line-height:120%; overflow:hidden; padding:15px 40px 15px 17px; width:405px; } #si_txt div { overflow:hidden; } Вот оригинал: http://tri4.ax3.net/akado_ural/akado-ural.html

    Asked by warobushek,

    0 votes
    3 answers

  2. Justify для любых элементов…

    Всем привет! Подскажите, как в CSS выровнять что-либо (в частности, изображения) по ширине внутри DIV? Для текста есть text-align: justify, а как быть с остальным? Есть ли аналог? Задача осложняется тем, что пытаюсь сделать эластичную вёрстку, даже не резиновую. И изображения разной ширины. КАК!?

    Asked by brainiac,

    0 votes
    19 answers

  3. Проблемы с меню

    Есть сайт http://escort.ru/ У него есть выплывающее меню, это блоки с абсолютным позиционированием, чтобы были поверх флешки Но при разных разрешениях экрана эти блоки двигаются... как их завиксировать в одном положении?

    Asked by Mary_RND,

    0 votes
    3 answers

  4. Стиль для активной ссылки

    Доброго времени суток. Возникла проблема с отображением активной ссылки. В CSS она у меня по дизайну похожа с стилем наведенной ссылки, но она отображается, помогите что не так... #mainlevel a:active { color: #a40707; display:table-cell; height:41px; vertical-align:middle; background-image:url(../images/put_button.jpg); text-decoration: none; background-repeat: no-repeat; font-family: "Tahoma"; font-size: 15px; } Заранее благодарен.

    Asked by romko,

    0 votes
    4 answers

  5. Header

    Доброй ночи! Спасибо за удобный, понятный для начинающих мастеров сайт! Удачи Вам и процветания! Обращаюсь к Вам за помощью.))) Пытаюсь сверстать шапку сайта, которая состоит из трех картинок. Сделал все вроде так, но не так.)))) Две картинки стали нормально (слева и по центру), а третья стала справа, но сместилась вниз ровно на ту высоту которая задана в шапке. Код прилагаю. Если можете, помогите разобраться, поделитесь опытом.)))) Заранее спасибо. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta …

    Asked by mazhar,

    0 votes
    8 answers

  6. Указание фона для элемента списка

    Доброго времени суток. Мне необходимо создать меню по средствам элемента списка. <ul id="mainlevel"> <li><a href="****.html" class="mainlevel" >Главная</a></li> <li><a href="*****.html" class="mainlevel" >О компании</a></li> <li><a href="****.html" class="mainlevel" >Продукция</a></li> <li><a href="****.html" class="mainlevel" >Контакты</a></li> <li><a href="*****.html" class="mainlevel" >Новости</a></li> <li><a href="*****.html" class="mainlevel" >Услуги</a></li> </ul> Графическое оформление предусматривает задание …

    Asked by romko,

    0 votes
    4 answers

  7. Прозрачность не работает при наложении div

    Помогите пожалуйста определить в чем проблема. Вот мой код <div id="market_right"> <div class="picture"><img src="images/market_picture.png" alt="" /></div> <div id="genius_ban"><a href=""><img src="images/genius.png" alt="Бесплатные курсы" /></a></div> </div> стили: #market_right {float:left; overflow:hidden; position:relative;height:125px; width:800px;} #market_right .picture {position:absolute; left:0px; z-index:2;} #genius_ban {position:absolute; right:0px; z-index:3;} И вот как это выглядит: http://tri4.ax3.net/akado_ural/nalozh.html Т.е. картинка или слой не просвечивают. (карти…

    Asked by warobushek,

    0 votes
    2 answers

  8. Как сделать минимальный масштаб отображения для сайта?

    Когда мы нажимаем в браузере Ctrl минус мы уменьшаем масштаб страницы. А как сделать, чтобы пользователь жал Ctrl минус, а сайт масштаб не у меньшал. (С колесиком естественно тоже самое) Т.е. задать минимальный масштаб для сайта?

    Asked by VasyOK{!},

    0 votes
    3 answers

  9. Русский текст в строке браузера

    Здравствуйте! Подскажите пожалуйста, как можно реализовать название каталогов в строке браузера на русском языке? Пример: http://ru.wikipedia.org/wiki/Заглавная_страница

    Asked by Чебурашка,

    0 votes
    3 answers

  10. Резиновые Элементы c обрезанием при min-width

    http://i065.radikal.ru/1004/12/71658cbf1ec5.jpg Во общем задача такая есть два блока с картинками к примеру серые квадраты. если разрешение к примеру 2500 то блоки должны разбежаться по краям а при 1024 должны почти все прятаться.красными линиями очерчено примерно как должно выглядеть на 1024. Изменяюсь если криво описываю задачу но чето ваше ни каких идей уже нет как это сверстать.

    Asked by Mysticismm,

    0 votes
    3 answers

  11. Создание шаблона для своей CMS

    Решил написать свою CMS... Трам-пам -пам добрался до шаблона. Незнаю как лучше, но привык выводить нужные блоки методом <div class= "left"><?php echo $template->module_left; ?></div> Но что-то в последнее время посматриваю как сделано в Joomla <div class= "left"><jdoc:include type= "module" name= "left"></div> Как Джумла обрабатывает шаблоны? Стоит ли вообще использовать такой метод?

    Asked by Puhh,

    0 votes
    1 answer

  12. Проблема с TEXTAREA

    Всем здравствуйте. У меня возникла одна проблема. Короче говоря, у меня есть блог, в нём я опубликовываю уроки по html, css, php и тд. На странице добавления и редактирования материалов у меня стоит textarea, куда я ввожу всю информацию об уроке, а так же примеры html, css. Так вот, я хочу заключать коды в отдельные textarea, но по крайней мере я убедился что в textarea нельзя вставлять ещё один же textarea. Мне нужен код, через который я смогу добавлять коды на свой сайт, и естественно чтобы он не работал: например если я напишу <b>аа</b>, он мне напишет аа, нет, мне нужно чтобы если я напишу <b>aa</b>, то у меня и будет так написано. А то, когда …

    Asked by nikita3334,

    0 votes
    6 answers

  13. Проблема со вставкой банера

    Подскажите как правильно вставить баннер, чтобы он работал. Вот код баннера: <script language="javascript"> if (AC_FL_RunContent == 0) { alert("This page requires AC_RunActiveContent.js."); } else { AC_FL_RunContent ('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','728','height','90','src','test','quality','high','pluginspage', 'http://www.macromedia.com/go/getflashplayer','align','middle','play','true','loop','true','scale','showall','wmode','window','devicefont','false','id','test', 'bgcolor','#ffffff','name','test','menu','true','allowFullScreen','false','allowScriptAccess','sameDomain','movie','http://pana…

    Asked by dorn,

    0 votes
    2 answers

  14. большой пробел перед ссылкой почему?

    Здравствуйте помогите пожалуйста почему перед ссылкой такой большой пробел как не выравнивай по центру или по краям всегда именно в этом месте так остается http://imageshost.ru/links/85805cd14962b6b6f5d36e6ec0de901f с чем это может быть связано?(помимо кривизны собственных рук )

    Asked by WaxArt,

    0 votes
    3 answers

  15. Как бы вы сверстали каркас?

    сайдбары фиксированные. левый сайдбар и контент-блок завёрнуты в один блок. структура колонок <div id="content"> <div id="in"> </div> <div id="sidebar-left"> </div> </div> <div id="sidebar-right"> </div>

    Asked by MehOlOLBuC,

    0 votes
    6 answers

  16. Баг или какая-то особенность IE7?

    Выставлялось через jQuery. Во всех других браузерах нормально работает. Естественно выглядит все это очень плачевно. Собственно, как заставить принимать colspan="6" Мда... Можно удалять тему. Для IE7 надо указывать colSpan в jQuery, а не colspan. Хотя другим браузерам пофиг, так что можно везде использовать colSpan.

    Asked by Beck,

    0 votes
    0 answers

  17. Резина не резинит

    Имеется левый, центровой, правый блок. Все эти 3 блока в одном большом блоке, В общем банальная картина. Центровому блоку поставлена резиновая ширина, но при уменьшении от максимума, переносится вниз правый блок, а центровый не резинится вообще. Какие есть варианты? css: Левый: width:200px; float:left; Центр: max-width: 564px; min-width:400px; float:left; Правый: width:200px; float:right; Большой max-width:1084px; min-width:984px; margin:0px auto;

    Asked by Ritter,

    0 votes
    30 answers

  18. При пробеле слетает слово

    В боковой менюшке ставлю пробел между словами а слово слетает на строку ниже. Если пишу слитно (даже если слово больше) все слово влазиит. А если поставлю хотя бы одну букву через пробел она слетает на строку ниже.

    Asked by Gintos,

    0 votes
    32 answers

  19. font:100%/40px

    Встретил такую запись для обозначения шрифта: font:100%/40px "Trebuchet MS", Arial, Helvetica, sans-serif; Что значит font:100%/40px? Это ошибка или хак?

    Asked by clavin,

    0 votes
    8 answers

  20. Незнаю как сверстать

    Всем доброго времени суток! Ребят помогите уже все перепробовал не знаю что делать как сделать такое подскажите пожалуйста http://imageshost.ru/links/ec42fc2364f5bbb63c1b95a691569db9 а то я что не попробую все в разные стороны разъезжается и коряво получается

    Asked by WaxArt,

    0 votes
    2 answers

  21. проблема: фон для тэга <html>

    css: html { background: #000 url('images/main-bg.jpg') repeat-x; } body { background: url('images/colors.png') no-repeat top center; } #wrapper { background: url('images/wr-bg.png'); margin: 105px auto 0 auto; max-width: 1180px; max-width: 790px; height: 500px; } html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Mockup</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen" /> </head> <body> <div id="…

    Asked by no.na.me,

    0 votes
    9 answers

  22. в ie7 футер нормальный, в w3c-браузерах последний див в футере уезжает вниз

    Помогите, пожалуйста. Верстаю страницу. В футере есть две строчки, одна над другой. Я их сделал дивами определённой высоты (их общая ширина такая, что не превышает высоту футера). Во всех браузерах что-то не так. Только в ie7 строчки не уезжают за границы футера. В остальных есть смещение вниз дива #copyright. Если ставлю line-height:0, то во всех браузерах исправляется, а в ie7 текст пропадает. Что здесь не так? С помощью Firebug-а в fitefox попробовал поотключать свойства у дива #copyright, так если у него убрать ширину, то всё исправляется <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l…

    Asked by clavin,

    0 votes
    11 answers

  23. Высота поля TEXTAREA

    Добрый день Есть поле TEXTAREA Для наглядности код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>TEXTAREA</title> </head> <style type="text/css"> textarea { width:300px; font-family:'Verdana', 'Arial', Sans-Serif; font-size:12px; color:#333; padding:3px; border:1px solid #ccc; } </style> <body> <textarea readonly> Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мыш…

    Asked by ShumNo,

    0 votes
    14 answers

  24. click fallthrough

    Собственно проблема в том, что если один див закрывает собой другой, то даже если у него нет фона, то click мыши не проходит в тот див, что ниже, хотя body.onclick срабатывает. Код иллюстрирует проблему: <html> <head> <style type="text/css"> .reddiv { position: absolute; left: 200px; top: 200px; background-color: red; width: 150px; height: 150px; z-index: 1; } .bdiv { position: absolute; left: 150px; top: 150px; width: 250px; height: 250px; border: 1px dotted orange; z-index: 2; text-align: center; color: white; } .bdiv .holdplace { height: 50%; } </style> …

    Asked by cy6erGn0m,

    0 votes
    7 answers

  25. <input type="button" /> (border:1px)

    Собственно сабж. Хотелось бы выяснить, как это лечить? Спасибо.

    Asked by vahrusha,

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