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 Вы предпочитаете пользоваться?

    Понимаю что вопрос слегка риторический с точки зрения что при почти любой верстке мы используем смесь из всех трех (которые я знаю) видов раскладки: Насколько я понял изучаю пока статьи в интеренете существует 3 вида раскладки: 1. Float`ами 2. Потоками с использованием маргинов и паддингов для позиционирования блоков 3. Позиционированием (position: absolute; position: relative) Я лично редко пользуюсь абсолютным позиционирование и относительным так как и не особо пока в этом спец Часто использую флоаты, но они тем плохи что как бы выбиваются из потока страницы (в нек случаях это конечно и нужно) Начинаюсь задумываться о первом способе для того чтобы выравнивать по гориз…

    Asked by TonKhaO,

    0 votes
    24 answers

  2. я понимаю что достал

    Вот есть такой код <table style="text-align: left; width: 100%; height: 455px;" border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td id="menu1"align="center" valign="top" <a href="index.php?categoryID=2" class="cat">автонавигаторы</a> <font class="olive">(15)</font> <ul> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> </ul> </div> </td> <td id="menu2" align="center" valign="top"<a hr…

    Asked by ppvkomi,

    0 votes
    24 answers

  3. Разная длина <input> в браузерах

    <input type="text" name="first name" /> Без добавления своих размеров такое вот обычное поле имеет разницу в длине! Mozila FireFox 2.0.0.20, Internet Explorer 6 - имеют одинаковый размер Opera 10.10 - меньше на 6px Вчем же проблем? Наперед всем спс за ответ

    Asked by Spidey,

    0 votes
    24 answers

  4. Как сделать ширину текста строго под ширину div`a

    Здравствуйте, вот у меня есть код "блока" под новости на главной странице, этот код = <table> в таблице естественно <tr><td>, и вот в одном из <td> есть <div> в котором текст новости идёт, затем я сделал тест, написав ~500 символов и получилось так...что внизу страницы появился ползунок, как сделать так, что бы этого полузнка не было и текст шёл строго по ширине div`a?если больше - то пускай новая строка начинается.... Взаранее спасибо.

    Asked by LeoBit,

    0 votes
    24 answers

  5. border-color в опере?

    в опере никак не получается задать цвет рамки таблицы (( в FF и IE всё ок. белые, а в опере почему-то чёрные <table frame="void" rules="all" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0"> <tr > <td id="t1"></td> <td id="t12"></td> <td id="t2"></td> </tr> <tr > <td id="t14"></td> <td id="t22">&…

    Asked by sdm98,

    0 votes
    24 answers

  6. Все случаи, когда игнорируется margin:auto

    Так и не смог уловить этот нюанс. Поэтому прошу помощи у опытных верстальщиков. Заранее всем спасибо.

    Asked by Beck,

    0 votes
    24 answers

  7. IE6 не реагирует на {display:block} ?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <head> <title>page2</title> <style type="text/css"> ul {padding: 0px; margin:0px; background: #222; list-style: none; float: left; } ul li {float: left; } ul a { display: block; padding: 0 3em; line-height: 4em; text-decoration: none; color:#FFF; } </style> </head> <body> <ul> <li><a href="#">Кнопка</a></li> </ul> </body> </html>

    Asked by sashakiselev,

    0 votes
    24 answers

  8. Проблема с отступами внутри блока

    Добрый день! С прошедшими праздниками всех! Помогите пожалуйста решить проблему следующего характера: я делаю сайт на Joomla, от html и CSS еще очень далек, хотя и пытаюсь понемногу осваивать и их (иначе о создании собственных сайтов можно забыть - как я понял на собственном опыте ). Итак о проблеме: на сайте который я делаю модули по умолчанию выглядят так не очень красиво не правда ли? Но в настройках можно задать суффикс класса модуля, тогда выглядит симпатичнее, но появляется проблема В файле general.css нашел параметры модуля /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 { position:relative; overflow:hidden; margin:0 -11px;…

    Asked by Freeman Liberty,

    0 votes
    24 answers

  9. Высота ячейки таблицы

    Всем день добрый. Глупый вопрос: есть таблица - три столбца и три строки, я объединяю второй столбец на все три строчки. В этот второй столбец помещается большой по высоте контент, высота заранее неизвестна. Как мне выставить высоту первой и третьей строчки? Ни в какую не хочет. Заранее спасибо! Простейший код, имитирующий данную ситуацию: <html> <body> <table border="1"> <tr height="15"> <td width="100">1</td> <td width="100" rowspan="3">2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2&l…

    Asked by RegEditor,

    0 votes
    24 answers

  10. Фоновый рисунок

    вроде бы все делаю правильно, но браузеры не тображают фоновый рисунок. проверила 10 раз все названия папок и файлов совпадают, изображение в папке есть код: body { background: url("images/p.jpg"); } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" > <link rel="StyleSheet" type="text/css" href="css/style.css"> </head> <body> </body> </html>

    Asked by Izum,

    0 votes
    24 answers

  11. 2 вопроса

    Здравствуйте! есть два вопроса: 1. задача на первый взгляд просто до безобразия: написать код таблицы. 3 столбца 2 строки. 1-я колонка должна быть 1/3 от ширины всей таблицы. написала у первой колонки 33% (и 33.33% пробовала), но проверила js, ни то, ни другое желаемому не соответсвует!!! как быть? 2. как растянуть (сузить) div по ширине контента? т.е. див по ширине занимает столько места, сколько контента внутри буду благодарна за ответы или наводки на них!!!

    Asked by D_D,

    0 votes
    24 answers

  12. Помогите. В IE 6 стиль показывается по-другому.

    Есть такой стиль, прописанный в файле css .list3 li a { background:url(images/bull-1.gif) no-repeat left 6px; padding:0 0 0 13px; text-decoration:none; display:block;} Во всех браузерах показывается норм, а в IE6 - лишний отступ между буллитом и текстом. Как исправить? Как пользоваться конструкцией: <!--[if lte IE 6]--> Пожалуйста, подскажите, кто с таким сталкивался.

    Asked by mne150let,

    0 votes
    24 answers

  13. как связать 2 поля со списком?

    Я вроде много чего полистал на этом форуме и понял что это лучший сайт и форум. Думаю тут мне помогут. Все просто... Вот нужно сделать такую штуку. Т.е. када выбираешь значение в 1ом поле, во втором поле подгружались значения зависимые от первого. Выбирая значение во втором поле со списком, подгружались значения в третьем и т.д. Буду очень благодарен всем кто может помочь.. Очень хочу научиться такие штучки делать...

    Asked by moy_login,

    0 votes
    24 answers

  14. Проблема верстки с div в IE

    На данный момент есть не сколько вопросов. 1. При верстке сайта использовал такой div <!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> {headers} <style type="text/css" media="all">@import url({THEME}/css/style.css);</style> <style type="text/css" media="all">@import url({THEME}/css/engine.css);</style> <script type="text/javascript" src="/engine/classes/tagcloud/swfobject.js"></script> <script language="javascript" type="text/javascript" src="{THEME}/js/dtrotator.js"></script> </…

    Asked by papay,

    0 votes
    24 answers

  15. Вставка HTML после определенного элемента

    Случилось такое что после каждого заголовка <h3> в правой колонке сайта, нужно вставить HTML код: <div class="clr"></div> пробовал через CSS с помощью :after, но текст вставляется как обычный, а не HTML. Думал реализовать через JavaScript, но к сожалению с ним плохо знаком, подскажите пожалуйста уроком или советом К сожалению ссылку на сайт предоставить не могу, т.к. сайт на локальном сервере.

    Asked by MC WEST,

    0 votes
    24 answers

  16. какую сылку ставить

    Здраствуйте я вот скачал шоблон хочу поставить но прежде чем поставить мне надо залить картинки я захожу на свой сайт нажимаю сверху файловый менеджер и заливаю картинки а кокие коды водить там же два у меня выглидит вот так url('/img/logo.png') no-repeat;padding-left: какую сылку ставить толи сылку к файлу или HTML-коды и убирать ли эти скобки и наверху точечки или нет ? Обьясните пожалуйсто а то я неразберу

    Asked by pant,

    0 votes
    24 answers

  17. Проблемы с меню (шапкой) сайта

    Полностью отредактированная и рабочая страница с верхним выпадающим меню: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <LINK href="images/logo_mini.jpg" type=ico rel=icon> <style> body{ background-image: url('images/фон.jpg'); } .menu{ font-family:arial, sans-serif; position:center; font-size:14px; z-index:100; margin-top:-1px; } .menu ul li a, .menu ul li a:visited{ display:block; text-decoration:none; color:#000; text-align:center; …

    Asked by LazyBoy,

    0 votes
    24 answers

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

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

    Asked by kentastik,

    0 votes
    24 answers

  19. резиновые страдания

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

    Asked by Протуберанец,

    0 votes
    24 answers

  20. Как можно сделать "резинку" с применением % и px

    Здравствуйте. Подскажите пожалуйчта, как можно сделать "резинку" с применением % и px, а именно: <!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="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html, body{ margin:0px; background-color:#CF0; height:100%; width:100%; } .body{ margin:0 auto; background-color:#CC3; height:100%; width:600px; } .top{ margin:0 auto; background-color:#C96; height:100px; wid…

    Asked by puller12,

    0 votes
    24 answers

  21. Как запускать сайт?

    Вот еще вопрос!!! Есть сайт но в папке ! В инете вычитал про какой то Веб сервер- сделал ! Теперь вопрос че делать с сервером ,куда кидать html файлы и как его запустить? P.S:обязательны ли покупной домен и что такое хостинг и нужен ли он?

    Asked by ukrop,

    0 votes
    24 answers

  22. Таблица

    ПОМОГИТЕ, не понимаю почему таблица не реагирует на код, рамка не появляется и меню не централизируется... <table align="center"width="1150" border="1" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0"> <tr> <td> <script type="text/javascript" src="jquerymenu.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("ul.subnav").parent().append("<span></span>"); $("ul.topnav li span").click(function() { $(this).parent().find("ul.subnav").slideDown('fast').show(); $(this).parent().hover(function() { }, function(){ $(this).parent().find("ul.subnav").slideUp('slow'); }…

    Asked by Floran,

    0 votes
    24 answers

  23. Слои, кроссбраузерность

    Здравствуйте, помогите пожалуйста разобраться. Делаю сайт на joomla1.5(залил на тест-хостинг) - http://alex.z83.ru. Проблемы две (...пока, насчет IE еще не заморачиваюсь): 1. Справа от герба расположен блок <div id='head_photo'> , в него встроен модуль вывода сучайного фото, размеченный как еще один div , внутри которого ссылка с изображением( div->a->img). В стилях я сделал для #head_photo бэкграунд-картинку(corners.png-прозрачную) с белыми уголками, чтобы фото выводились под ней и были со скругленными углами, выставил z-index: 100; а для самой картинки- div#head_photo div a img { display: block;position: relative;z-index: 9;} чтобы она была под картинкой с…

    Asked by gamletjlo,

    0 votes
    24 answers

  24. Срочный вопрос. Как сгенерировать эдобовский шрифт?

    В общем нужно сгенерировать шрифт в разные форматы ееа, eot,woff, svg..с помощью сервиса http://www.fontsquirrel.com/fontface/generator не получается, ибо шрифт от Adobe. С макрософтскими тоже этот сервис не работает, помогите, пожалуйста, срочный вопрос

    Asked by 1284metra,

    0 votes
    24 answers

  25. Вопросы новичка

    Всем привет! 1. Есть ли какие то стандарты по написании атрибутов в тегах и в CSS, например по алфавиту? 2. Чем отличаются классы и идентификаторы в CSS? Что и в каких случаях лучше использовать?

    Asked by Alexey1988rus,

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