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. Почему-то не отрисовывается изображение в background

    Посмотрите racestar.ru, панель навигации вверху: <div id="topnav" class="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f-container"> <ul id="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f" class="topnav"> <li id="menu-item-233" class="menu-item menu-item-type-custom menu-item-home menu-item-233"><a href="http://racestar.ru">Главная</a></li> <li id="menu-item-234" class="menu-item menu-item-type-taxonomy menu-item-234"><a href="http://racestar.ru/?cat=1">Новости</a></li> <li id="menu-item-235" class="menu-item menu-item-type-taxonomy menu-item-235"><a href="http://racestar.ru/?…

    Asked by adelante,

    0 votes
    8 answers

  2. Подскажите

    Дайте пожалуйста ссылку на статью, где разработчики css рассказывают, как они предлагают использовать css. Интересует не синтаксис, как присваивать свойства различным селекторам, а структура построения таблиц стилей. В общем ссылка на статьи, где сами разработчики рассказывают, как они считают грамотно строить css. Или может то, как вы считаете грамотным. Просьба отвечать опытных верстальщиков. Заранее благодарю.

    Asked by FanAizu,

    0 votes
    1 answer

  3. Обёртка для Textarea

    <!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" xml:lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> * { border: 0; padding: 0; margin: 0; } textarea { height: 150px; width: 100%; resize: none; outline: none; overflow: hidden; } .wrapper_form { border: 1px solid black; background-color: orange; padding: 3px; width: 30%; } </style> </head> <body> <form> <div class="wrapper…

    Asked by HUNTERxp,

    0 votes
    3 answers

  4. Полоса прокрутки к определённому div'у

    Здравствуйте, у меня возник такой вопрос: пишу чат и в списке онлайн размещяю пользователей, вёрстку делаю в таблице и чтоб ячейка не растягивалась от большого количества народу нужно применить к div'у находящемуся в этой ячейке полосу прокрутки. Подскажите как это организовать.

    Asked by Okula,

    0 votes
    2 answers

  5. Мышь

    Можно ли используя только DOM Level 0 получать координаты указателя мыши и если можно то какже это сделать? Можно ли скажем прописать картинке атрибут onmousemove и прописать атрибуту обработчик события вытаскивающий координаты указателя?

    Asked by miknsk,

    0 votes
    1 answer

  6. Почему таблица не сужается?

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

    Asked by sh1va,

    0 votes
    5 answers

  7. Табличная вёрстка

    Здравствуйте! Возникла необходимость отредактировать табличный шаблон, в силу того, что раньше работал исключительно с дивами, возникли трудности. Так выглядит шапка страницы в фаерфоксе, а так в опере. Как видно опера ведёт себя неадекватно. Причём если поставить cellpadding="1", то всё работает замечательно. С чем это связано? И подскажите пожалуйста как сделать так, чтобы шапка не выезжала за границу браузера и появлялся нижний скролл при сильном сужении, при такой же гибкости как сейчас (class="line-header" растягивается). Рассчитываю на вашу помощь. Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <link hre…

    Asked by trololo,

    0 votes
    0 answers

  8. центрирование не работает в IE6

    Всем привет. Приводимый код работает корректно везде кроме IE6. Что не так? Описание: в IE6 правый блок, при сжатии окна браузера, перемещается вниз. При широком окне между блоками белая полоса. Как это исправить? html Код: <!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> <title></title> <!--META--> <meta http-equiv = "Content-Language" content = "ru" /> <meta http-equiv = "Content-type" content = "text/html; charset = UTF-8" /> <meta name = "description" content = "Описание в Google..." /> <m…

    Asked by ChipAlina,

    0 votes
    6 answers

  9. Создание "подсказки"

    Приветствую! и прошу сразу не закидывать помидорами))) Задача: создать такую штучку - картинка с восклицательным знаком + текст в красной рамке с скругленными углами Как это сделать?! Мой способ, кажется.. ой-как сильно кажется, что нерационален.. <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="60"> </td> <td><img src="http://garant-vrn.ru/img/podskazka/uvl.gif" width="15" height="15" border="0" /></td> <td width="100%"><img src="http://garant-vrn.ru/img/podskazka/vgp.gif" width="100%" height="15" border="0" /></td> <td><img src="http://garant-vrn.ru/img/podskazka/…

    Asked by art-Limon,

    0 votes
    16 answers

  10. Frame

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

    Asked by Deniska_777,

    0 votes
    4 answers

  11. Не корректное отображение в ИЕ

    Добрый вечер. Не корректное в ИЕ отображение списка который находятся в таблице, а в ФФ все ок, прошу помочь =) Скрины ФФ : http://imm.io/2F9K ИЕ : http://imm.io/2F9M Код css .color_block { border: 2px #808080 solid; /* Параметры рамки */ background: #E6E6E6; /* Цвет фона */ width: 180px; margin: 10px; } em.bt, em.bt b, em.bb, em.bb b { display: block; /* Блочный элемент */ height: 10px; /* Высота уголка */ font-size: 0; /* Размер шрифта */ background: url(../Atemiks.com/corners.png) no-repeat; /* Путь к файлу с уголками */ position: relative; /* Относительное позиционирование */ } em.bt { top: -2px; /* Сдвигаем лев…

    Asked by Temiks,

    0 votes
    8 answers

  12. Вопрос по пользовательскому поиску google

    Добрый день. Решил на сайте сделать поиск от Гугла, все сделал по шагам, получил код. Но увидел, что в результате какая-то заглавная буква "Б" образовалась слева от строки ввода запроса, причем на нее еще и нажимать можно, то есть это кнопка. Правда эффекта от такого нажатия я не обнаружил. Товарищи, что энто за артефакт и как от него избавиться? Кстати, искал в инете решение и набрел на вот этот сайт - http://www.aum.kiev.ua/ Его автор тож решение по этому вопросу искал, но судя по виду его строки поиска - не нашел. Да, и еще, нашел в инете одно решение, там советуют убрать из кода эту строку: <script type="text/javascript" src="http://www.google.com/cse/t13n?form=cse…

    Asked by Rayled,

    0 votes
    5 answers

  13. Выравнивание текста в блоке

    Доброго всем времени суток. Завел себе блог на tumblr.com, хороший ресурс но со своими косяками. Больше всего меня беспокоит отсутствие в редакторе выравнивания текста, поэтому приходится задавать параметры в коде шаблона. Еще одна особенность данного сервиса, постинг разбит на категории (текст, фото, цитата и тп.) и каждый блок имеет свои особенности. Так вот, хочу попросить вашей помощи для выравнивания текста в блоке цитата по правому краю. Сейчас текст всех блоков выравнивается по центру, это мне подходит, но в блоке цитата нужно выравнивать по правому краю, помучался но та не чего и не получилось, все-таки знаний html не хватает. Буду очень благодарен за помощь. Вот…

    Asked by blooom,

    0 votes
    1 answer

  14. Выпадающее меню выходит за границы монитора

    Ребята как сделать, что бы последний блок выпадающего меню не выходил за границу монитора, а сдвигался в лево. Если тема уже поднималась, дайте ссылку. Или совет, в идеальном случае код. Но лучше объяснение как это делается? Срочно нужно, очень интересно

    Asked by nalezhitiy,

    0 votes
    9 answers

  15. Слои по центру

    Здрасти, не могу найти такую вроде простую вещь, помогите пожалуйста. У меня есть несколько слоев (неопределенное количество) я хочу, чтобы они выводились по центру странички. Делаю контейнер, в нем несколько слоев. Если применить float, тогда не получается чтобы слои были посередине, если применить не применять то слои получатся в столбик. Каждый слой имеет фиксированные размеры и у всех слоев они одинаковые. Как это реализовать?

    Asked by kentastik,

    0 votes
    24 answers

  16. Всплывающий список при наводе стрелкой мыши

    Вот такое можно сделать в ИЕ без JS Пример с ФФ http://imm.io/2G7T

    Asked by Temiks,

    0 votes
    14 answers

  17. Нарушена структура сайта

    Помогите пожалуйста.у меня на сайте все расплылось.меню ушло вправо а все остальное ушло вниз.мне сказали что произошло нарушение в странице сайта.вот что у меня в странице сайта.помогите пожалуйста убрать лишнее или наоборот добавить. <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body style="background-color:#99CCFF; margin:0px; padding:0px;"> $ADMIN_BAR$ $GLOBAL_AHEADER$ <table cellpadding="0" cellspacing="0" border="0" width="100%" style="paddi…

    Asked by julja_andreeva,

    0 votes
    2 answers

  18. Табличная верстка

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

    Asked by undina,

    0 votes
    11 answers

  19. Блоки разной ширины на одинаковом расстоянии друг от друга

    Если такой вопрос уже был, извиняюсь, поиск не работает Сам вопрос такой: можно ли при резиновой странице (5) расположить блоки (1-4) таким образом, чтобы они находились на одинаковом расстоянии друг от друга? При условии что блоки разной ширины и периодически меняются. Ниже попытка изобразить что требуется ))) Пока пришел в голову вариант засунуть все это дело в таблицу, есть другие варианты?

    Asked by Eirene,

    0 votes
    5 answers

  20. Как грамотно организовать навигацию

    Здравствуйте! Помогите пожалуйста сделать такую навигацию. Имеется основной список ul 1, расположенный горизонтально. В него (в одну из ссылок) вложен второй список ul 2, тоже горизонтальный и начинается как и родительский список. В списке ul 2 в ссылку вложен третий список ul 3, отображаемый вертикально, но уже параллельно ссылке, в которую вложен. Ах да, все в статике, т.е. ничего никуда не пропадает. Заранее спасибо! <ul id="navi"> <li><a href="index.html">ГЛАВНАЯ</a></li> <li class="re"><a href="produkt.html">ПРОДУКЦИЯ</a> <ul id="navi2"> <li><a href="#">Цифр…

    Asked by Syndrome,

    0 votes
    0 answers

  21. Размер svg

    День добрый. Есть svg-иконка 32х32, и вставлена она таким кодом: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="32" style="position: absolute;" > <path fill="#D1D1D1" stroke="none" d="M15.583,15.917l1.648-10.779C16.692,5.056,16.145,5,15.583,5C9.554,5,4.666,9.888,4.666,15.917c0,6.029,4 .888,10.917,10.917,10.917S26.5,21.946,26.5,15.917c0-0.256-0.021-0.507-0.038-0.759L15.583,15.917zM19.437,3.127l-1.648,10.779l10.879-0.759C28.313,8.026,24.436,3.886,19.437,3.127z"> </path> <rect x="0" y="0" width="32" height="32" r="0" rx="0" ry="0" fill="#000000" stroke="#000" style="opacity: 0; " opacity="0"> </rect> </svg> Как и…

    Asked by fir1st,

    0 votes
    3 answers

  22. Проблема с кнопкой.

    .

    Asked by онотоле,

    0 votes
    0 answers

  23. Проблема с кнопкой.

    Здравствуйте, товарищи. Возникла одна сложность, хочу спросить мнение: создаю кнопку, меняющую цвет. использую <a href="ссылка" onmouseover="document.pm1.src='картинка_1'" onmouseout="document.pm1.src='картинка_2'"> <img src="картинка_2" name="pm1" ></a> при этом хочу, чтобы ссылкой была не вся картинка, а только часть. Пытаюсь для этого использовать навигационную карту: <map name="karta1"> <area href="ссылка" shape="rect" coords="10,10,160,140"> </map> и теперь не знаю, куда подставить "usemap="#karta1", чтобы работало. Пытался подставить в разные места - эффекта никакого.

    Asked by онотоле,

    0 votes
    4 answers

  24. Padding вместо width и height.

    Добрый день. Не могу понять как работает паддинг, когда им задаешь размер изображения. Есть картинка высотой в 50px. и шириной в 120px. и казалось бы, для того, что бы она корректно отобразилась нужно задать padding:25px 60px, но не тут то было. Ширина отображается нормально, а вот по высоте картинка отображается не полностью, как бы срезано. После долгих подборок параметров паддинга у меня получилось padding:0 60px 33px 60px; после этого картинка стала отображаться полностью. Объясните пожалуйста в чём тут прикол?

    Asked by yujin11,

    0 votes
    13 answers

  25. Как вставить еще один div

    Изначально было два div : filedin и small-comment-cloud. Между ними нужно встроить еще один site_url с выравниванием по центру, никак не могу это сделать...site_url съезжает на следующую строку. помогите!! Ниже приведен код + css. <div class="filedin"> <?php _e('Filed in', 'themejunkie'); ?>: <?php the_category(', ')?> </div> <div class="site_url"> <?$site_url= get_post_meta($post->ID, 'site_url', $single = true); ?> <?php if($site_url!== '') { ?> <a href="<?php echo $site_url; ?>" rel="nofollow" target="_blank">Посетить сайт</a> <?php } ?> </div> <div class="small-commen…

    Asked by fowl,

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