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#main{width: 200px; background:#fff url(12.png) top repeat-x; padding: 0 ;margin: 0px} div#main-open_left{float:left; width: 8px; height: 8px; background: #fff url(side1.png) bottom left no-repeat; margin: 0px} div#main-open_right{float:right; width: 8px; height: 8px; background: #fff url(side2.png) bottom left no-repeat; margin: 0px} div#main-close{width: 100%; height: 8px; background: #fff url(wablon_056.jpg) bottom left no-repeat; margin: 0px} В общем кое-что понятно..но не вс? и почему именно такая форма записи(div#main и тд)

    Asked by Metis,

    0 votes
    3 answers

  2. Замена одного контента на другой в слое

    Я - начинающий. Не пинайте. Сходу не нашел. Если было - ткните носом. Подскажите как менять контент в одном из слоев (колонок), не перегружая страницу. Или даже, как выводить содержание готовых страниц (разумное) в слой.

    Asked by lockout,

    0 votes
    3 answers

  3. Проблема слоев

    Есть верстка дивами и таблично, там сайт резиной и по высоте, но таблица под основными слоями в шапке тянется по высоте на 100%, но за пределы экрана вниз ровно на то расстояние которое имеет растянутый фон в шапке? Как это исправить, чтобы таблица ровно прижималась к низу окна, а не сползала на это расстояние равное высоте растянутого фона в шапке? вот html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <div id="main"> <div id="header_fon"> <div id="header_left-block"></div> <div id="header_right-block"></div> <div id="center"> <div id="center_header"> <table class="…

    Asked by okunev2,

    0 votes
    3 answers

  4. Помогите сверстать макет div-ами

    В общем основная загвоздка заключается в двух резиновых колонках, расстояние между задано в абсолютных единицах... То есть ширина левой колонки ? 70% минус расстояние до разделителя колонок в em и минус ширина разделителя пикселях. С правой колонкой тоже самое. Задавать padding между колонками ? бесполезно, т. к. неизвестно какая ширина останется для колонки (проценты минус em-ы минус пиксели...). Примерный макет прилагается (перезалил). PS: плюс ко всему во всех блоках ? свой графический фон.

    Asked by Гиль,

    0 votes
    3 answers

  5. Минимум DIVа

    Возможно ли с помощью одного "дива" отцентрировать контент. На сайте Лебедева пишут что "все очень просто", используя три. Text-align должен быть left.

    Asked by Cosmo,

    0 votes
    3 answers

  6. А как вот так зделать?

    http://online.ukrworld.net/111/ Вот, мне нужно в шапку сайта, между надписями каталог онлайн игр и www.online.ukrworld.net вставить маленькую картинку. Вставить так, что надписи остались на своих местах...Если просто вставляю картинку, написси уезжают...и билеберда выходит полная..подскажите...

    Asked by Cyrax,

    0 votes
    3 answers

  7. Где можно найти?

    как мне прописать кодом, чтоб при наведении на ссылку показывалась фотография, а при щелчке переходило на новую страницу?

    Asked by ols,

    0 votes
    3 answers

  8. нереальный глюк ie

    Товарищи по моему я сошел с ума - такой глюк в простейшем html - что делать не знаю... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body marginheight="0" marginwidth="0" leftmargin="0" topmargin="0"><img src="img/ррр.gif" width="104" height="10" /> </body> </html> в ie появляется отступ сверху, который меняется если изменять шрифт, это происходит только с изображениями небольшого размера help me!

    Asked by Pyotr Gerasimov,

    0 votes
    3 answers

  9. Помогите сверстать блоками...

    Всем привет! Нужен совет или лучше урок Задача: сверсать сайт блоками, так что бы все блоки были как на картинке ниже Необходимо, что бы все блоки распологались по середине и имели одинаковую шинрину Вверху будет логотип сайта, ниже навигация с картой изображений, дальше блоки с текстом и в самом низу копирайты и т.д. Я только начинаю работать в этой области, поэтому сильно не ругайте за глупые вопросы Раньше делал сайты на таблицах, но в этом случае нужна верстка именно блоками... Заранее благодарен.

    Asked by NightRunner,

    0 votes
    3 answers

  10. opera vs "универсальный шаблон"

    Доброго времени суток! Возникла проблема с оперой (что меня удивило) Сверстан сайт по вот этой идее http://trifler.ru/blog/i/users/ushablon.htm пример работает везде и на ура. у меня же после внедрения в жЫзнь, по закону подлости отображает не правильно ФФ и ИЕ корректно понимают margin-bottom:-32767px;padding-bottom:32767px; а вот опера не пожелала пример сайта http://devel.domik.net/mod/offers/ даю ссылку не на главную старницу специально. вкратце для тех кто не хочет заходить: в опере появляется огромное пространство размеров в те самые ~30000рх. Код в студию: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401…

    Asked by ignar,

    0 votes
    3 answers

  11. выпадающее меню

    Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…

    Asked by dfg,

    0 votes
    3 answers

  12. проблемы с ie6

    В ie6 центральная часть уезжает вниз. в остальных браузерах работает все нормально. В чем может быть дело http://kinovibor.ru/transinvest/template/index.php

    Asked by qwelp,

    0 votes
    3 answers

  13. Растянуть таблицу 100% высоты в IE6

    Бьюсь вторую неделю таблица в ней 3 строки, размер таблицы 100% на 100% верхняя нижняя строки фикс. высоты. центральная задается как 90% работает в опера, моз, ие7, мак. В ие6 центральная строка не растягивается код примерный:

    Asked by SibBear,

    0 votes
    3 answers

  14. Рамка вокруг чекбокса в IE

    стиль для input input,textarea{ background:#FFFFFF;color:#000000; font:10px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px; border:1px solid;border-color: #000000 #707070 #707070 #000000; } в опере и огнелисе нормально отображается, а в IE 6 ,большая рамка вокруг checkbox возможно ли он не? избавиться чтоб стиль на вид не изменился?

    Asked by Bugfinder,

    0 votes
    3 answers

  15. Изображение перед URL

    Изображение перед URL как это сделать?:cool:

    Asked by pavelz,

    0 votes
    3 answers

  16. Список нумерованный в обратном порядке

    Подскажите, пожалуйста т.д. март февраль январь Можно ли пронумеровать такой список проще (одной записью), без указания в каждом параметра value?

    Asked by Chiquitita,

    0 votes
    3 answers

  17. Document content looks like HTML Proprietary

    Это мне выдал HTML VALIDATOR 0.8.4.0 по поводу употребления атрибута "background" с тегом - Я понял это намек..., но что конкретно он (валидатор) имел ввиду?

    Asked by max5555,

    0 votes
    3 answers

  18. Как выравнить картинку по центру в DIVe?

    Как выравнить картинку по центру в DIVe через CSS? —————————————————————————- Вот такой вот глупый вопрос,,,,,

    Asked by antonP,

    0 votes
    3 answers

  19. помогите исправить ошибку в таблице

    <!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> <title></title> </head> <body> <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="#000000"> <tr> <td rowspan=2 width=250px> текст </td> <td>Текст</td> <td width=5px>5</td> </tr> <tr> <td colspan=2> текст нижней ячейки </td> </tr> </table> </body> </html> В FF вс? работает как надо, н…

    Asked by Юрий,

    0 votes
    3 answers

  20. Неправильное отображение сайта в разных браузерах.

    Продублирую свою проблему тут. Хочется разобраться. #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 206px; height : 11px; padding : 0; } #enter { width : 84px;…

    Asked by Mihail Dobkin,

    0 votes
    3 answers

  21. Доступ к папкам по ftp

    Всем привет! Подскажите - существует ли возможность обеспечить доступ к отдельно взятой папке на сервере? Типа, внутри папки httpdocs есть папка games, как сделать доступ по ftp только к ней? Есть ли какие-нибудь решения?

    Asked by styleroom,

    0 votes
    3 answers

  22. Замена Flash HTML кодом

    Можно ли заставить браузер отображать html, если у клиента не установлен флеш-проигрыватель?

    Asked by Скорп,

    0 votes
    3 answers

  23. Mozilla не видит картинку

    А я не знал. А оно то оказалось. Mozilla не понимает CMYK Всем кто тоже не знал, все картинки используемые на сайте должны быть в RGB, CMYK мозила не видит

    Asked by SibBear,

    0 votes
    3 answers

  24. Макет как у yahoo.com

    Добрый день! Вот изучал тут дизайны vkontakte.ru и yahoo.com и увидел интересную деталь. Вот когда нажимаешь Ctrl+прокрутка колеса мыши размер шрифта начинает меняться. вконтакте ломается весь при таком действии, а yahoo - нифига. Причем yahoo не ломается ни в лисичке, ни в ослике. Почитав этот сайт про резиновые макеты страниц и опробовав в лисичке убедился - это не то. Вопрос: как делается такая фича, чтобы сайт вслед за текстом увеличивал свои размеры, как на yahoo.com Всем спасибо за ответы заранее.

    Asked by godima,

    0 votes
    3 answers

  25. <br> лучше не делать?

    1. А как лучше? если нужно тупо сделать 3 строки между словами? 2. стоит ли делать: .w100 { width: 100px;} .w110 { width: 110px;} .h26 { height: 29px;} .h30 { height: 30px;} class="w110 h30" насколько это нужно, целесообразно и вообще, кроме как сокращение кода?

    Asked by SibBear,

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