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. стилевое оформление ссылок

    верстаю сайт сейчас. в стилях не всегда ориентируюсь, и заметила такую вещь. Сейчас оптимизирую страницу под FF. Там все нормально. Под ИЕ ссылки в блоке имеют те же цвета что и обычные ссылки, хотя именно для данного блока заданы другие цвета и в FF все отображается как надо. Каким образом надо задавать цвета ссылок в блоке, чтобы именно в этом блоке ссылки имели заданные цвета в ИЕ? Какая тут хитрость? код слишком длинный, но могу выложить, позже выложу код все-таки блок такой <div id="header-region" class="clear-block"><div id="block-nice_menus-1" class="block block-nice_menus"> <div class="content"><ul class="nice-menu nice-menu-down" id="ni…

    Asked by oshaly,

    0 votes
    2 answers

  2. подскажите как сделать таблицу с шириной бордюра в 1 пикс, но чтобы верхн и нижн бордюры были по 0 пикс

    подскажите как сделать таблицу с шириной бокового бордюра в 1 пикс, но чтобы верхн и нижн бордюры были по 0 пикс..... то етсь мне нужна рамка по краю сайта, но без верха и низа... заранее признателен

    Asked by vovchikku,

    0 votes
    8 answers

  3. Картинки в таблице

    Как сделать чтоб в таблице картинки сами подгонялись под размер ячейки а не наоборот

    Asked by AzatSh,

    0 votes
    3 answers

  4. Обтекание картинки списком

    поиском по форуму не нашел темы. поиском по интернету понял, что проблема актуальна есть <img style="float:left"> <ul> <li></li> </ul> значки списка в IE6 и Opere скрываются под картинкой ситуацию в ИЕ спасает: LI {display: inline-block} но при этом в Опере пункты выстравиваются в линию... какие варианты решения проблемы? мой CSS: UL {list-style:none;margin:0;padding-left:15px;} UL LI {background:url('images/li.gif') no-repeat left top; font-size:8pt; padding-left:20px; margin-top:5px;display: inline-block} OL LI {margin-top:5px}

    Asked by $SMax$,

    0 votes
    17 answers

  5. Изменение style.background

    Привет всем! Сделал скрипт который случайным образом меняет фоновый рисунок на заглавной странице, в файрфоксе работает а в IE нет if (document.styleSheets[0].cssRules){ //alert(document.styleSheets[0]["cssRules"][42].selectorText); //alert(document.styleSheets[0]["cssRules"][42].style["background"]); document.styleSheets[0]["cssRules"][42].style["background"]="url(../images/headers/UpPic_"+n+".jpg)" //alert(document.styleSheets[0]["cssRules"][42].style["background"]); } else{ //alert(document.styleSheets[0].rules[42].selectorText); //alert(document.styleSheets[0].rules[42].style["background"]); document.styleSheets[0].rules[42].style.background="url(../image…

    Asked by votan,

    0 votes
    2 answers

  6. Нужна помощь по вёрстке!

    Госпада добрый день нужна ваша помощь. В общем есть страница 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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>page</title> <style type="text/css"> <!-- html, body { margin: 0px; padding: 0; border: 0; background: #000000 url(css/bg.jpg) repeat left top; height:100%; } --> </style> </head> <body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-4445535…

    Asked by enf0rce,

    0 votes
    5 answers

  7. В IE 7 шрифт на половину

    На этой страничке http://vilaris.com/ есть номер телефона а IE7 он наполовину отображается, (сверху есть, а снизу нет) а на половину нет. Подскажите пожалуйста, что делать.

    Asked by Designpix,

    0 votes
    0 answers

  8. В IE 7 шрифт на половину

    На этой страничке http://vilaris.com/ есть номер телефона а IE7 он наполовину отображается, (сверху есть, а снизу нет) а на половину нет. Подскажите пожалуйста, что делать.

    Asked by Designpix,

    0 votes
    5 answers

  9. Правая колонка (сайдбар) в шаблоне сполз вниз

    Никак не могу поправить шаблон. Съезжает правая колонка вниз , посмотрите, пожалуйста,что я не так делаю?

    Asked by malavka,

    0 votes
    2 answers

  10. FireFox?

    Вот такой кодег: <table border=0 cellpadding=0 cellspacing=0> <tr><td><img src='lt.png'></td><td style='background-image: url(ht.png);' /></td><td><img src='rt.png'></td></tr> <tr><td style='background-image: url(vl.png);'></td><td><img src='./images/$result[image]' width=200></td><td style='background-image: url(v.png);'> </td></tr> <tr><td><img src='lb.png'></td><td style='background-image: url(h.png);'></td><td><img src='rb.png'></td></tr> </table> В IE отображается четко. FireFox под к…

    Asked by pavelvolya,

    0 votes
    2 answers

  11. что сделать чтобы в меню меню отключить перенос слов или расширить меню?

    2 длинных слова в пункте меню переносятся. вижу два выхода: либо запретить перенос слов в меню, либо расширить и зафиксировать само меню... подскажите как реализовать плиз.... вот код заранее признателен!!! /**** author - rgb(raduga) http://mambasana.ru ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size : 12px; color : #00000…

    Asked by vovchikku,

    0 votes
    7 answers

  12. Все "по низу"

    Всем привет! Подскажите - как сделать так, чтобы объект (например, текст) расположенный внутри слоя прижимался к его нижнему краю. зы: Только не паддингом...

    Asked by styleroom,

    0 votes
    2 answers

  13. Судьба доллара и евро

    Хелло всем посетителям forum.htmlbook.ru! Уже каждая собака наверное давно в шоке (а может быть и наоборот, радуется) от поведения доллара! Колбасит его последнее время невероятно. Вопрос же в следующем: насколько вам важен курс доллара, влияет ли он на вашу жизнь и если да, то как? Я лично постоянно мониторю этот сайт: Кросс курс евро доллара Чтобы быть в курсе событий... Он конечно не для широкого круга посетителей, но курс там точный и обновляется каждую секунду насколько я поняла ). Кто нибудь еще следит за курсом постоянно?

    Asked by Chereshnya,

    0 votes
    0 answers

  14. DIV в таблице height:100%; overflow:auto;

    Привет, Помогите новичку, как говориться (: Это прототип чата... Страничка ведет себя как надо в IE и Opera, но overflow: auto никак не хочет отрабатывать в FF. Когда окно уменьшается у DIVа (id="chat") должен появиться scroll... Только стал разбираться с html и на тебе, сразу вляпался в каие-то проблемы. Даже обидно. ): <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> Untitled Page </title></head> <body> <table width='80%' border='0' style="height: 100%;"> <tr> <td colspan='2' valign="top" style="height: 100%;"> <div id="…

    Asked by Evclid,

    0 votes
    15 answers

  15. Боксовая Модель

    итак есть проблема произвести расчет Заданы параметры Ширина 200 Педдинг 10 марджин 20 Бордер 5 Задача: Узнать место отведенное под контент в IE6 и в FF На 100% знаю что педдинг считался бы так (в ИЕ от ширины убирается с двух сторон по 10 пикселей соответственно под контент осталось 180 а в FF наоборот область под контент остается 200 а педингом бы блок увеличился до 220 ) я немного потестил получилось что ИЕ и бордер убирает и под контент остаеться уже 200 - пединг(20) - бордер (10) = 170 Верно ? Обьясните подробно как считать а то верный результат у меня не как не выходит ...

    Asked by mOnYa,

    0 votes
    2 answers

  16. Background changer

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

    Asked by LANDER.KTV,

    0 votes
    3 answers

  17. IE6-неправильно отображает

    Здравствуйте. Нужна помощь. Я, пока что, полный чайник в кодировании . Но есть проблема: везде (IE7, Safari, Opera, Chrome, Mozila) нормально отображается фон анонса новостей, а в IE6 он более высокий/широкий. Можно посмотреть здесь.

    Asked by iAL,

    0 votes
    3 answers

  18. непонятный отступ снизу у swf'ок в FF3

    В ИЕ все норм, а вот в FireFox 3.0+ при попытке вставить в ячейку swf'ку появляется непонятный отступ снизу - перепробовал кучу вариантов но пока так и не удалось избавится от этого глюка, может кто вкурсе что это и как это лечить? Вот простой пример: <!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>Untitled Document</title> </head> <body> <table width="500" border="0" cellspacing="0" cellpadding="0"> <tr&gt…

    Asked by KLS,

    0 votes
    4 answers

  19. два блока рядом по середине

    Здравствуйте! Подскажите, пожайлуста, как можно сверстать вот такой расположение блоков на странице: Сайт будет колончатым, прижатым к левому краю, поэтому расстояние от края до блока можно брать только от левого, расстояние от правого будет зависеть от разрешения монитора. Я было почти сверстал вот так: <style> #content{ float: left; width: 275px; } #container{ float: left; margin-right: -90px; padding-left: 40px; } #menu{ margin-right: 200px; border: 1px solid red; text-align: right; } #clearing {height: 0; clear: both; } </style> <div style="margin-left: 400px; padding-top: 65px;"> <div id="container"> <div id="menu"> <a …

    Asked by _axl,

    0 votes
    0 answers

  20. Проблема: ширина ячеек в таблице

    Прошу прощения за нубский вопрос, но сам не пойму в чем проблема. В таблице один ряд из семи ячеек. Первые и последние три ячейки имеют фиксированную ширину. Центральная ячейка должна занимать всё пространство, не занятое остальными ячейками, но, если устанавить ей ширину 100%, то она начинает занимать всю область таблицы, игнорируя ширину остальных ячеек. <html> <head> </head> <body> <table height="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="10" height="100%" bgcolor="#7CFC00"> </td> <td width="150" height="100%" bgcolor="#8B4513"> </td> <td width="10" height="100%" bg…

    Asked by StrangeRRor,

    0 votes
    7 answers

  21. Не могу найти ошибку

    .... <head> <script language="javascript"> function getwidth(myPicture){ newImg = new Image(); newImg.src = myPicture; myWidht = newImg.width; myHeight = newImg.height; if (myWidht > 190 ) {myHeight = myHeight*(190/myWidht); myWidht = 190; } if (myHeight > 140) { myWidht = myWidht*(140/myHeight); myHeight = 140; } return myWidht } </script> </head> <body lang=RU link=blue vlink=purple style='tab-interval:35.4pt'> <table border="1" width="100%"> <tr> <td ><img src="r_s_220.jpg" width=getwidth("r_s_220.jpg")><br>баш</td> ..... Ошибка в гд…

    Asked by AzatSh,

    0 votes
    10 answers

  22. Высота 3х колонок - 100% (проблема)

    Грубо говоря надо дивами получить то, что получится такими вот табличками: <html> <head> <style type="text/css"> html,body{ padding: 0; margin: 0; height: 100%; width: 100%; } </style> </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" height="100%"> <tr> <td height="70" bgcolor="#FFFFCC"> </td> </tr> <tr> <td height="30" bgcolor="#FFFF99"> </td> </tr> <tr> <td valign="top"> <table width="100%" border="0" cellspac…

    Asked by Chin,

    0 votes
    17 answers

  23. Свой курсор

    Можно ли в стилях указать свой курсор, который нарисован в файле формата .cur?

    Asked by Veseloff,

    0 votes
    1 answer

  24. Выравнивание текста во вложенной таблце

    Здравствуйте, у меня есть проблема с выравниванием текста, никак не могу понять в чём дело. Суть в следующем: Есть вложенная таблица в таблице, во вложенной таблице есть текст, который напрочь отказывается центрироваться по вертикали. Код к примеру следующий: <table> <tr><td>text</td></tr> <tr><td> <table> <tr> <td valign="center" id="middle">Текст, который надо отцентрировать</td> </tr> </table> </td> </tr> </table> В чём дело не могу понять :[ #CSS #middle { vertical-align: middle } таблица

    Asked by Tairon,

    0 votes
    4 answers

  25. Отступы элементов формы в ИЕ

    Доброго времени суток! Помогите пожалуйста бьюсь уже долгое время с отступами у чекбоксов в ИЕ. Вот код: <table width="85%" cellspacing="0" cellpadding="0" > <form style="margin: 0px; padding: 0px;"> <tr> <td width="50%" align="left" >Цветность</td> <td width="50%" align="right"> <input name="" type="checkbox"> </td> </tr> …

    Asked by kulibinnxx,

    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