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. IE6 и проблемы с таблицами в xhtml

    Следуя самым новым тенденциям, хотел бы сделать сайт на xhtml (сейчас он на html). Но в IE6 появляется такая проблема: при добавлении DOCTYPE соответствующего xhtml в браузере нельзя выделить текст (выделяется по большей части весь текст на странице по какому-то причудливому алгоритму. Т.е. захочешь выделить часть текста и не выделишь). Это для сайта не подходит. При анализе выяснил, что это связано с таблицами (а у меня весь сайт на них без них никак), которые позиционируются как position: absolute; Для дизайна сайта необходимо спозиционировать большую таблицу, в которой по сути размечается всё содержимое сайта. Какое решение проблемы можно посоветовать? Внизу код, демон…

    Asked by clavin,

    0 votes
    15 answers

  2. <ul> и margin

    Всем привет. Столкнулся с такой ситуацией (возможно, в ней нет ничего необычного, но так как я новичок, мне она показалась странной). Есть такой код: <!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"> <style type="text/css"> * {padding:0; margin:0} #content {margin:0 50px} </style> </head> <body> <div id="content"> Пример списка <ul> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li> </ul> </div&…

    Asked by tvolf,

    0 votes
    2 answers

  3. Красивый Input и IE6

    Красивые css input Разбирая эту статью, попробовал сделать так же, как и в последнем примере. Отлично, работает. Везде. Кроме IE6 (и наверное ниже). Даже в статье, как оказалось, если ввести достаточно длинную строчку, фон начнет сдвигаться. Как решить проблему? Полагаю, можно сделать фон шириной в пиксель, поставить repeat-x, и сделать div обвязку с боковым скруглением. Но не хочется, может можно как-то решить проблему с IE6? вот CSS

    Asked by splean,

    0 votes
    3 answers

  4. Проблемы с переносом на новую строку

    Добрый день, уже довольно давно столкнулся с проблемой не желания Оперы вмещать текст в одну строку, хотя в том же IE и Мозиле все впорядке и еще место остается.. Вот на этой странице, в опере видно, что "11 Орангутан ( Pongo pygmaeus abelii, Pongo pygmaeus pygmaeus )" расположилось в двух строках. Мне же надо, чтобы оно не переносилось (если будете смотреть в IE, там будут проблемы с центральной колонной(она съезжает вниз, эту проблему уже решил, просто не закачал еще на сервер, так что не обращайте внимание). Вот что из кода, относящегося к этой колонне, есть #center { float:left; overflow:hidden; width:560px; min-height:500px; background: url(../i…

    Asked by HSilence,

    0 votes
    3 answers

  5. onmouseover и onmouseover

    Подскажите пожалуйста где можно найти хорошое и подробное описание тегов onmouseover и onmouseover. вот только начиную учиться.. хотелось бы почитать.

    Asked by Nekromancer,

    0 votes
    12 answers

  6. Срочно! Прыгает подвал в ИЕ6

    Друзья! Можно ли что-то сделать по-быстрому, не переверстывая, чтобы здесь: http://new.karo.spb.ru/authors.html в ИЕ6 подвал не прыгал в середину экрана при наведении мышки на верхнее меню? Ой, в ИЕ7 тоже прыгает о_0

    Asked by Yulia,

    0 votes
    8 answers

  7. Отсутствует фоновый рисунок при открытие сайта в Интернете

    Переделывал шапку сайта. Сделал небольшой рисунок, который уместился в шапке 8 раз. Отправил по ФТП. открываю сайт в Инете - нет фонового рисунка. А ведь при создании в Фронтпейдже был. И при просмотре во встроенном в него обозревателе был. Так куда же он делся? Можете посмотреть по ссылке на эту беду и код там же увидеть http://www.po-miry.ru/POHOD/SPORT_TURIZM.htm Заранее благодарен за ваши полезные советы

    Asked by beze,

    0 votes
    4 answers

  8. 8 сторон %(

    Здравствуйте. У меня следующий код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>123</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <table height="700" width="100%" border="2"> <tr> <td align="center"> <div class="block" align="center"> <div> Текст... </div> </div> </td> </tr> </body> </html> Выглядит так: Как мне добавить ещё картинки по углам и в верхней и нежней части? (Хочу сделать как здесь http://webimg.ru/ ) Код CS…

    Asked by Cloack,

    0 votes
    18 answers

  9. с чего начинать новичку

    Доброго времени суток! Вот решил начать изучать HTML и CSS, но пока не знаю, с чего начать: просто тупо учить тэги и их назначение или же изучать код уже созданных в инете страниц пытаясь понять структуру? И создавать код в блокноте или же в программах вроде Dreamweaver? Подскажите плиз.

    Asked by via85,

    0 votes
    7 answers

  10. Src в CSS

    Как использовать фон в стилях понятно,а возможно ли в стилях указывать стиль картинки типа: a:hover img{src:images/a.gif;}.

    Asked by user,

    0 votes
    5 answers

  11. Интересная структура

    Всем доброго времени суток. Меня интересует вопрос - как сделать такую структуру как на этом сайте? - http://bit-center.ru/ И как люди делают штуки типо по бокам повторение по X и идут картинки? Например как тут http://www.edinros.ru/ Думаю это делаю путём таблиц - то есть делаются 3 колонки и двум из них присваиваются фоновый рисунок

    Asked by Cloack,

    0 votes
    6 answers

  12. Закрепление элемента по одной оси

    Использую свой-во position:relative, можно ли как-то по определенной оси оставить absolute, а по другой релэйтив?

    Asked by AlexMak,

    0 votes
    8 answers

  13. Текст русскими буквами или "&#1080"?

    Добрый день! Ответьте неспециалисту! Я делал себе сайт с помощью Макромедиа Дримвьюер, англ. версия. Там весь русский текст, Тайтл и другие теги выглядят не в кириллице а в виде знаков типа "и", причём в браузере вариант в кириллице или в этих знаках отображаются одинаково. Как лучше с точки зрения поведения робота Гугл при ранжировании, или исходя из других соображений? Оставить всё в варианте "и", или переписать кириллицей? Спасибо всем кто ответит!

    Asked by Wow@,

    0 votes
    5 answers

  14. Сделать

    Имею CSS такого вида: #menu a { text-decoration: none; text-align: left; color: #01367C; display: block; padding: 0.7em 0.7em 0.7em 1.5em; border-bottom-color: #99CCFF; border-bottom-style: solid; border-bottom-width: 1px; margin-left: 5px; font-size: 8pt; } И html: <div id="menu"> <a href="/Info/Articles/Page.asp?ID=6530"></a> <a href="/Info/Articles/Page.asp?ID=6531"></a> <a href="/Info/Articles/Page.asp?ID=6532"></a> <a href="/Info/Articles/Page.asp?ID=6533"></a> </div> Поскольку в #menu a указан display: block, можно ли сделать #menu a:visited для каждой ссылки а не целиком сразу, т.е. если…

    Asked by artwalek,

    0 votes
    3 answers

  15. по какому браузеру ориентироваться?

    в разных браузерах оформление таблицы выглядит по-разному больше всего волнует отображение параметра width и отступы на какой браузер ориентироваться?

    Asked by avishka,

    0 votes
    6 answers

  16. Дайте пожалуйста идею

    Возникла ситуация когда большой портал стал слишком много места занимать на хосте, поэтому приходится хоть как-то выходить из положения. В частности приходится у самых старых новостей удалять картинки. Но в браузере отсутствующая картинка простым квадратиком отображается. Как можно реализовать через css, что бы отсутствующая картинка заменялась спец картинкой, например "Изображение отсутствует"?

    Asked by shotlandec,

    0 votes
    5 answers

  17. Изменение картинки при ховере на ссылку

    Какова задача: есть скажем слой, в котором есть бэкграунд в виде картинки и 3 ссылки в виде картинок расположенных вертикально, нужно сделать так, чтобы при наведении мыши на кадую "ссылку-картинку" изменялся бэкграунд и чтобы он также являлся ссылкой на ту же странцу, что и та ссылка на которую мы навели указатель мыши. У меня получилось следующее: немного не то, что мне нужно сделать (и к тому же через таблицу), а именно: <script language="JavaScript" type="text/JavaScript"> function showT(q){ document.getElementById('ima').setAttribute('src','0'+q+'.png') } </script> </head> <body> <table width="500" border="0"> <tr> <t…

    Asked by DImaN,

    0 votes
    2 answers

  18. две картинки в бэкграунд

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

    Asked by misterX,

    0 votes
    2 answers

  19. Вывод картинок в каталогах

    Вопрос по выводу каталогов картинок на сайте. На странице http://www.xxxxxx.ru/images нужно отобразить страницу с картинками (например, наиболее популярные). На странице http://www.xxxxxx.ru/images/genre15 нужно отобразить каталог №15 с картинками (1-я страница каталога №15). На странице http://www.xxxxxx.ru/images/genre15/2 нужно отобразить вторую страницу каталога №15 с картинками. Во всех каталогах вывод картинок осуществляется с помощью ссылок на картинки, находящиеся в папке на сервере ( <img src=…..> ). Картинки нужно отобразить в таблице 4*4, слева на всех страницах располагается меню с каталогами. Как можно реализовать вывод картинок с помощью…

    Asked by maksim14,

    0 votes
    3 answers

  20. верстка divами в две колонки - проблема в IE

    Всем здравствуйте. У меня такая проблема: страница имеет двухколонный макет. Верстаю слоями. Примерно так: <div id="container"> <div id="left" style="float:left; width:30%"> TEXT </div> <div id="right"> <table> <tr> <td>TEXT</td> <td>TEXT</td> ... <td>TEXT</td> </tr> </table> </div> </div> Все хорошо, но количество столбцов в таблице во второй колонке неизвестно. Она строится динамически, и если их много и таблица не помещается, то в FF все хорошо - появляется горизонтальная прокрутка, а в IE весь правый блок сползает вниз под левый. Можно конечно сделать через абсолютное …

    Asked by natasha,

    0 votes
    8 answers

  21. id и name в xHTML

    Прочитал, что: Меня интересует, нужно ли учитывать это правило для форм?

    Asked by Vialls,

    0 votes
    9 answers

  22. бэкграунд на длину заголовка

    Объясните пожалуйста, как сделать бэкграунд на длину заголовка, размещённого в тэгах <h3></h3>. То получается на всю длину дива. Спасибо.

    Asked by corol,

    0 votes
    4 answers

  23. закругление углов с помощью графики в IE 6

    Здравствуйте! Хочу закруглить углы с помощью графики, но IE 6 это не съедает. Если ли решение такой проблемы? <!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" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="all"> <div id="top"> <img class="logo" src="css/img/logo.gif"> </div> <div id="innerContent"> <div class="corner t…

    Asked by Панч,

    0 votes
    4 answers

  24. что прописать в css?

    Имею вот такую конструкцию: <td valign="top" height="25" background="/images/003_03.gif"><div id="tabs"> <ul> <li><a href="http://sait/"><span>ГЛАВНАЯ</span></a></li> <li><a href="http://sait/"><span>КОНТАКТЫ</span></a></li> <li><a href="http://sait/"><span>ПОМОЩЬ</span></a></li> </ul> </div></td> c css : #tabs { float:left; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:normal; back…

    Asked by DzirT,

    0 votes
    6 answers

  25. Как избежать наложения текста(выпадающий список)?

    <script language="javascript"> var what_design_visible=false; why_design_visible=false function show_what_design(){ if (what_design_visible==false){ document.getElementById('what_design').style.display='block'; what_design_visible=true; } else {document.getElementById('what_design').style.display='none'; what_design_visible=false;} } function show_why_design(){ if (why_design_visible==false){ document.getElementById('why_design').style.display='block'; why_design_visible=true; } else {document.getElementById('why_design').style.display='none'; why_design_visible=false;} } </script> <a href="#"><H2 class="style1" style="position:absolute; top:…

    Asked by AlexMak,

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