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. Do not use list-style-image для ul

    Недавно была тема и специально для этого я сделал скриншотик, думаю из него понятно что к чему и что отображается по-разному в разных браузерах а что одинаково! Тема простая, не стоит использовать свойство css: list-style-image для маркеров ибо оно имеет только параметр который указывает путь к файлу маркеру, НО оно не имеет никаках параметров для выравнивания этого маркера! Да и в разных браузерах по разному они расположены, это наводит ужас, вместо этого стоит для li прописывать background: url() у которого есть возможность позиционировать фон как угодно. 2 скриншота один я сделал, а второй - это скрин с этого же сайта где черно-побелому написано то что я уже сказал. Н…

    Asked by TonKhaO,

    0 votes
    5 answers

  2. Выравнивание меню из списка. Как?

    Доброе время суток. Сделал горизонтальное меню из списка. Помогите разобраться с выравниванием. Ширина фоновой картинки 1000px, высота 30px. Надо текст выровнять по горизонтале по центру и по вертикале центру. Как? CSS .menu{ margin: 0; padding: 0; float: left; font: bold 15px Georgia; width: 100%; background-image:url(images/bg_navbar.gif); /* фоновая картинка 1000Х30px*/ } .menu li{ display: inline; } .menu li a{ float: left; color: #000; padding: 5px 15px; text-decoration: none; } .menu li a:visited{ color: #000; } .menu li a:hover, .menu li .current{ color: #FFC; } HTML <ul class="menu"> <li><a href="#" title="" class="current"&…

    Asked by Yura13,

    0 votes
    3 answers

  3. альтернатива ":focus" средствами jQuery! Как?

    сабж! Пытаюсь сделать навигацию) с окрашеванием background'а после соостояния active, ну собствеено то что делает focus ..цель вроде как победить осла).. и т.к. только начал осваивать JS, точнее работу с фреймворком jQuery), хотелось бы пойти этим путем. Пример моих стараний не выкладываю - мне не нужен готовый рабочий код.. хотелось бы просто более подходящего рецепта на словах - какое событие и тп? И еще вопросик, собственно ковыряясь с вариантами, получилось используя событие "click" добиться поочередного "включения" всех кнопок-блоков).. это конечно не то, но заметил что ИЕ6 не отреагировал - отсюда хочу спросить - насколько он вообще хорошо дружит с JS? ЗЫ.. в поис…

    Asked by sashakiselev,

    0 votes
    2 answers

  4. min-height не работает

    Вот нашол решение #element { min-height:925px; height:auto !important; height:925px; } И не работает этот "хак" в мазиле и в IE 8 (в других не пробовал), хотя где хак был написано, что проблемы только в 6 версии в последующих всё нормально. в опере норм, работает. доктайп стоит XHTML 1.0 Transitional, да если поставить HTML 4.01 проблемы вообще не будет, но думаю лучше XHTML 1.0, потом может пригодиться.

    Asked by SoFuWa,

    0 votes
    7 answers

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

    Всем день добрый. Глупый вопрос: есть таблица - три столбца и три строки, я объединяю второй столбец на все три строчки. В этот второй столбец помещается большой по высоте контент, высота заранее неизвестна. Как мне выставить высоту первой и третьей строчки? Ни в какую не хочет. Заранее спасибо! Простейший код, имитирующий данную ситуацию: <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

  6. Border наползает на img

    У тега H2 есть нижний border. Есть img элемент. У него float:left; Далее идет текст, который, собственно, обтекает элемент img справа. Все нормально, пока текст не доходит до тега H1: сам текст (что в теге H1) имеет нормальный отступ слева (т.е. ширина изображения), а вот нижняя рамка, заданная border-left:... как бы не видит изображения слева и простирается на всю ширину (т.е. проходит под изображением (изображение с прозрачным фоном)). Пробовал и в мозиле и в ie - эффект один и тот же. Подскажите как быть.

    Asked by volkov59,

    0 votes
    9 answers

  7. <table> VS <div>

    Все говорят, что верстать таблицами не модно, т.к. они предназначены для табличных данных, а вот дивами - можно и нужно. Но вот в чем таки дело никто толком не может сказать. Попробуем разобраться. Преимущества таблицы: - Таблица верстать сложное просто (возьмем, например, футер прижатый к низу или резиновый дизайн или одинаковою высоту ячеек) - Таблица верстать удобней, т.к. они более одинаково отображаются в разных браузерах - Немного меньше букв будет использоваться при верстке Недостатки таблицы -Не модно. Так сказали: не модно. Три огромных плюса и один маленький минус. Но назовите мне еще минусы. Пользователь? Да ему все равно, лишь отображалось нормально. Поисков…

    Asked by volkov59,

    0 votes
    44 answers

  8. не центрируеться center блок

    Всем привет, вобщем есть html <div id="c_niz"> <div id="sidebar_right"> </div> <div id="sidebar_left"> </div> <div id="center"> </div> </div> css #sidebar_left { float:left; } #center { margin:0 auto !important; } #sidebar_right { float:right; } #c_niz { width:100%; float:left; } т.е. центральный блок, и 2 боковых. "резрезиниваться" он должен так: сайдбары лепяться к бокам, а центр - строго в центре в ие не центрируеться, обтекая левый сайдбар помогите поставить его "на место"

    Asked by cardsmoney,

    0 votes
    5 answers

  9. аномальная навигация

    Всем привет, захожу сегодня на сайт http://portal-knyazeva.ru вроде всё, как обычно. Щёлкаю по первой попавшейся статье и обнаруживаю, что внизу статьи появилась аномальная ссылка-ячейка (< Предыдущая Следующая >), которая мало того отвратительно выглядит, с какой-то не понятной границей, так я и вообще никогда эту навигацию не создавала. Просматриваю код элемента, вижу следующее: <table align="center" class="pagenav"> <tbody> <tr> <th class="pagenav_prev"> <a href="......"><Предыдущая</a> </th> <td width="50" </td> <th class="pagenav_next"> <a href="......"><Следующая</a> </th> Вроде …

    Asked by joomgirl,

    0 votes
    6 answers

  10. Раскраска таблицы XML > HTML (XSLT)

    Добрый день! Возможно данная задача (см. рисунок) для некоторых покажется простой, но для меня, как для начинающего в xslt - доставляет трудности. Задача в следующем: необходим раскрасить таблицу с учетом rowspan. Обычно я использовал проверку "position() mod 2 = 0", но тут это не прокатит. Решение вроде бы витает где-то рядом, но все же витает Заранее благодарен. <?xml version="1.0" encoding="UTF-8" ?> <table border="1"> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td> <td>f</td> </tr> <tr> <td>a</td> <td>b</td> <td>…

    Asked by rb88,

    0 votes
    4 answers

  11. Знатокам CSS. Заставить input:text вести себя по-блочному

    Господа, айнидхелп. Есть ли возможность, заставить input текстовый растягиваться во всю длину блока, но не ставя при этом ему 100%. Опишу суть проблемы <div class="widht-300px"> <div class="float-left">Здесь будет лэйбл</div> <input type="text" class="block" /> </div> Нужно чтобы инпут заполнил всю оставшуюся ширину после плавающего блока, как если бы там простой див был. Ни кто не знает как сделать?

    Asked by akxxiv,

    0 votes
    14 answers

  12. Как на моем сайте показать половину картинки с другого сайта?

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

    Asked by leomaks,

    0 votes
    7 answers

  13. Карусель и разные браузеры

    Есть сайт http://www.pssh8.ru В шапке карусель из фотографий на JQuery. Столкнулась с тем, что в Firefox все отображается нормально. А вот IE добавляет к фото поля по другому. Как привести к единому восприятию, я не знаю Понимаю, что наверное сверстала криво, а как сделать правильно не понимаю. Помогите, пожалуйста! Вот код шапки: <table width="990" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td style="background-image:url(img/foto_bg.png); width:484px; height:265px;" valign="top"> <div id="s1"> <img src="img/up_img_01.jpg" style="padding-left:35px; padding-top:24px; display:block;"/> <img src="im…

    Asked by Bredova,

    0 votes
    9 answers

  14. overflow hidden парализует ие6

    Ещё раз всем привет!!1 поиск полистал - не нашёл.. столкнулся с проблемой - делаю меню сбоку через список.. последний пункт списка - длинный блок (получается, вылетает за экран) так вот структура <div id="wrapper"> <div id="content"> <div id="c_niz"> <div id="sidebar_right"> </div> <div id="sidebar_left"> <ul> <li class="hat" >Каталог дисков</li> <li class="a">Каталог шин</li> <li>Тесты шин</li> <li class="a">Онлайн Инфо</li> <li class="zvonok">Онлайн Инфо</li> </ul&…

    Asked by cardsmoney,

    0 votes
    3 answers

  15. Необходимо отредактировать .css файл, я новичок, с чего начать?

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

    Asked by aleksandra1.07,

    0 votes
    1 answer

  16. Масштабирование

    <!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" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> html { margin: 0; padding: 0; width: 100%; height: 100%; } body { overflow: hidden; margin: 0 auto; width: 1900px; min-height: 100%; height: auto !important; height: 100%; } #header { border: 10px solid green; width: 1900px; height: 567px; } </style> </head> <body> <div id="header">123</div&g…

    Asked by Razor,

    0 votes
    1 answer

  17. Как прописать отображение формата картинки gif и jpg на выбор браузеру?

    Как прописать для отображения картинки, чтобы в случае, когда не поддерживается формат картика.gif, отображалась картинка.jpg?

    Asked by t-stn,

    0 votes
    17 answers

  18. Перенос строки в textarea.

    Что нужно вставить в код: <textarea name="text" wrap="virtual" rows="10" cols="60">Исходный текст, в который нужно вставить код переноса строки.</textarea>, чтобы он выглядел в форме например так: Исходный текст, в который нужно вставить код переноса строки. Заранее благодарен.

    Asked by reger,

    0 votes
    6 answers

  19. Картинка бэкграундом в стилях: как сделать сдвиг

    В верстке есть параграфы, в начали части из них для имитации списков вставляется тэг картинки со стилями <p class="className"><img src="http://site.ru/img/list.gif" width="13" height="13" alt="" align="top" style="position:relative;top:1px;">Текст бла-бла-бла</p> я хочу сделать иначе: убрать тэг картинки, заключить такие параграфы в див (сами параграфы уже без классов), прописать в стилях картинку, все удается, но она получается на 1 пиксель выше, чем в исходном коде (в стилях выше это решается top:1px;) div.classNameImg p { margin: 0; padding-left: 17px; background-image: url(http://site.ru/img/list.gif); background-repeat: no-repeat; } добавление…

    Asked by alexspb,

    0 votes
    20 answers

  20. B Dreamweavere не отображаются картинки

    Пожалуйста, помогите разобраться. Делаю меню на CSS с помощью списка в B Dreamweavere CS4. Когда в <li> задаю бекграунд-картинку, то он в самой программе у меня не отображается. А в браузерах отображается. В чем дело??? Со всеми другими тегами все в порядке. Вот таблица стилей: #main_menu a {color:#900; text-decoration:none; font:bold; Tahoma;} #main_menu a:hover{color:#666;} #main_menu .active { color:#FFF; text-decoration: none;} .menu li { display: inline; padding: 7px 23px; background:url(images/picture1) repeat-x top left; margin:0px 2px;} .menu { margin-top: 7px; font: bold 13px tahoma; color:#36F; padding-left: 5px; } .menu .active { font: bold 13px ta…

    Asked by alifa,

    0 votes
    3 answers

  21. IE не отображает страницу в iframe со стилем HTML {POSITION:relative;}

    Есть 2 файла: 1.html <html> <body > <iframe src="2.html" width="50%" height="50%" frameborder="no" scrolling="yes" ></iframe> </body> </html> и 2.html <html> <head> <style> HTML {POSITION: relative;} </style> </head> <body> <h1>TEST</h1> </body> </html> Во всех браузерах кроме ИЕ отобржается нормально. в ИЕ вообще не отображает что находится в iframe. Это как то можно решить? Сразу хочу сказать, что доступ к 2.html не имею и он находится на другом домене. Далее я немного разобрался. Если сделать в 1.html для iframe стиль style="position: absolute; z-index: 1" то все отобража…

    Asked by traffoLocker,

    0 votes
    0 answers

  22. Как это делаетья?

    Вот как например тут http://kuhni-mila.ru/ между блоками сайта, на границах полоска с тенью, с левой стороны, на самих картинках её нет, как это сделано?

    Asked by SoFuWa,

    0 votes
    4 answers

  23. Незнаю как увидеть карту сайта.

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

    Asked by Ururu,

    0 votes
    1 answer

  24. Вложенные таблицы с использованием CSS

    Подскажите, пожалуйста... Имеем такой код: <HTML> <HEAD> <TITLE>Опять таблица</TITLE> <STYLE> TD {width: 30px; height: 30px; text-align: center} TD.big {border: none; text-align: center} </STYLE> </HEAD> <BODY> <TABLE width="100%" height="100%"> <TR> <TD class="big"> <TABLE> <TR><TD>1</TD> <TD>2</TD></TR> <TR><TD>3</TD> <TD>4</TD></TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML> не происходит горизонтального выравнивания центральной (внутренней) таблицы. Но если убрать общий стиль для TD, т.е…

    Asked by cyrilus,

    0 votes
    8 answers

  25. IE6 делает непонятный пропуск

    Добрый вечер, вот делаю шаблон для сайта таблицами. Вверху и внизу основы сайта делаю тени следущим способом. <tr><td colspan="4" height="19" background="/images/topmenubg.jpg"> </td></tr> По это адресу находится картинка 5*19 с переходом от белого, к серому Выглядит в ФФ и Опере вот так а ИЕ шестой показывает так Видите этот пробел белый? Вот как его убрать? Заранее спасибо

    Asked by artpol,

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