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 левый блок с заданной шириной, а правый, где и размещается меню - по остальной ширине экрана. В словосочетаниях непечатаемый символ потому, что начинает переносится меню на вторую строку. Можно ли как то выкрутится без nbsp? CSS: .logo { position: absolute; left: 0px; top: 0px; width: 285px; background-color: #86adf8; padding-right: 2px; padding-bottom: 0px; } .top-right-place { height: 463px; backgr…

    Asked by Троица,

    0 votes
    0 answers

  2. 2 float-a

    http://rang56.ru/pages/diplom/ Текст по середине едет вниз. Т.к. блоку что идет по центру присвоено clear:left. Как можно выкрутиться? (чтобы текст по середине шел столбцом) Текст формируется скриптом, тоесть изменить вывод нельзя, можно только стили поправить... http://rang56.ru/pages/aboutus/ Текст идет ниже только в IE, в опере все нормально. Но тут claer нигде не прописан. почемуто где начинается таблица текст спускается вниз(к концу левого блока)

    Asked by snekaaa,

    0 votes
    0 answers

  3. Полезные темы раздела

    * Как вставить флэш-ролик в виде фона веб-страницы * Вставка формул в HTML-документ * Автоматически редирект на другую страницу * Кодировка - общие вопросы * max-width, максимальная ширина страницы * target="_blank" или чем его заменить? Дублирование вышеназванных тем не приветствуется.

    Asked by Vlad,

    0 votes
    0 answers

  4. Правая граница таблицы выходит за границы

    Имеется большая таблица на всю страницу из 2-х ячеек - широкая для контента и узкая справа для меню. В контентной ячейке заголовки в виде отдельных одноячейковых таблиц более т?много цвета с двойной рамкой, код: <table id="title"><tr><td>Обзоры и статьи</td><tr></table> В CSS: #title {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} #title td {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} Но справа таблица-заголовок уходит за границы контентной ячейки, визуально это выглядит так: http://www.allmo…

    Asked by allmoney.ws,

    0 votes
    0 answers

  5. Рендеринг в опере

    В центре страници скачать файл есть "окошко". При изменении его размеров в опере оста?тся след от уголка. Этот уголок позиционируется отрицательно от слоя с фоном "окна". Кто знает почему в опере проблемы?

    Asked by S ... (delete),

    0 votes
    0 answers

  6. События в <OBJECT>

    Такой вопрос, допустим в документ необходимо добавить некий ActiveX, например UpDown: <OBJECT id=UD1 style="LEFT: 209px; WIDTH: 16px; BOTTOM: 0px; TOP: 138px; HEIGHT: 20px" classid=clsid:603C7E80-87C2-11D1-8BE3-0000F8754DA1><PARAM NAME="_ExtentX" VALUE="423"><PARAM NAME="_ExtentY" VALUE="688"><PARAM NAME="_Version" VALUE="393216"><PARAM NAME="Value" VALUE="0"><PARAM NAME="Acceleration" VALUE="0"><PARAM NAME="Alignment" VALUE="1"><PARAM NAME="AutoBuddy" VALUE="0"><PARAM NAME="BuddyDispid" VALUE="-1"><PARAM NAME="BuddyIndex" VALUE="-1"><PARAM NAME="OrigLeft" VALUE="0"><PARAM NAME="OrigTop" VALUE="0">&…

    Asked by Costen,

    0 votes
    0 answers

  7. Блок с фиксированными width, height но не block.

    Собственно нужен елемент, например div, что-бы при указанных width, height, он держал форму но при этом не было display:block; т.е. могло быть несколько в одной строке. PS Положить block-элементы в таблицу не преблагать. PPS Заранее спасибо.

    Asked by Astraller?,

    0 votes
    0 answers

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

    Примерный код: <table height="100%"> <tr> <td width="21%" height="100%" align="left" valign="top"> <table width="100%" height="100%"> <tr> <td width="100%" align="left" valign="top" height="33%"><img /></td> </tr> <tr> <td width="100%" align="left" valign="middle" height="33%"><img /></td> </tr> <tr> <td width="100%" align="left" valign="bottom" height="33%"><img /></td> </tr> </table></td> <td width="58%" height="100%" align="left" valign="top"> <p>Огромный текст</p></td> <td width="21%" height="100%" al…

    Asked by liza,

    0 votes
    0 answers

  9. не получается прозрачный iframe

    Такая ситуация: в плавающем фрейме у меня выводятся разные страницы. Все они используют один и тот же файл css, в котором для тега body не указан цвет фона или фон-картинка. Для фрейма атрибут: allowtransparency='true'. Но почему то одна из страниц упорно отображается с белым фоном, хотя остальные на прозрачном. Проверил уже все: все таблицы на странице прозрачные. Если пробовать задавать цвет и картинку фона для страницы, то действует. Если убрать эти атрибуты в css, то возникает белый фон.

    Asked by begin,

    0 votes
    0 answers

  10. Как избежать раздвигания слоя при использовании шрифта стиля italic?

    На сво?м сайте цитаты хочу оформить курсивом. В свойства содержащего цитаты слоя ставлю font-style: italic, после чего получившийся курсивный шрифт делает слой шире. Прич?м так, что внешний слой раздвигается, "ломая" дизайн. Такой эффект наблюдается в ИЕ, в Опере его нет. Есть ли способ научить ИЕ нормально работать с курсивом? Вот что у не?го получается (стрелкой отметил разрыв в border внешнего слоя):

    Asked by ArCher,

    0 votes
    0 answers

  11. поиск шрифта

    сабж по имени Chiller киньте, пожалуйста, линкой, если знаете его или аналог с кириллицей

    Asked by D.S.Denton,

    0 votes
    0 answers

  12. Особенность ИЕ: подгонка блочного элемента по ширине

    В ИЕ у страницы добавляется горизонтальная полоса прокрутки. Место "раздвигания" локализовал однозначно - таблица в шапке. Прич?м замена таблицы на слой эффект не меняет. Содержимое таблицы тоже не влияет на результат, пустая таблица вед?т себя точно также. Ширина body - 1260px. Свойства таблице даю: После полной прогрузки страницы таблица уезжает вправо на 3 пиксела. Насколько я понимаю особенности css, в ИЕ по особому интерпретируются поля блочного элемента. То есть вполне возможно, что эти 3 пиксела побокам получаются из-за вываливания padding или margin. Но ведь таких свойств у table нет. Знаком с багом ИЕ - отступом между блочными элементами, когда в коде между ними…

    Asked by ArCher,

    0 votes
    0 answers

  13. проблемы с границами

    несмотря на то, что границы блока заданы жестко, текст вылезает за его пределы (ну, или появляются полосы прокрутки при добавлении owerflow: auto") HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div id="scroll"></div> CSS #scroll { position: relative; width: 270px; height: 150px; overflow: auto } .item { margin-bottom: 6px } .name { cursor: hand } JavaScript var oScroll=document.getElementById("scroll"); htmlMessage+="<div class='item' style='color:"+color+";'>"; htmlMessage+="<div class='name' onclick='priv(""+name+"")'><b>"+name+"&…

    Asked by VampaOdinn,

    0 votes
    0 answers

  14. Заголовок и результаты в разных таблицах

    Делаю таблицу следующего вида: Отдельная таблица заголовков и отдельная таблица резултатов. Вертикальный скроллинг должен скролить только результаты, а горизонтальный скроллинг скролит и результаты и заголовки. <!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> <title>Untitled Page</title> </head> <style type="text/css"> div.HeadersContainer { width:100%; overflow:hidden; position:relative; top:0px; left:0px; } table.Headers { position:relative; top:0px; left:0px; border:solid 1px black; } div.Res…

    Asked by sniffer,

    0 votes
    0 answers

  15. Таблица, OnMouseOver, цвет текста

    Есть три проблемы: 1. При нажатии на пункт "Шины" снизу появляется доп. меню, но высота строки со словом "Шины" уменьшается. Надо, чтобы осталась такой-же. 2. При наведении курсора на пункты меню "Шины", сама строка "Шины" и рисунки слева также подсвечивается, нужно от этого избавиться. 3. При наведении курсора не меняется цвет текста ячейки. Как избавиться от этих проблем? <script language="JavaScript"> function MenuToggle(id1) { id2 = "div_" + id1; obj = document.getElementById(id2); a = document.getElementById('a_' + id2); if (obj.style.display == 'block') { obj.style.display = 'none'; } else { obj.style.display = 'block'; } return false;…

    Asked by _Алексей_,

    0 votes
    0 answers

  16. Создание тени по типу ?луковой шелухи?

    У вас на сайте есть хорошая статья, с одноим?нным названием http://htmlbook.ru/content/?id=104. Вс? отлично работает и хорошо смотрится. Подобное встречал на http://www.dynamicdrive.com/style/csslibrary/category/C5/. Но если картинки разного размера, как быть?

    Asked by Serhij,

    0 votes
    0 answers

  17. Размер картинки в таблице в процентах

    Как правильно задать размер картинки в таблице. Ситуация такая: Есть таблица с четырьмя колонками резиновая(по 25%). В одну из них надо запихнуть картинку на 100% ширины(пробовал уже и 90% - не помогает). Код: <!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> </head> <body> <table width="100%" border="0"> <tr> <td width="25%">123</td> <td width="25%">123</td>…

    Asked by Sergo,

    0 votes
    0 answers

  18. исчезание меню

    есть вертикальное выпадающее меню на css, (ul, li) с включением js, в случае если фоном меню является не картинка, а просто какой-либо цвет, то выпадающий список начинает исчезать после раскрытия,в случае когда список по высоте больше основного меню, баг наблюдается в IE ; есть ли возможность его устранить ? css код: .glossymenu, .glossymenu li ul{list-style-type: none;margin: 0; padding: 0;width: 185px;border: 1px solid black;} .glossymenu li{position: relative;} .glossymenu li ul{ position: absolute;width: 190px; left: 0;top: 0;display: none;filter:alpha(opacity=100);-moz-opacity:1;} .glossymenu li a{ background: white url(glossyback.gif) repeat-x bottom left; font: …

    Asked by aik,

    0 votes
    0 answers

  19. Проблема с минимальной шириной слоя в IE 6

    Здравствуйте , подскажите пожалуйста почему при сужении окна ИЕ 6 именно центральная колонка (слой content) и верхняя планка (слой panelm) сужаются до минимум хотя стоят ограничения для ИЕ 6 : width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 660? "660px": "auto"); - для panelm и width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 460? "460px": "auto"); - для content Вот код <body> <div id="top"> <div id="panelm"><div id="panel"><div id="panel2"></div> </div></div> <div id="logo"><div align="center"><img src="images/logo.gif" wid…

    Asked by zetaap,

    0 votes
    0 answers

  20. ссылки в фреймах

    В первом фрейме у меня записано Во втором - это: В IE работает нормально, в опере при нажатии например на первую ссылку в первом фрейме, во втором открывается в верхней строчке второй рисунок c point2, а не первый, то есть происходит смещение.

    Asked by qwertyui,

    0 votes
    0 answers

  21. mozilla не понимает colspan через JS

    в таблице есть radio button посредством которой выбирается товар кликнув на нее картинка товара и его описание сдвигаются влево, у предыдущего кликнутого появляется radio. в ие и опере вс? ок, а в мозилле в?рстка плыв?т. HTML: <tr> <td id=td26 valign=bottom style="display:none;padding:15;padding-left:0;padding-top:100" > <input type="radio" onclick=selectOne(26) name=selectone id=rad26 value="26" /></td> <td valign=top id=img26><img src="/images/item/26_1.src.jpg" onclick=selectOne(26) width="106" height="106" style='border:3px solid #d8c4a3;' alt=""/></td> <form action="/?page=basket" method="post" name=delTovar26><td …

    Asked by elfuvo,

    0 votes
    0 answers

  22. не могу дойти как сделать. Комбинация дивов и таблиц. Резиновый эффект

    Собственно продолжение темы контейнер внутри ячейки <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="Config/style.css" /> </head> <body style="padding:0px;margin:0px;"> <div id="back"><img src="background.jpg" border="0" height="100%" width="100%"></div> <!-- Подложка картинка 100на100% --> <div align="center" id="page"> <!-- Тело --> <table style="height:100%; width:100%" border="0" cellspaci…

    Asked by SibBear,

    0 votes
    0 answers

  23. Кодировка данных формы

    Обнаружилась такая проблема. Данные формы отправляются по e-mail методом post. При нажатии на отправить открывается мэйл агент(в моем случае Outlook), там в нем все данные формы которые написаны кириллицой отображаются в таком виде Р?С?Р?Р?РчС?С? Р?С?Р?Р?РчС?Р?Р?Р?С╪ Р?С?Р?Р?РчС?Р?Р?. вот код фомы: <form method="post" enctype="text/plain" name="orderform" onsubmit="return check()" action="mailto:proverka@proverka.ru?subject=проверка" > думаю что дело в энктайпе, но этот тоже неподходит application/x-www-form-urlencoded. Думаю распространенная проблема. Подскажите пожалуйта что не так. да добавлю еще то, что через браузерный gmail агент кирилица отображется нормальн…

    Asked by AKstoAK,

    0 votes
    0 answers

  24. макет из трех колонок с одинаковой высотой

    Подскажите как сделать трехколонный дизайн сайта с колонками одинаковой высоты. Что-то не получается у меня Чтобы работало хотя бы в файрфоксе. Простейший пример: <!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"> <title>Три колонки одной высоты</title> <style type="text/css"> html, body {margin: 0;padding: 0} body {font: 76% arial, sans-serif} div#container { width: 100%; min-height: 500px; min-width: 500px; } div#header { text-align: center; background: blue; colo…

    Asked by tipoc,

    0 votes
    0 answers

  25. Проблемма JavaScript в BTABLE

    BACKGROUND-IMAGE: url(fon/top.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fcebe2 } UNKNOWN { document: img_src } style="LEFT: 330px; WIDTH: 500px; POSITION: absolute; TOP: 300px; HEIGHT: 500px"> BMWВсего изображений в разделе: 8 Tooltips вкл/выкл onmouseover="java script:tooltip('Ваш комментарий к ссылке', 1);" onmouseout="java script:tooltip('', 0)" href='"1.gif"' ;> name="1"> Tooltips вкл/выкл onmouseover="java script:tooltip('Ваш комментарий к ссылке', 1);" onmouseout="java script:tooltip('', 0)" href='"2.gif"' ;> name="2"> Tooltips вкл/выкл onmouseover="java script:tooltip(…

    Asked by CHVV,

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