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. Ищу Книги и Статьи по В?рстке Сайтов

    Кто нибудь может посоветовать какие нибудь книги и статьи по В?рстке Сайтов,там Div , CSS и т.дConfused Я уже весь Инет перерыл,нигде нету,уж очень хочется научиться Верстать сайты. Если кто знает,может какие книжки можно скачать,какие нить ссылочки на скачку..?

    Asked by psywalker,

    0 votes
    4 answers

  2. Разваливается список. Как исправить?

    Хотела поставить картинку с список вместо маркера, для этого пришлось переделать весь список. В итоге - сплошные хаки. Да еще, почему-то, одинаковые списки, стоящие в двух разных сидебарах отображаются совершенно по разному. Вот мой код: .sidebar { font-size: 14px; color: #000; font-weight: normal; padding: 0 20px 0 20px; background-color: #fff; border: #c0c0c0 1px solid; width: 150px; margin: 0 0 0 10px; } html>body .sidebar{ margin: 0 0 0 10px; padding-bottom: 15px; } .sidebar H2 { color: #000; font-size: 16px; font -weight: bold; padding-bottom: 2px; margin: 15px 0 10px 0; border-bottom: 2p…

    Asked by Mila,

    0 votes
    3 answers

  3. Размер экрана

    Меня интересует оптимизация сайта под разные разрешения экранов Как определять разрешение экрана? Как сделать так, чтобы сайт мог выбирать свои стили под различные расрешения? Можете указать пример кода так, чтобы на размере 1280 на 800 font-style был 12, а на 1024 на 768 - 10?

    Asked by ivan_t_b,

    0 votes
    2 answers

  4. Float и valign

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

    Asked by adbared,

    0 votes
    3 answers

  5. валидатор

    Пожалуйста , дайте ссылку где можно скачать валидатор , для того что бы установить в браузере IE, FF. Спасибо.

    Asked by Lobo,

    0 votes
    6 answers

  6. Как сделать рамку вокруг строки таблицы?

    Столкнулся с такой проблемой -- хочу сделать чтобы строки в таблице имели рамки снизу и сверху но не между ячеек. т.е. что-то типа такого: _________________________________ 232312 имя фамилия _________________________________ 342423 имя фамилия _________________________________ казалось бы что прощее -- указать в стилях для Но почему-то это не приводит ни к чему. Цвет строки можно изменить, а вот рамку именно вокруг строки, а не каждой ячейки в строке, не удается.... Что я делаю не так?

    Asked by progreCCor,

    0 votes
    4 answers

  7. (SOS) Нужна помощь Таблица не хочет слушаться

    Всем привет!!! У меня вот такая проблема возникла!!! вот код.... <html> <body> <table width="854" height="401" border="1" cellspacing="2"> <tr> <th height="55" colspan="3" scope="col"><font size="5" color=#DF0000>Добро пожаловать на форум YouTH? skY!! DrEamS </font> </th> </tr> <tr> <td width="134" height="178" rowspan="3" >Объявления:</td> <th width="541" rowspan="2" scope="col">3</th> <td height="171">часики</td> </tr> <tr> <td width="157" height="17" rowspan="2">Администрация: </td> </tr> <tr> <th width="551…

    Asked by SPAWN91,

    0 votes
    3 answers

  8. Можно ли в CSS поднять рамку на несколько символов?

    Если написать: <style> A:link, A:visited { text-decoration:none; border-bottom:dotted 1px #CCC; color:#3F5F9E; } </style> <a href=#>1111111111111</a> то получим строчку подч?ркнутую пунктиром. А можно ли поднять этот пунктир на несколько точек выше? Если в этом коде убрать строку text-decoration:none - то видно , что подч?ркивание ссылки находится выше пунктира , а хотелось бы поднять именно до этого уровня. Только не надо предлагать опустить сам текст , так как тогда он будет ниже остальных строк в ряду. Причина по которой надо поднять пунктир - Если ссылка находится в ячейке , то пунктир (который является нижним бордером текста) сливаетс…

    Asked by InterSky,

    0 votes
    3 answers

  9. Скачут элементы формы под разными браузерами

    Доброго времени суток. Создал форму, содержащую три элемента: input text, select и input submit. Под IE 6 все выглядит как надо, т.е. все элементы выровнены по верхней границе. Но в FireFox 2 и Opera 9 эти элементы скачут. Буду признателен, если подскажите, в чем может быть причина. Пример формы: http://rdk.at.nsu.ru/test.htm

    Asked by rdk,

    0 votes
    3 answers

  10. Высота ячейки 100% в IE - действительно решения не существует?

    Проблема очень простая и несколько раз уже обсуждалась на форуме (тут, например), но решения так никто и не нашёл. Дано: простейший макет - таблица из трёх строк (хидер, контент и футер), растянутая на 100% по высоте. Хидер и футер имеют фиксированную высоту, контент занимает всё остальное пространство. В quirks mode это замечательно работает, а вот при добавлении любого валидного доктайпа начинаются проблемы: в Опере и ФФ всё показывается нормально, а в IE6 вертикальные размеры ячеек игнорируются, и в итоге (при пустом содержимом) все три ячейки занимают по трети высоты таблицы. Пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html…

    Asked by RedRat,

    0 votes
    10 answers

  11. Подскажите плиз как сделана страница контак на http://rusugar.com/

    Здравствуйте. Подскажите пожалуйста, каким образом сделана выдвигающаяся страница с обратной связью на http://rusugar.com/

    Asked by monsato,

    0 votes
    4 answers

  12. Спрятать элементы таблицы

    Добрый день уважаемые товарищи! Подкажите пожалуйста как можно сделать такую таблицу: Нужно както скрыть(сделать прозрачным) правую сторону ячейки. Подскажите пожалуйста как такое сделать? Спасибо за помощь!

    Asked by SHN,

    0 votes
    4 answers

  13. Подскажите, можжно ли осуществить такое.

    Заменить у селекта эту кнопочку ? , на эту ? желательно не извращенным способом)

    Asked by Sotnikov,

    0 votes
    6 answers

  14. растяжения rowspan в таблицах

    <table border="0" cellspacing="0" cellpadding="0" id="maintable"> <tr> <td colspan="3" id="header"> </td> </tr> <tr> <td rowspan="2" id="left_panel"> здесь менюшка </td> <td id="main_window"> </td> <td rowspan="2" id="right_panel"> </td> </tr> <tr> <td id="footer">Футер</td> </tr> </table> Проблема в том что при добавлении отступов между пунктами меню, растягивается футер, не знаю в чем дело 1) 2)

    Asked by Victor Ananiev,

    0 votes
    5 answers

  15. Из горизонтального в вертикальное меню!

    Помогите. На неком сайте имеется прекрасный образец горизонтального меню. Мне нужно, чтобы оно было вертикальным! Как сделать - ума не приложу! ВОТ ПРИМЕР ЭТОГО МЕНЮ: http://www.shtogrin.com/design/menu/horizo...ts/example.html Вот сайт: http://www.shtogrin.com/design/menu/horizontal_lists/ Вот сам код: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="example.css"> <script language="javascript" src="example.js" type="text/javascript"></script> <title></title> <…

    Asked by Пятница,

    0 votes
    9 answers

  16. Допоможіть із перекладом

    Доброго вечора! Допоможіть перекласти цей кусок коду на smarty: foreach ($hotel as $key=> $naz_hot) { foreach ($naz_hot as $nazv=> $data) { // echo $nazv." "; foreach ($data as $data=> $nazva) { //echo $data." "; foreach ($nazva as $nazva=> $cina) { //echo $nazva." "; if ($value==$nazva) { echo "<td>".$cina."</td>"; } //else {echo"</tr>";} } } } } наперед вдячний

    Asked by pit,

    0 votes
    16 answers

  17. Шапка сайта

    Мне нужна шапка с 3 картинками. Картинки должны не растягиваться, а сохранять свои пропорции. Вот что у меня пока получилось <HTML> <HEAD> <TITLE> Top </TITLE> </HEAD> <body> <a><img src="2.gif" alt="Русский" border="0" width="33%" height="100"</a> <a href="http://prav.tatar.ru/tat/"><img src="11.gif" alt="Татарча" border="0" width="33%" height="100" </a> <a><img src="12.gif" alt="Русский" border="0" width="33%" height="100"</a> </body> </HTML> Когда я сжимаю окно браузера, картинки тоже соответсвенно сжимаюся. P.S. Например, здесь http://prav.tatar.ru/ при сжимании окна б…

    Asked by Calita,

    0 votes
    8 answers

  18. 3 колонки, шапка, подвал - контент вверху html (после шапки)

    Собственно обычный вариант, но важность представляет то, что поместить контент надо как можно выше к метам, сразу после шапки - SEO вариант. Макет должен быть резиновым по правому, левому блокам и контенту вниз и в боки. Типо того: <div id="header"> </div> <div id="content"> <div>Контент</div> </div> <div id="leftblock"> </div> <div id="rightblock"> </div> <div class="clear"></div> <div id="footer"> </div> Рассмотрел кучу примеров, мое решение - .mainbody #header { width: 100%; } #content { position: absolute; top: auto; left: 20%; width: 59%; min-height: 40px; margin-top:…

    Asked by LeoStanlik,

    0 votes
    2 answers

  19. КАРТИНКИ

    1. Вот допустим есть некий сайт с множеством страниц, как сделать чтобы элементы которые есть на каждой странице не писать каждый раз вручную? 2. Как сделать так чтобы картинки отображались на странице сайта, в случайном порядке, по одной например: один раз зашел - одна картинка, второй раз - другая. И так далее.

    Asked by Jeka,

    0 votes
    6 answers

  20. Выезжание меню

    здравствуйте. взял скрипт с вашего форума, и появилась загвоздка надо чтобы при нажатии на определенную менюшку, она и выезжала, а у меня выезжают все ставя разные id результата не добился (может не так делал?) подсобите пожалуйста) страница ==> http://icefrozsite.narod.ru/out.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=windows-1251"> <title>Выезжание</title> <style> * { margin: 0px; padding: 0px; } #picture { position:r…

    Asked by IceFroz,

    0 votes
    5 answers

  21. опять выпадающее меню

    знаю, много на форуме обсуждалось, как сделать выпадающее меню не прибегая к скриптам. вот я пытаюсь такое меню сделать. вроде бы получается в общих чертах, но есть несколько косяков. 1. в ИЕ под элементом меню, которое содержит в себе еще вкладки, появляется небольшой отступ. как от него избавится я не знаю. чего только не пробовал 2. в опере выпавшая менюшка вообще никак не реагирует на движения мыши. самое обидное, что вводит меня в ступор - даже на ссылку никак не нажмешь CSS: #menu{ display: block; position:relative; top:0;left:0; padding:0; margin:0: } #menu a { display: block; width:100%; height: 10px; background: #ccc; } #menu a:hover { background: #aaa; } #m…

    Asked by aspid,

    0 votes
    3 answers

  22. Теги <TD> с CSS - подскажите пожалуйста

    Мучаюсь уже которое время и ни как не могу понять если ли решение моего вопроса. И книги читал, и в сети шарился но никак не найду ответа на следующий вопрос: К примеру есть таблица: <table class="sample"> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> </table> В стилях прописано для примера ну вот так: .sample { width: 95%; border:0px; } .sample1…

    Asked by RoxyHuman,

    0 votes
    2 answers

  23. Есть один баг, не могу найти причину

    На моем сайте www.dknews.kz между строкой поиска (слева вверху) и меню в IE возникает почему-то пустая строка, а в Опере ее нет. Подскажите пожалуйста, в чем проблема.

    Asked by pyostriy,

    0 votes
    6 answers

  24. Резиновый дизайт с двумя картинками

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

    Asked by ivan_t_b,

    0 votes
    2 answers

  25. background-image

    Hi. есть проблемка по поводу background-image: есть сайт в нем есть стили body { margin: 0px auto; padding: 0px; background-color: #FFFFFF; background-image: url(images/background2.JPG); font-family: Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size: 12px; color: #444444; } .bodys{ background: #FFFFFF url(images/background.gif) repeat-y center top; } <html> <head> <title></title> <link href="/resources/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="bodys"> <div id="header"> </div> <div> content </div> </div> </…

    Asked by godvin,

    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