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. газетная (журнальная) верстка

    подскажите как можно реализовать отображения основного материала на странице в 2 колонки, как в журалах?

    Asked by sc@r@bey,

    0 votes
    8 answers

  2. проблемка с вложенной таблицей

    есть такой кодик: <html> <head> <title>Пипец!!!</title> </head> <body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0"> <table width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr align="center" height="100%"> <td bgcolor="#808000" valign="middle"> <table width="90%" height="90%" cellspacing="0" cellpadding="0"> <tr> <td width="66%" bgcolor="#00FFFF"></td> </tr> </table> </td> </tr> </table> </body> </html> проблема в том что таблице задано положение valign="middle" в ОПЕР…

    Asked by CAs...,

    0 votes
    2 answers

  3. Надежно ли работает во всех ИЕ свойство zoom:1?

    Это свойство для меня загадка... В общем я его называю "исправлятель глюков под ИЕ". Тоесть если слои съезжают и отображаются в ИЕ не как запланировано, то обычно все лечиться добавлением этого свойства. Так вот. У меня вопрос: во всех версиях ИЕ это свойство рабтает? То есть, если я его использую под 6: будет ли оно адекватно воспринято ИЕ 7...?

    Asked by Ялекс,

    0 votes
    3 answers

  4. как вставить картинку в Div и чтоб ничего не разехалось

    как вставить картинку в Div правильно и чтоб ничего не разехалось? на что нужно обратить внимание? какие атрибуты особенно важны? <html> <head> <title> Сайт </title> <style> BODY { min-width: 100%; } #wrap { background-color: #9999cc; width: 100%; margin: 0} #header { background-color: #9c9; width: 100%; height:50 px;} #main { background-image: url(01.JPG); width: 19%; height:500 px; float: left; } #nav { background-image: url(02.JPG); width: 60%; height:500 px; float: left; padding: 1%; } #sitebar { background-image: url(03.JPG); width: 20% ; height:500 px; float: left; } #footer{ background-color: #9c9; width: 100%; } </style> <…

    Asked by yummi,

    0 votes
    2 answers

  5. Не работает относительный height, в DIV

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> При попытке присвоить DIV-у свойство "height:100%;" оно не срабатывает. Height:100%; работает только, если удалить doctype. Однако, после удаления doctype код не проходит валидацию и в IE получается "каша" ВОПРОС: Как, не удаляя doctype, "убедить" DIV воспринимать относительную высоту???

    Asked by hui_znaet,

    0 votes
    2 answers

  6. Убрать переход на новую строку у div

    собсно сабдж

    Asked by sinos,

    0 votes
    2 answers

  7. IE игнорирует CSS - как его завалить?

    Фрагмент кода: <head> <style> #left_menu {font-size:120%; font-weight:normal; line-height:2em; padding-left:50px} #left_menu top {background:url(images/str_black.gif) left top no-repeat; padding-left:20px; font-weight:600} </style> </head> <body> <table width="291" border="0" cellspacing="0" cellpadding="0"> <tr> <td id="left_menu"> <top><a href="/МЕНЮ1">МЕНЮ1</a></top> <ul> <li><a href="/подменю1">подменю1</a></li> <li><a href="/подменю2">подменю2</a></li> <li><a href="/подменю3">подменю3</a></li> </ul> </td> &l…

    Asked by Jamesson,

    0 votes
    4 answers

  8. Хелп

    никак не пойму одной вещи и как это исправить...вобщем добавил сайт в гугл...но потом сменил на индексе тайтл и мета дескрипт...ибо прошлый был плохой...но гугл проиндексировал старый и выдает результат по поиску старых слов...я уже и в мастере гугла кэш страницы удалял и сайтмэп кинул чтоб он заного проиндексировал (кстати из 9 урл отсканиных почемуто индех получил тока индекс но не в этом проблема) так вот подскажите чт делать то? как мне сделать так чтобы гугл отображал и искал по новым сопросам кои я переписал в мета дескрипте? сволочь пишет и и пишет старое!!! Хелп..у самого знаний не хватает и терпения тоже больше нет...попробывал тупо удалить сайт целиком из гугл..…

    Asked by struk,

    0 votes
    9 answers

  9. Divы

    как сделать так чтоб всё было в %, и никуда не уезжало? мусолю этот код уж не первый день, с дивами не работала раньше а также чтоб в #sitebar и #main вставить фото тож в % и что не как? и может что то нужно добавить? <html> <head> <title> Сайт </title> <style> BODY { min-width: 100%; } #wrap { background-color: #9999cc; width: 100%; margin: 0} #header { background-color: #9c9; width: 100%; height:50 px;} #main { background-image: url(01.JPG); width: 19%; height:500 px; float: left; } #nav { background-image: url(02.JPG); width: 60%; height:500 px; float: left; padding: 1%; } #sitebar { background-image: url(03.JPG); width: 20% ; height:500…

    Asked by yummi,

    0 votes
    1 answer

  10. Выравнивание вертикального списка.

    Есть меню сделанное по средствам CSS горизонтальным с выпадающими списками, нада его отцентрировать в родителе. Как это сделать? вот упрощенный кусок кода: ul#hor {list-style:none; margin:0; padding:0; color:#000066; font-weight:bold;} ul#hor li {display:block; float:left; border-left:#dadada solid 1px; height:46px; padding:0 10px;} ul#hor li a {display:block; margin-top:10px;} <ul id="hor"> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> </ul> из-за float:left менюха прижимается к левому краю родителя, а нада по центру..

    Asked by mozart,

    0 votes
    2 answers

  11. Как сделать ссылку на флэш банер

    Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…

    Asked by ArtOfHuman,

    0 votes
    3 answers

  12. Как сделать ссылку на флэш банер

    Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…

    Asked by ArtOfHuman,

    0 votes
    0 answers

  13. Как сделать ссылку на флэш банер

    Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…

    Asked by ArtOfHuman,

    0 votes
    0 answers

  14. Проблемы с наложением ссылка на флэшку

    Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…

    Asked by ArtOfHuman,

    0 votes
    3 answers

  15. Вывод маленьких таблиц построчно

    Добрый день. У меня возникла проблемма. Существует несколько десятков таблиц состоящих из 1 столбца и 2 строк. Мне их нужно вывести на странице так что б они выводились в 1 строку, а когда ширины экрана не хватает, то что б выполнялся перенос на другую строку. Как бы похоже на на это оно работает когда в стиле указываешь стиль display:inline-block, но не во всех браузерах работет правильно или даже просто работает. Познаний в вебдизайне у меня не много, поэтому буду рад любому совету даже самому простому. Заранее спасибо за помощь.

    Asked by Slike,

    0 votes
    6 answers

  16. Таблица

    Проблемка...Вот решил запустить сайт на фирме, вроде как все нормально как для "ламера", но вот при выводе фотогалереи и при всавке таблиц, все наполнение убегает вниз, а хотелось чтобы держалось верха Вот сайт...www.vdv-agency.com.ua/index/0-71.....

    Asked by oleg_rw,

    0 votes
    5 answers

  17. Непокорная таблица

    Доброго времени суток! Преамбула. Я не разработчик. В связи с кризисом, занимаюсь самостоятельно кастомизацией сайта нашей небольшой компании. (читайте ничего не смыслю в этом) А теперь сама проблемма. При размещении таблицы на страничке, она упорно размещается в самом низу. Значение valign="top". Для наглядности вот ссылочка: http://ka-dm.ru/info.php?sel=privacy - надо чтобы сама таблица была вверху. Подскажите где искать, либо намекните что делать. PS: не сочтите за рекламу- просто доходчивее не обьясню. Ссылка нагляднее.

    Asked by Shi3o,

    0 votes
    7 answers

  18. Эмуляция широкого экрана

    Здравствуйте, задумался над таким вопросом. Должны же быть способы проверки сайта на широких экранах - те, которые больше моего, от 1280px Первое, что пришло в голову - программа, которая может эмулировать широкий экран, или разрешать растягиваться браузеру больше, чем ширина экрана. Есть такие хаки?

    Asked by Nird,

    0 votes
    3 answers

  19. вопрос по поводу галереи

    Здраствуйте. Не могли бы вы объяснить чайнику как работать с этим сайтом http://coppermine-gallery.net/? В смысле как скачать оттуда скрипты и установить галерею себе на сайт? Только, если можно пошагово) Буду очень благодарна.

    Asked by Jessy,

    0 votes
    7 answers

  20. замена картинки на другую

    обыскал форум, не помогло. Я тут новенький и с трудом дохожу до каждого нового свойства, стиля и т.д. Вот уже 2 часа ломаю голову, пытаясь понять, как сделать, чтобы картинка-кнопка(ссылка) при наведении курсора менялась на другую, тех же размеров. <a href="#"><img src="normal.gif"></a> - вот я ее нарисовал в html. img:hover { background-image:url(hover.gif); - задал стиль. } все работает, но hover'ная картинка появляется под нормальной, а надо наоборот)) намекните плз, как мне осуществить задуманное

    Asked by gaga,

    0 votes
    3 answers

  21. Как убрать панел ie со страницы? (см. на Nic.ru)

    Зайдя по этому адресу https://www.nic.ru/cgi/na.cgi и нажав "whois" попал на страницу на которой отсутствует панель ie. Как это сделать?

    Asked by Yurij53,

    0 votes
    4 answers

  22. Вопрос по быстродействию

    У меня такой вопрос по поводу CSS-стилей. Какой способ внедрения стилей в страницу способствует большей скорости загрузки страницы? 1) назначать каждому элементу свой идентификатор или класс и стили выносить в отдельный файл; 2) прописывать стили для каждого тега как параметр style="";

    Asked by Flex,

    0 votes
    1 answer

  23. Упраление видом скроллинга в FF

    Вопрос: как в FF управлять видом скроллинга?

    Asked by Mutant,

    0 votes
    14 answers

  24. FrontPage 2000 (2003 ) и DreamWeaver 8 *

    Извините, если тема давно обглоданная и забытая. Но меня волнует. Поэтому благодарен буду за объяснения и помощь. (FAQ просмотрел. Несколько страничек с темами форума тоже. Не нашел. Если прозевал - извините великодушно!) Ситуация такая. Понадобилось накатать большой сайт для фирмы друга. В конце 90-х начале 2000-х годов уже занимался созданием сайтов. Своих имел аж два :-) Писал в FP-98, потом в 2000. Основные знания имел. Потом 8 лет вообще к этой теме не притрагивался. Теперь вот понадобилось и сильно и срочно. Поэтому встал вопрос - в чем писать? У меня есть FP-2000 и 2003. Нашел DW-8 с книжкой. В принципе, и FP-2000 вспоминается легко (2003 сложнее, есть непонятные р…

    Asked by Курсор,

    0 votes
    11 answers

  25. Масштабирование

    Всем привет ! Можно ли в тексте HTML явно указать масштаб страницы ?

    Asked by natter,

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