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. Изменение рисунка при наведении курсора

    Подскажите пожалуйста! Что делать что-бы верхняя картинка изменялась при наведении на ссылку? www.sdlmebel.h.com.ua

    Asked by Frenk Garigan(Gagarin),

    0 votes
    5 answers

  2. frD-Глюк IE

    В отдельной ячейки таблицы помещаю картинку - элемент дизайна, васотой 2 пиксела, для ячейки тоже задаю высоту 2 пиксела, в експлорере, эта ячейка все 30 пикселей имеет. В Опере все нормально, как и задумывал. Вот код ячейки. <td width="220" height="2" align="left" valign="top" > <img src="image/line2.jpg" alt="" width="220" height="2" border="0" align="top"> </td> картинка имеет размер 3x2, в коде ее растягиваю до 220. Кто подскажет, что експлореру не нравиться. PS остальные элементы таблицы ее не растягивают.

    Asked by plexnet,

    0 votes
    5 answers

  3. frD-Пункты меню непрямоугольной формы

    Здравствуйте! У меня на cайте каждый пункт меню не прямоугольный, а в форме стрелы, направленной вправо. При этом используемая картинка этой самой стрелы должна меняться при наведении мыши. Первый вопрос: как мне элементарно сохранить непрямоугольное изображение стрелы? Как можно сделать его ссылкой со сменой изображения?

    Asked by realmadrid,

    0 votes
    5 answers

  4. frD-дублирование текста не понимаю почему.

    Здравствуйте! Мучаюсь уже неделю, не знаю в чем ошибка. Подскажите пожалуйста. Вот код страницы и код css. style.css * { padding : 0; margin : 0; } body { font-family : Arial, Helvetica, sans-serif; font-size : 13px; } img { padding : 5px; border : 1px solid #D61011; } img.floatTL { float : left; margin-right : 10px; margin-bottom : 0; margin-top : 10px; margin-left : 10px; width : 60px; height : 60px; } img.floatTR { float : right; margin-left : 7px; margin-bottom : 0; margin-top : -2px; margin-right : 10px; } p { text-align :justify; padding : 5px; color : #666; font-size : 1.1em; } #wrapper { margin : 0 auto; width : 800px; } #header { color : #333; wi…

    Asked by Ксения :),

    0 votes
    5 answers

  5. выступающая закладка

    Привет народ. Оч нужна помощь. Проблема с выступающей закладкой в меню. Нужно чтобы активное меню вылазило вверх на 3 пункта. Проблема решается добавлением position:relative; но при этом при изменении размеров окна в IE меню сдвигается. Если убрать position:relative; то в IE6 выступающей части не видно Помогите плиииизз решить эту проблему. Код прилагаю: <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> #Header { clear:both; float:left…

    Asked by Ladoga,

    0 votes
    5 answers

  6. Настройки скролла

    Здравствуйте. Создаю блок в у которого вертикальный скроллинг. Скажите плиз как можно настраивать отображение кнопочек и самого бегунка. Можно ли через CSS, если нет то как из под JS спасибо

    Asked by klierik,

    0 votes
    5 answers

  7. Выравнивание картинок с помощью Float:left и float:right

    Здравствуйте, есть код <html> <body> <style type=text/css> .box{ border:1px solid red; height:50px; width:100%; } .box IMG { float:right; width:50px; height:50px; border:1px solid black; } </style> <div class=box><img src="url"></div> </body> </html> Почему картинка не вплотную прилегает к правому краю? или это из-за того что у меня IE 6.0 ? Как обойти эту проблему, и как вообще выравнивать картинки по правому или левому краю?

    Asked by Renert,

    0 votes
    5 answers

  8. проблемы с шириной div-а IE 6

    Есть фаил сверстанный div-ами один div ( ) является контейнером для двух других. В FF и Opera вс? как надо, проблемы с IE 6. IE 6 делает отступы не соразмерные заданным и как результат TEXT......... оказывается не спарва а под TEXT............. Что посоветуете в качестве решения? xhtml <div id="content"> <div id="window"> TEXT............</div> <div id="toolpanel"> TEXT.........</div> </div> css #content {margin-top: 100px; font-size: 90%; } #window { width: 70%; text-align: justify; margin-left: 15%; float: left;} #toolpanel { margin-left: 86%; width: 14%; margin-top: 150px; text-align: center; }

    Asked by Old Nick,

    0 votes
    5 answers

  9. Подч?ркивание пунктиром

    http://www.activeheat.ru/contacts.php В IE ссылки подч?ркнуты пунктиром, а в Firefox - нет Где ошибка? a.city {color: #000000; border-bottom: 1px dashed #000000; text-decoration: none;}

    Asked by allmoney.ws,

    0 votes
    5 answers

  10. Есть проблема..

    Всем доброго времени суток!!! У меня возникла проблема..... Можно ли как то автоматически определять размер ширины браузера и автоматически пересчитывать ширину выпадающего меню. Т.е. меняется ширина открытого окна=>меняется ширина выпадающего меню. Нужно что бы параметру width присваивалось значение: 0,33*("ширина открытого окна"-290px), как это осуществить? "Ширина открытого окна" должна динамически изменять при е? реальной смене. Спасибо все кто что подскажет

    Asked by Dr_Veter,

    0 votes
    5 answers

  11. Направте на путь истенный :)

    Всем доброго времени суток. Буду краток, я начинаю тольк озучать этот язык, для саморазвития так сказать, сам я программист FlashFlex. Хочу узнать буквально несколько основ, которые мне нужны для хорошего старта, чтобы я не мучал себя не которые вопросами и не убивал много временни на поиски ответа которого нет 1. что есть HTML, по сути, его можно использовать только для того что бы расположить те или иные картинки туда и сюда, сделать функционирующие кнопки и так далее. Возможноли применять скрипты какие либо в html коде , например я хочу при нажатии на кнопку, менять имя этой же кнопки на какое нить другое скажем myNewBtn+random(5) Образно.? 2. видел у многих аттрибуд …

    Asked by RATFACE,

    0 votes
    5 answers

  12. Таблицы сползают

    Пожалуйста для начала скачайте приложеный файл, именно там проблемная страничка, с подробным описанием http://webber-site.narod.ru/Forum.rar 2kb ..идея такова - зафиксировать это вс? чудо на одном месте, так чтоб все было одно под другим с пробелом в 10 пикселов, и чтоб оно там намертво лежало! в свою очередь в таблице ?1 должно вводиться довольное количество текста... ..как мне разобратся с этим? все сделано таблицами, они имеют свою высоту, и выравнивание, но почему то его не соблюдают..

    Asked by Webber,

    0 votes
    5 answers

  13. Слой 100% высоты почему-то больше 100%. Help!!!

    Код до безобразия прост: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>страница</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <style> html, body { width:100%; height:100%; padding: 0px; margin: 0px; } .block { width: 70%; height: 100%; background-color: #FFFFC1; border: 1px solid Orange; margin: 0px auto 0px auto; } </style> <body> <div class="block"> </div> </body> </html> Почему block ширее размера страницы ? (визуально на пару пикселей, но этого достаточно что…

    Asked by Evgeny,

    0 votes
    5 answers

  14. не могу сделать что бы менюшка "налезла"

    http://www.helpit.ru/about/?temp=0 не могу сделать что бы внутреннее меню работало как здесь http://www.helpit.ru/about/?temp=1 т.е. оно у меня вниз не спускается из за блока как понимаю , как исправить ? пробывал z-index не помогло ...

    Asked by HelpIT,

    0 votes
    5 answers

  15. Background repeat, Background position

    Сколько читал, но так и не понял. Сделал Background repeat:no repeat; Background position:20% 80%; background attachment: fixed получилось наоборот. И повторяется, и прокручивается. И вообще хотел уточнить. fixed- фиксирует рисунок на странице или на экране? Потому что у меня получается что на экране. А то что он размножается это я вообще объяснить не могу. Вот страница пробная http://kochubey-city.narod.ru/index1.html

    Asked by SHeiH,

    0 votes
    5 answers

  16. Растягивающееся горизональное меню

    Как сделать растягивающееся на 100% в ширь меню. Так что-бы внутрение элементы тоже растянулись на всю ширь. То есть если внутри четыре пункта то каждый из них взял на себя 25%.

    Asked by Rendom,

    0 votes
    5 answers

  17. Цвет четных и не четных строк в списке

    Подскажите возможно ли на css сделать что-бы у списка четная строка была с белым фоном, а не четная например с серым? если да то подскажите хотя-б в какую сторону копать.

    Asked by Sigurt,

    0 votes
    5 answers

  18. ссылки на руском

    На сайте есть много документов на русском. названия в кодировке cp1251 как и весь сайт. что то типа http://mysite.ru/files/Документ.doc Но браузеры как то неоднозначно к этому относятся. FF грузит без проблем. А Опера и Эксплорер говорят что такого документа нет,причем в теле ошибки имя документа указано в UTF-8. Есть ли какой то однозначный подход к решению такой проблемы? Мне просто нужно чтоб названия документов были на русском языке.

    Asked by folibis,

    0 votes
    5 answers

  19. vertical-align: baseline

    vertical-align: baseline; В IE с таким стилем вс? отображается на ура: , а в FF косячит: Как поправить, чтобы было как и в IE?

    Asked by allmoney.ws,

    0 votes
    5 answers

  20. Нетривиальная таблица неверно отображается в ИЕ

    Вобщем есть такая нетривиальная таблица.. И я с ней уже запарился.. <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="2" width="12"> <img src="images/l_top_crnr.gif" width="12" height="15"></td> <td width="290" background="images/top_left.gif"></td> <td width="112"><img src="images/top.gif" width="112" height="15"></td> <td width="100%" background="images/top_right.gif"></td> <td width="11"> <img src="images/r_top_crnr.gif" width="11" height="15"></td> <td width="1"> <img src="images/разделитель.gif" width…

    Asked by FireBall,

    0 votes
    5 answers

  21. Управление поведением списков

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

    Asked by rash,

    0 votes
    5 answers

  22. Проблема со скриптом для изменения прозрачночти в FireFox и Opera

    Такой скрипт: /////////////////////////////////////////////////////////////////////////// var doclick=new Array(0, 0, 0, 0, 0); function onover(obj, par) { if(doclick[par]==1 && document.getElementById(obj).style.opacity<0.60) { document.getElementById(obj).filters.alpha.opacity+=4; document.getElementById(obj).style.opacity=(parseFloat(document.getElementById(obj).style.opacity)+4/100); setTimeout("onover('"+obj+"', "+par+")", 6); } } function onout(obj, par) { if(doclick[par]==0 && document.getElementById(obj).style.opacity>0.20) { document.getElementById(obj).filters.alpha.opacity-=4; document.getElementById(obj).style.opacity=(parseFloat(do…

    Asked by nemecfc,

    0 votes
    5 answers

  23. Как правильно работать с type="text" в explorer?

    Эта глючная особенность Explorer уже года три периодически мне портит дизайны: http://dankey.biz/dan/trabla Как избавится от зазора между текстовым полем и его контейнером?

    Asked by DanKey,

    0 votes
    5 answers

  24. Ошибка в верстке

    Ребята, подскажите где может быть трабл? Вот ссылка, видите в Центре в комментарии к новости bbcodes не по горизонтали, а по вертикали, как это исправить: http://bezumno.atmosfera.kz/2007/10/06/post1.html Вот css: html, body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; margin: 0px; padding: 0px; background-color: #3e6872; } table { table-layout: fixed; } p, td, div, span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; } form { margin: 0px; padding: 0px; } input { font-size: 11px; } a { text-decoration: none; color: #153d47; } a:hover { text-decoration: un…

    Asked by okunev2,

    0 votes
    5 answers

  25. Высота всей страницы - всегда 100%. Как?

    Здравствуйте. Задача: Первый и последний имеют фиксированную высоту, например, по 100 точек. Третий же должен растягиваться по всей высоте, независимо от содержимого. При этом, если содержимого много то в нем должна появляться полоса прокрутки. Таким образом, высота страницы всегда остается 100%, а титул и подвал всегда видны. Помогите, пожалуйста, с решением.

    Asked by ekha,

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