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. Проблема с сылками в навигации

    Привет от полного новичка в верстке. Делаю сайт и возникла небольшая проблема. В навигации html воспринимает код как обычный текст. Уже много чего перепробовал, но проблема осталась. (Css еще не подключал, а сайт на стадии каркаса) <nav> <а href="index.html">1</а> <а href="shop.html">2</а> <а href="text.html">3</а> <а href="news.html">4</а> </nav>

    Asked by Rebel,

    0 votes
    2 answers

  2. проблема с сылками и нехваткой мозгов

    короче смысл такой есть папка sait.ru кинул в этот денвер в ней : папка www / в ней : index.html style.css папка image и папка arhiv в которой находиться book.html ======================================== ну так вот мне нужно что бы в файле book.html были прописаны рисунки которые в папке image тобиш прописываю так и так и даже так неотображаються картинки и все , что нетак делаю??????? заодно скажите тоже самое как сделать со стилями? так несработало

    Asked by Kain,

    0 votes
    4 answers

  3. Проблема с сылками картинками картинками

    Здравствуйте, У меня вот такая проблема. Мне надо сделать вот такое меню http://profelektromontag.narod.ru/2.gif а получается такое http://profelektromontag.narod.ru/1.gif я использую CSS событие a:hover мне надо чтобы при наведений на кнопку менялась и кнопка и ссылка на кнопке. подскажите что делать и что использовать.заранее спасибо.

    Asked by UF,

    0 votes
    6 answers

  4. проблема с табами

    CSS .chatBodyTabs { height: 46px; overflow: hidden; list-style: none; } .chatBodyTabs li { float: left; } .chatBodyTabs li a { display: block; border: 1px solid blue; padding: 0 10px; color:red; height: 25px; } HTML <ul class="chatBodyTabs"> <li> <a href="#">link 1</a> </li> <li> <a href="#">link 2</a> </li> </ul> DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Задача стоит следующая. Надо в ряд выставить n-ное количество блоков с шириной в зависимости от текста внутри. Пример, указанный выше, работает в FF и IE 7. В I…

    Asked by vr201,

    0 votes
    3 answers

  5. Проблема с табами

    Всем привет! Не получается сверстать вот такие табы не могу понять что делаю не так . все что получается у меня это непонятно почему вылезла эта линия внизу, в не активном режиме и не получается ее скрыть. При нажатии вроде как все нормально , а вот именно сначала вылазит эта линия . Надеюсь на помощь ) вот код <div class="col-md-7"> <div class="tabs_header clearfix"> <div class="wrapper"> <div class="tabs clearfix"> <span class="tab">Скидки учащимся</span> <span class="tab">Дополнительные скидки</span> </d…

    Asked by Driven,

    0 votes
    1 answer

  6. Проблема с таблицами

    Короче верстаю на таблицах с дивами, у меня проблема, В общем есть ячейка размером 201х701 пикс. я туда вставляю картинку размером 201х268, и вторую таких же размеров 201х268, проблема в том что мне и отступов не сделать, и не поставить их наверх, стоят обе на середине. Пробовал margin, padding, background-position:top center ничего не помогает, не могу понять, там же еще есть место, остается 133 пикс. Короче вот скрин http://s005.radikal.ru/i209/1007/39/5581b70a21c8.jpg Вот видите где стоят обе картинки, и их не сдвинуть, получилось только тогда, когда ( там где на 2-ой галочки снизу) ввел пустой див в размерами, позволяющеми заполнить все это пустое пространство. <t…

    Asked by ret,

    0 votes
    12 answers

  7. Проблема с таблицами

    Проблема такая: Нужно чтобы таблица растягивалась как в firefox 4.0 ie8 и opera 11. В браузерах типа -webkit- почему то не работает(( и op9.27 страница: http://vladislav805.narod.ru/windows.html и также смотрелась и на http://vladislav805.narod.ru/index.html (здесь также ff4+ ie8+ op11+ работает)

    Asked by vladislav805,

    0 votes
    6 answers

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

    Здраствуйте!!! у меня есть сайт Картинка рулетки Не получается разбить ячейку таблицы на 3 части и с позиционировать. Результат должен быть таковым: Ячейка таблицы делится на 3 блоки: 1 блок на всю высоту ячейки и 30px в ширину. 2 блок на остаток ширины и 15px высота. 3 блок находится под ним высота и ширина как у 2 блока. Так делятся все ячейки таблицы с надписями. Помогите советом) Спасибо за внимание!!!

    Asked by Kochevnik,

    0 votes
    4 answers

  9. Проблема с таблицами

    Доброй ночи! После небольшой смены дизайна пропала обводка таблицы + в одной таблице разъехались ячейки... 1) Было (все в норме) => Стало (пропала обводка) 2) Было (все в норме) => Стало (разъехались ячейки) Подскажите, пожалуйста, в чем дело. Спасибо!

    Asked by st2b,

    0 votes
    2 answers

  10. Проблема с таблицами

    День добрый.С версткой работаю совсем недавно,поэтому надеюсь на ваше понимание.Сайт делался в программе SiteEdit Business. Вот собственно сам сайт - www.lidisha.ru Вопросы: 1.Неправильное отображение таблиц-все кривое 2.На этой странице http://lidisha.ru/futbolkimaiki.html раньше были овальные рамки-сейчас как-то съехало все(как исправить не знаю-уже месяц бьюсь) как понимаю икать где-то здесь #td52 { background-image : url(ugol_verh_left.jpg); background-repeat : no-repeat; height : 9px; } #td54 { background-image : url(ugol_verh_right.jpg); background-repeat : no-repeat; } #td56 { background-image : url(liniya_left.jpg); background-repeat : repeat-y; } #td58 { back…

    Asked by Stan-86,

    0 votes
    6 answers

  11. Проблема с таблицами в Firefox

    Привет коллеги! Вот такая проблема у меня! Есть код! <HTML> <HEAD> <TITLE>Ïèñòàòûé ñàéòåö</TITLE> <style text/css> html,body,p,div,table,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;} img,table {border-width:0;} </style> </HEAD> <BODY bgColor="#1a1a1a" leftMargin="0" topMargin="0" marginheight="0" marginwidth="0"> <TABLE cellSpacing="0" cellPadding="0"> <TR> <TD></TD> <TD> <!-- Left menu user --> <TABLE cellSpacing="0" cellPadding="0"> <TR><TD><A href="http://"><IMG src="image/but_ind.gif" width="59px" height="58px" alt="Íà ãëàâíóþ ñòðàíèöó"></A></TD&…

    Asked by mnemonix,

    0 votes
    7 answers

  12. Проблема с таблицами в IE

    Добрый день! Слудующая проблема. Есть страница с таблицей по всей ширине страницы. После таблицы идёт пара абзацев текста. Примерно в таком виде: <table width="525" border="1" align="left" cellpadding="3" cellspacing="3">контент таблицы контент таблицы контент таблицы контент таблицы контент таблицы контент таблицы </table> <span class="hp_caption">контент абзаца текста контент абзаца текста контент абзаца текста контент абзаца текста контент абзаца текста контент абзаца текста </span> В ff и opera отображается нормально, после таблицы, как положенно, но в IE отображается сбоку таблицы, по 1-2 символа вдоль всей правой границы. Как бороться с т…

    Asked by artpol,

    0 votes
    7 answers

  13. Проблема с таблицами!

    Подскажите пожалуйста, что необходимо сделать, чтобы внутренняя таблица растягивалась на все 100%, при увеличении текст «sf» ? <table style="border:1px solid red; width:100%;"> <tr> <td>sf<br/ >sf<br />sf<br/ >sf<br />sf<br/ >sf<br />sf<br/ >sf<br />sf<br/ >sf<br /></td> <td style="border:1px solid #993883; height:100%;" ><table style="border:1px solid red; width:100%; height:100%; " height=100%><tr><td style="height:100%; ">rrrrr</td></tr></table> </td> </tr> </table>

    Asked by _Alexanred_,

    0 votes
    1 answer

  14. Проблема с таблице

    Не понимаю откуда взялись эти пробелы, cellspacing, cellpadding стоит по нулям и ещё Див (это тот,что внизу с текстом) почему-то шире таблицы получился,хотя ширину обоим одинаково задавался. Только в IE нормально работает,в остальных браузерах вот так вот коряво выдаёт. Что это такое, подскажите,пожалуйста?)

    Asked by IrkaLulka,

    0 votes
    9 answers

  15. проблема с таблицей

    есть такая конструкция: <table border="1"> <tr> <td height="20"> </td> <td rowspan="3"> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>texta</p> </td> </tr> <tr><td> </td></tr> <tr><td height="20"> </td></tr> </table> Почему то не выдерживается высота верхней и нижней ячеек. там же явно задана высота. По логике должна растягиваться центральная ячейка. Не работает ни в эксплорере ни в Опере max-height не…

    Asked by folibis,

    0 votes
    5 answers

  16. Проблема с таблицей

    <table> <td> <div id="label"><img src="PICTURES/label.jpg" width="273" height="48"></div> <div id="menu"><img src="PICTURES/menu.jpg"></div> <div id="picture"><img src="PICTURES/picture.jpg"></div> <div id="menutext1"> <div id="1"><a href="../web/2.html">текст</a></div> <div id="2"><a href="../web/2.html">текст</a></div> <div id="3"><a href="../web/1.html">текст</a></div> <div id="gallery"><a href="../web/galery.html">текст</a></div> <div id="contacts"><a href="../web/contacts.html">т…

    Asked by Izumi,

    0 votes
    2 answers

  17. Проблема с таблицей

    Здравствуйте. Такой вопрос. Можно ли внутри столбца(в пределах одной строки) два элемента(например, два изображения) расположить так, чтобы один прилегал к верхней границе строки, а второй - к нижней? Или можно сделать только к чему то одному(верху/низу) с помощью <tr valign=top/bottom/...>?

    Asked by Sagara,

    0 votes
    10 answers

  18. Проблема с таблицей

    Здравствуйте. Если в таблице Регистрация или Зарегистрированный пользователь поставить border=1, во всех браузерах, кроме IE, появляется вторая внутренняя рамочка. Можно ли ее как-нибудь убрать? Внешняя рамочка должна остаться.

    Asked by saghalin,

    0 votes
    5 answers

  19. Проблема с таблицей

    Вот у меня таблица из трех колонок и одной строки. В 1 и в 3 колонке картинки.Они могут быть разными по размерам.Во второй колонке просто не большой блок.Так вот когда картинки меняются ,то они соответственно имеют разные размеры.И блок во второй колонке меняет свое положение относительно оси Y ,т.е. меняет высоту.Как сделать ,чтоб он стоял на месте,всё перепробовал ,как сделать?!?! <table> <tr> <td> <img src="" style='width: ;height:;border:0;' alt=''> </td> <td style='width:100px;' > <h1 style='background-color:#675c5c;padding:15px;'>Block</h1> </t…

    Asked by new011,

    0 votes
    2 answers

  20. проблема с таблицей

    Господа подскажите как сделать так чтобы в левой колонке верхний блок и нижний всегда прижисались соответсвенно к низу и верху в независимости от размера контента. Пока получается так но чего то не хватает. <table width="422" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td><table height="100%" width="211" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td height="300"> </td> </tr> <tr> <td height="auto"> </td> </tr> <tr valign="bottom"> <td height="300"> </td> </tr> </table> </td> <td>Text<…

    Asked by akahitokiri,

    0 votes
    9 answers

  21. проблема с таблицей

    вобщем есть таблица, нужно чтоб правые верхняя и нижняя ячейки были по пять или десять процентов высоты, средняя же между ними остальное пространство, но чтото они не реагирую на задаваемую высоту, в чем проблема? возможно я неправильно построил таблицу, то подкоректируйте(неважно как она будет построена главное чтобы было такое расположение ячеек) <table border=1> <tr> <td rowspan=3 height=200px> one </td> <td rowspan=3 height=200px> one </td><td height=10%> one </td> </tr> <tr> <td > two </td> </tr> <tr> <td height=10%> two44 </td> </tr> </table> PS: высота таб…

    Asked by Toxin_G,

    0 votes
    2 answers

  22. Проблема с таблицей

    Вот код таблицы: http://jsfiddle.net/T466t/ Проблема в белых отступах в ячейках. Под этот случай не подходит ни border-left, т.к. он перекрывет синие полосы в начале и в конце таблицы, ни border-spacin, т.к. не работает в IE нормально(+ тоже перекрывает полосы). На первых порах сделал div'ми с белым фоном и задал им высоту ячейки, но если в ячейке появляется вторая строка с текстом вся верстка едет Мне на ум пришло только два варианта: 1. Обернуть таблицу div и ему сделать синие бордеры, которые будут накладываться на таблицу. Но тогда придется делать две таблицы: 1я с шапкой, 2я с дивом и контентом таблицы. 2. Написать маааленький скрипт на JS, что бы высчитывалась высо…

    Asked by moskalev_mihail,

    0 votes
    6 answers

  23. Проблема с таблицей

    Здравствуйте! Возникла маленькая проблема, не могу решить. Есть таблица, вот её приблизительный вид: Вот как выглядит таблица в коде: <table> <tr><td>1</td> <td rowspan="2">3</td></tr> <tr><td>2</td></tr> </table> Так вот, я поставил чёткие размеры высоты для 1 и 2 ячейки, но в 3 ячейке есть вкладки и нажимая на одну из них ячейка №3 увеличивается у высоту, при этом растягивая 2 ячейку. Как сделать чтобы размеры у 1 и 2 ячейках не менялись? P.S. Извините за запутанное объяснение, если что-то не понятно - спрашивайте.

    Asked by Plany,

    0 votes
    8 answers

  24. Проблема с таблицей

    Добрый день! Не могу понять в чем может быть пролема: Таблица во всех браузерах грузится нормально, в IE8 IE7 глючит. А точнее при загрузке страницы показывает таблицу норм, но как только страница загружена сразу пропадает все оформление и остается только текст. Тут посмотреть можно как это выглядит Вот код: Может кто встречался с таким уже table { *border-collapse: collapse; /* Для IE7 и старше */ border-spacing: 0; width: 100%; } .bordered { border: solid #ccc 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1p…

    Asked by Imperil,

    0 votes
    8 answers

  25. проблема с таблицей

    у меня таблица уехала вниз, как исправить? <html> <head> <style> div { height: 800px; border: 4px solid #000; background: url(????????1.jpg) 100% 100% no-repeat; background-size: cover; } table { background: url(???????.jpg) no-repeat } a { text-decoration: none; } .layer2 { height: 500px; width: 200px; overflow: scroll; background: #fc0; padding: 7px; border: 1px solid #333; } </style> <title> ???????? </title> </head> <body> <div> <p><h2 style="color:#0000FF" ; align="center" > ???? ???????? ??? "????????"</h2></p&g…

    Asked by ikutin,

    0 votes
    1 answer

  • Обсуждения

    • 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