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. Нужна помошь!

    ну чтобы перейти на другую страницу!!! просто у меня кнопки для сайта-это картинки и я хочу перейти на другую страницу!!

    Asked by sokol14,

    0 votes
    4 answers

  2. Как вывести на РНР таблицу "зебра"

    Подскажите, пожалуйста, принцип вывода таблицы на РНР с разноцветными строками. Как сейчас часто можно увидеть таблицу, где чередуется, например, серая и белая строка с данными.

    Asked by banyman,

    0 votes
    4 answers

  3. Объясните что за различия в отображении рамок (IE, FF, Opera 9)

    Здравствуйте. Я взял такой код для примера. Объясните пож. что здесь происходит. FF3 - толстая черная рамка вылазит из главной таблицы. IE6, Opera 9.63 - отлично. В чем природа событий таких?? Спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> table, tr, td { margin: 0; padding: 0; border-collapse: collapse; } </style> </head> <body> <table width="600" style="border: 1px solid red;"> <tr> <td …

    Asked by samorealization,

    0 votes
    4 answers

  4. overflow

    Опрера и ie по разному понимают параметр overflow: auto; опера смещает содержимое дива ровно на ширину полосы прокрутки (отчего появляются проблемы с дизайном! а ie отображает нормально. Как обрзумить оперу? вот код: <body> <div id="center"> <div id="left"> <jdoc:include type="modules" name="left" /> </div> <div id="content" style=" overflow: auto; "> <div id="user2"> <jdoc:include type="component" /> </div> <div id="rigth"> <jdoc:include type="modules" name="right" /> </div> </div> </div> #center {width:100%; height:410px; } #left { width:24%; height:400…

    Asked by orchanini,

    0 votes
    4 answers

  5. Вопрос по блочной верстке...

    В общем нашел симпатичный *psd решил его сверстать, проблемма в том что в одной ячейки у меня шапка и блок меню....Я шапку поставил на место, а блок должен быть кусочком под шабкой, а он залезает на неё, как мне загнать блок под шапку... ВОт так у меня(ссылка на фото хостинг!) Так должно быть!(ссылка на фото хостинг!) Вот такой у меня код: index.html <body> <div id="bd_sait"> <div id="header"> <img class="login" src="login.png" alt="введите логин" > <img class="pass" src="pass.png" alt="введите пароль" > <img class="ok" src="ok.png" alt="OK" > </div> <div id="container"> <img class="h_1" src="h_1.png" alt="Личная стра…

    Asked by Stock,

    0 votes
    4 answers

  6. При событии поменять стиль объекта

    Очень нужна помощь... нужно при событии, допустим onmouseover, поменять стиль объекта (или сразу класс, если можно) Например у меня есть таблица <table onmouseover=this. - что дальше? Допустим мне нужно при наведении на таблицу поменять цвет всех ссылок или сменить класс таблицы на другой. Если это можно сделать по другому (не по той фигне, что сверху ), подскажите как...

    Asked by goropor,

    0 votes
    4 answers

  7. Как убрать фон картинкой у первого пункта списка <li>, если заданы у всех остальных

    Всех приветствую. Создаю горизонтальное меню, тегами <li>...</li>. Между пунктами меню должны быть картинки, их засовываю в свойство background-image. Получается примерно следующее: #menu li{ float: left; list-style: none outside; margin: 0px; padding-left: 50px; background: transparent 16px 13px; background-image: url(bullet.gif); background-repeat: no-repeat; } При этом перед первым пунктом меню картинки быть не должно. Для этого придаю ему идентификатор <li id="service">...</li>. И делаю свойство #service{ padding: 0px; background-image: none; } Не срабатывает убирание бакграунда. Прошу помочь. Спасибо.

    Asked by extruder,

    0 votes
    4 answers

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

    Я не профи, но отсутствием логики не страдаю. Даже модинг игр изучил методом научного, но в этот раз мое логическое мышление зашло в тупик: вроде все правильно прописал, а получается фигня какая-то. В общем мне нужно сделать на сайте графически оформленную таблицу объявлений, состоящую из двух строк, по три ячейке в каждой. Таблица графически оформлена по краям в виде картинок-закладок (со значками в центре каждой), которые должны тянуться в зависимости от разрешения моника пользователя по принципу (фикс-угол\растяжка\фикс-значек\растяжка\фикс-угол). Так вот нарезал я все, прописал, посмотрел... и уведел фигню - значок не в центре, растяжки тянутся как им вздумается. При…

    Asked by lrs,

    0 votes
    4 answers

  9. Ширина блока в IE

    У меня возникла проблема с шириной блоков в сайтбаре. В IE они почему то намного шире, чем нужно. На изменение ширины IE не реагирует. Не могу понять, с чем это связано. Для простоты, я вынесла код сайтбара отдельно: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style type="text/css"> body { margin-left:auto; margin-right:auto; width: 100%; height: 100%; background-color: #fff; } #sidebar { float: left; width: 405px; font: normal 12px/18px "Cen…

    Asked by Mila,

    0 votes
    4 answers

  10. position:relative - задница в ИЕ6

    На ниже приведённой странице ИЕ6 напрочь не отображает слой #ugol с position:absolute Но, достаточно уменьшить ширину у слоя #obr с 480px до 477px, как слой #ugol начинает отображаться. Что происходит - в упор не понимаю. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Проверка</title> <style> #menu { float:left; display:inline; width:180px; height:200px; margin:0px 10px 0px 10px; background-color:#6666FF; } #obr { float:left; display:inline; margin:0px 20px 0px …

    Asked by Колос,

    0 votes
    4 answers

  11. Кликабельная иконка возле ссылки

    Хотелось бы узнать как ПРАВИЛЬНО делать это. Т.е. нужно чтобы конечный пользователь просто писал ссылку, а в документе она появлялась с иконкой, причем на иконку также можно было бы нажимать, подчеркивание было бы только у текста ссылки. Как делать? Методом тыка добрался до вот такого, не ругайте сильно) <a class="savelink" href="#"><div class="save_xl">ССЫЛКА</div></a> .savelink { display: inline; height: 20px; line-height: 20px; font-size: 12px; margin-left: 20px; text-decoration: underline; } .save_xl { background: url("icon_excel.jpg") no-repeat; } .save_word { background: url("icon_word.jpg") no-repeat; } .save_file { background…

    Asked by splean,

    0 votes
    4 answers

  12. Как убрать скролл?

    Вопрос такой: как сделать, чтобы при изменении размера окна браузера фоновая картинка в диве просто уползала за край, но скролл при этом не появлялся? Примерно, как на этом сайте: http://ma.tt/contact/ Т.е. как сделать, чтобы скролл появлялся только при размере окна браузера меньше, чем ширина основного контента? Есть центральный див с контентом, а справа-слева висит еще по картинке, которые полностью должны быть видны только если ширина монитора это позволяет. Спасибо за помощь!

    Asked by Rosomaha,

    0 votes
    4 answers

  13. Как сделать слой по центру

    Помогите, как разместить слой по центру position: absolute; background: #F3F3F3; border: 1px solid #E2E222; width: 780px; height: 550px; padding: 10px; left: 50%; top: 50%; margin-left: -390px; margin-top: -225px; так не канает

    Asked by inforoom.org.ua,

    0 votes
    4 answers

  14. картинка-ссылка

    как убрать рамку вокруг картинки ссылки для фаерфокса? <a href="index.html" border="0"><img src="images/shapka_01.jpg" width="211"></a> border="0" - не спасает спасает конечно : <a href="index.html"><img src="images/shapka_01.jpg" border="0"></a> НО ТОГДА РУГАЕТСЯ ВАЛИДАТОР!!!а этого хочется избежать P.S.: да и может кто подскажет почему эта картинка в фаерфоксе уползает наверх на половину(тоесть уползает за видимую часть браузера)

    Asked by wert-one,

    0 votes
    4 answers

  15. Выпадающие меню

    Здраствуйте у меня вопрос ,я часто встречаю на сайтах выподающие меню,знаю что это делается через css,может ктонибудь знает как именно?

    Asked by Noks,

    0 votes
    4 answers

  16. Слои для листалок

    Добрый день! Хотел бы спросить совета, никогда ранее не делал листалки, которые работают на ява-скрипт. Но сейчас вот хочу сделать, наподобие такокго - http://images.yandex.ru/yandsearch?p=0&amp...time=1232622756 То, что находится внизу. Но никак не могу понять, как организовывваются слои под такое дело. Может кто уже делал подскажет или даст элементарный пример, совет, чтобы понять как это работает? Заранее спасибо.

    Asked by BRK,

    0 votes
    4 answers

  17. Высота ячейки, выравнивание, collapse...

    всем привет. табличка должна быть такой: http://www.afi-pallada.ho.ua/table/table.jpg a получается такая хрень: http://www.afi-pallada.ho.ua/table/signup.html код: <div class="right"> <table cellpadding="0" cellspacing="0"> <tr> <td class="left th no-bg">Feature</td> <td class="th">Members</td> <td class="th">Non Members</td> </tr> <tr> <td class="left">Play Short Clips</td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /><…

    Asked by kalyaka-malyaka,

    0 votes
    4 answers

  18. Блоки выбора категорий

    Здравствуйте, подскажите как сделать такой выбор категорий новостей как на _http://www.yahoo.com/ Там где "Featured Entertainment Sports Video" Только без ajax Спасибо

    Asked by Viktorovich,

    0 votes
    4 answers

  19. favicon: .ICO или все-таки .PNG (a W3C standard) ?

    Всем привет! Почему почти на всех сайтах код начинается с <!DOCTYPE HTML PUBLIC "-//W3C//DTD... - то есть получается что код валиден по стандартам W3C. Но почему же тогда везде используется favicon.ico вместо favicon.png? Посмотрите тут http://www.w3.org/2005/10/howto-favicon <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en-US"> <head profile="http://www.w3.org/2005/10/profile"> <link rel="icon" type="image/png" href="http://example.com/myicon.png"> […] </head> […] </html> И если кто-то врубится зачем юзать profile пожалуйста отпишите тоже

    Asked by chich,

    0 votes
    4 answers

  20. Rак сделать загрузку картинки

    Подскажите пожалуйста как сделать загрузку картинки чтобы она загрузилась сразу вся в плахом качестве а потом начила подгружаться по качеству?

    Asked by antonP,

    0 votes
    4 answers

  21. горизонтальное меню с выподающим списком вверх

    создала горизонтальное меню с выподающим списком вниз спомощью css.. но мне нужно вверх! подскажите как!

    Asked by zacepka,

    0 votes
    4 answers

  22. как сделать ссылку на внтуреннюю часть документа с другой страницы?

    У меня на одной странице есть ссылка, мне нужно чтобы она перекидывала на внутреннюю часть другой страницы. То есть я сделала сейчас так: <a href="/...shmtl" name="w1">GGG</a> Это не работает...

    Asked by zenia,

    0 votes
    4 answers

  23. CSS Для печати

    Решил протестировать свой сайт плагином Web Developer 1.1.6 для мозилы, посмотрел во вкладочке css какой вид будет для печати, у меня там один див выплывает, скажите как мне сделать отдельный css для печати и как его крепить?? И как мне на страничке сделать действие на печать чтоб грубо говоря была ссылка РАСПЕЧАТАТЬ и по нажатею на нее открывлся либо просмотр либо сразу печать...

    Asked by woofs,

    0 votes
    4 answers

  24. Не правильно отображается шаблон в Мозиле

    Объясните пойжалуста ,почему в Мозиле не показывает шаблон шапку и в правом верхнем углу не отображает картинки? А которые отображает ,они разъехавшие.сайт тут

    Asked by Astoria,

    0 votes
    4 answers

  25. DIV уходит вправо в IE

    В IE DIV Почему-то уходит вправо... В Опере и Хроме всё норм... Вобщемто всё даже сложнее... Сижу на 2-х мониторах. 1-15" 2-24" на 15 дюймах всё норм в окне отображается. а на 24 дюймовом если во всё окно развернуть то получаеться что див уходит вправо... в IE если же на всё окно растянуть то всё нормально... Жесть какая-то на 2 моника руками растянул всё норм..... <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> &lt…

    Asked by AnTiBAnnik,

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