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. img - размер изображения

    Большая просьба! Не могу найти код для такого случая: У меня картинка отображается во фрейме и выходит за рамки него, появляются полосы прокрутки. Можно ли сделать так, чтоб картинка сама подгонялась под фрейм, при этом не хочется изменять размер ни картинки, ни фрейма... Подскажите как это сделать. Заранее благодарен.=)

    Asked by Igory,

    0 votes
    5 answers

  2. FORM - в таблице появляется отступ

    Когда вставил в ячейку таблицу, это элемент формы: <td height="35" class="header7"> <form> <select> <option selected>Выберите для перехода</option> <option>Меню 1</option> <option>Меню 2</option> <option>Меню 3</option> </select> </form> </td> вот cllass - header7, который заливает ячейку фоновым рисунком: td.header7 { background: url(images/img_header11.jpg); text-align: left; } все съехало Подскажите как сделать обтекание этого элемента формы и выравнить по центру и по левому краю ячейки таблицы, и как оформить элементы формы select (цвет границы, цвет стрелки на бегунке)?

    Asked by okunev2,

    0 votes
    7 answers

  3. Слой в ячейке таблицы

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

    Asked by Shar,

    0 votes
    4 answers

  4. frD-Горизонтальная полоса прокрутки: почему появляется?

    Есть макет сайта, фиксированная табличная верстка ширина 1000 пикселей, при разрешении 1024 на 768 появляется горизонтальная полоса прокрутки, хотя сам каркас визуально вмещается в экран и вроде ничего не выползает(видны маленькие белые полосы по бокам). Даже скрин сайта тоже ровно 1000 точек. На больших разрешениях все нормально. Что это может быть?

    Asked by Shar,

    0 votes
    4 answers

  5. Как оформить границы таблицы с помощью CSS

    Подскажите примерчик кода CSS, пожайлуста! Есть таблица, состоящая из одного столбца и двух строчек, собственно в вверхней ячейке картинка, а в нижней черные границы таблицы. Как мне сделать так, чтобы у второй ячейки верхняя граница неотображалась, а границы слева и справа и снизу оформить цветом и толщиной линии?

    Asked by okunev2,

    0 votes
    5 answers

  6. Растянуть по высоте на всю страницу

    Кто то подскажет как сделать что бы при растяжке среднего блока по высоте на 100% IE не прибовлял высоту первого блока . Из за этого нижняя часть вылезает за перделы экрана, и появляется полоса прокрутки ((( Знаю только вариант с хаком в css но он не коректен с ИЕ7 - http://forum.oszone.net/post-612994.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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style> body,html{h…

    Asked by Powerslave,

    0 votes
    3 answers

  7. BUTTON - backgroud, фоновое изображени

    Привет! Я тут первый раз. Не знал где это спроить, поэтому спрашиваю здесь Народ, вот у меня такой вопрос: наверное все знают что такое кнопки. Я про те кнопки, которая например находится на http://yandex.ru На этой кнопке написан ТЕКСТ "Искать" Чтобы забабахать себе такую же кнопочку с каким-либо текстом, надо прописать вот что: С этим я разобрался. А вот скажите плиз, как сделать так, чтобы заместо ТЕКСТА на кнопке была какая-нибудь КАРТИНКА? Мне именно не код для картинки нужен типа как а код, который поместит КАРТИНКУ на кнопку. Заранее спасибо

    Asked by RussianQuaker,

    0 votes
    3 answers

  8. 100% по высоте в блочной верстке

    Доброго дня! Есть раскладка на флоатах <!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=windows-1251" /> <title></title> <link href="index-block.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="leftcol">MENU </div> <div id="rightcol"> <div id="head"> HEAD </div> <div id="content"> CONTENT </div> </div> <div id="footer">FOOTER</di…

    Asked by Darkside,

    0 votes
    7 answers

  9. Помогите с выравнивание изображения под любое разрешение.

    Привет всем. У меня возникла проблема и я не могу е? решить,надеюсь вы сможите мне помоч. Я плохо разбираюсь в хтмл поэтому и попросил помощи. Что мне нужно,привратить это: Вот код этого: <!-- Header --> <table border="0" cellpadding="0" cellspacing="0" height="204" width="100%"> <tr><td align="left" width="357"><img src="http://src.ucoz.ru/t/601/1.jpg" border="0"></td><td style="background:url('http://src.ucoz.ru/t/601/2.jpg');" align="right"><a href="$HOME_PAGE_LINK$" title="Главная"><img src="http://src.ucoz.ru/t/601/3.gif" border="0" alt="Главная"></a><img src="http://src.ucoz.ru/t/601/4.gif" width="10" …

    Asked by AstraZak,

    0 votes
    15 answers

  10. совмещение фона и изображения

    Как, на основной фон наложить обычное белое изображение, через которое хоть не много веднелся бы Основной фон??? Плиззз.

    Asked by Slavi4,

    0 votes
    5 answers

  11. как сделать невидимую кнопку

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

    Asked by UnderFelixAbove,

    0 votes
    2 answers

  12. оконтовка букв

    День добрый! кто знает возможно ли сделать тексту оконтовку, так сказать border для самих букв?

    Asked by Lostman,

    0 votes
    10 answers

  13. вставка картинки как маркера списка

    Я создаю меню на своем сайте. Для того, чтобы сделать его красивым, попробовала вставить маркированный список, маркером сделала картинку - теннисный мячик. Но возникла проблема, мячик по отношению к кнопке меню находится выше, а мне хотелось бы чтобы и маркер и кнопка находились на одном уровне. Как это сделать. Как получается меню:

    Asked by Ксения :),

    0 votes
    6 answers

  14. как обойти ЯваСкрипт

    Доброго всем времени суток!!! У меня следующая проблема, Данное тело полностью рабочее, но мне надо какм то образом обойти наличие скрипта!!! <body> <script language="javascript"> function past(print) {text.value = text.value + '<img src="01.gif">'} </script> <textarea name="text" size="50"></textarea> <img src="01.gif" onclick="past(true)"> </body> </html> я новечек в этом деле но на моем бесплатном хостинге в гостивой стоит похоже какой то контроль он полностью игнорирует все скрипты такого плана <script language="javascript"> function past(print) {text.value = text.value + '<img src="01.gif">'} </…

    Asked by ruslan_rx,

    0 votes
    2 answers

  15. Разв?ртывающийся список

    помогите, плиз, как сделать разв?ртывающиеся списки для FF и Opera? наш?л код под эксплорер, но в FF и O. не работает <ol dynamicoutline initcollapsed> <li>xxx1 <ol> <li>zzz</li> <li>zzz</li> </ol> </li> <li>xxx2 <ol> <li>zzz</li> <li>zzz</li> </ol> </li> </ol>

    Asked by Broz,

    0 votes
    4 answers

  16. frD-Отмена обтекания в Opera

    Ниче не пойму, есть блок, в блоке строка Строка текста с параметрами: .name_this_block { width:130px; min-height:19px; font: bold 12px Tahoma; color:rgb(115,79,135); text-align:center; background-color:rgb(245,245,225); border: 1px solid rgb(197,188,172); border-bottom: none; padding-top:5px; position:relative; left:10px; top:-33px; float:left; display: inline; margin: 0px; white-space: nowrap; } .name_object_style { font: 22px georgia; color:rgb(17,83,126); text-decoration: none; position:relative; } далее в том же блоке идет блок с текстом который центрируется, вот Строка текстая отменяю обтекание и задаю соответствующие параметры для данного блока чтоб он принял ну…

    Asked by Emm,

    0 votes
    5 answers

  17. Вопрос по перекатываниям

    Всем привет,у меня такая ситуация:решил сделать кнопки с эффектом перекатывания,но через CSS и с помощью идендификаторов,с JS ещ? не знаком,так вот первые две кнопки отображаются нормально,но когда я делаю третий идентификатор с указанием картинки и функцией hover,то кнопки изчезают,в ч?м дело?Буду очень благодарен за ответ. Вот код: A#rollover{ background: url('Глава1.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; left:140px; top:20px; } A#rollover:hover{ background: url('Глава1(актив).gif') } A#rollover2{ background: url('Глава2.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; l…

    Asked by Imevil,

    0 votes
    15 answers

  18. значение пробелов в верстке

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

    Asked by Vimaz,

    0 votes
    3 answers

  19. font - сокращенная запись

    Возникла проблема при создании сайта: Фаерфокс не отображает классы у гиперссылок, в css написал: {font: italic Georgia, Arial, sans-serif;} а ссылки так и остались тем шрифтом, что были и курсивом не выделились. Причем в Опере, EI и программе редактирования все правильно отображается, в отличие от Firefox. В чем тут проблема?

    Asked by Дио,

    0 votes
    6 answers

  20. насколько критичен сайт на фреймах?

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

    Asked by Ddroid,

    0 votes
    5 answers

  21. Высота ячеек в IE

    Проблема такая: Наверстал страничку, сделал таблицу примерно таким образом: Тейбл сделал по ширине 100%, по высоте 100% (чтобы при неполном заполнении желтой ячейки по высоте не уезжал) Проблема такая, в IE если текста в желтой ячейке больше по высоте, чем экран (т.е. тейбл уезжает по высоте), голубые ячейки тоже увеличивают высоту. Пробовал фиксировать и через свойста тега и через CSS. Вот код тейбла: <TABLE cellspacing=0 cellpadding=0 class="big" rules="none"> <TR><TD colspan=3 height=259> <TABLE width=100% cellspacing=0 cellpadding=0 border=0 height=259> <TR><TD rowspan=2 width=756 height=234> <TD background="/images/toptop.…

    Asked by k@ss,

    0 votes
    6 answers

  22. правила оформления имен идентификаторов

    дентификаторовВобщем когда пишу так: текстто вс? замечательно. А когда так :: .6851 {font-size: 5px;} текстто браузеры не реагируют (тестил на ие и опере). Как так может быть ?!

    Asked by blackmind,

    0 votes
    4 answers

  23. Закругленные бордюры блока

    Как оформить закругление границ (border) блока по всем четырем углам ?? Если это простой блок, то у него все четыре угла прямые. А то я пытался оформить вложенными дивами (div) с картинками закругленнных углов бордюров. Ничего не получилось. Обьясните как это сделать ? Пример: обратите внимание на цитаты. Вот ссылка http://www.microsoft.com/Rus/Licensing/Pro...alServices.mspx

    Asked by genege,

    0 votes
    1 answer

  24. Имена файлов

    Есть фрагмент html документа Текстовый документ 6,5 Кб При клике по ссылке происходит открытие файла. В заголовке %D0%A2%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1%8B%D0%B9%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82[1].txt. Как сделать нормальный заголовок русскими буквами?

    Asked by Noob,

    0 votes
    4 answers

  25. скелет 3 колонки. помогите сделать.

    Добрый день, со слоями ни разу не работал, прочитал статьи, но не совсем понимаю как все таки с ними работать.. Вот мне надо сделать такой скелет: __________________________ |__________header__________| |_____|_______________|_____| |_____| |_____| |_____| |_____| |_____| content | | |_____|_______________|_____| |_________footer____________| В общем у меня получаются проблемы с позиционированием слоев, все разезжается, либо не станолвиться в ряд ДИВ'ы. Помогите сделать скелет, дальше я сам буду пробывать разбираться.

    Asked by Makcik,

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