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. Распорка в IE6

    Код: <style> #left { float: left; width: 300px; height: 512px; background: transparent url('images/ear.png') no-repeat left top; } #right { margin-left: 300px; height: 512px; background: #FFFFFF; } </style> <div> </div id="left"> </div> <div id="right"> </div> </div> Суть проблемы: в IE6 между этими двумя div'ами идет распорка в 2-3 пиксела. Уже не в первый раз с этой проблемой встречаюсь, не могу понять, в чем дело. Параметры border, padding, margin у всех div'ов проставлены в 0. Хотелось бы понять, в чем ошибка, а не применять кривые методы исправления. Заранее спасибо за ответ.

    Asked by my-name-is-Max,

    0 votes
    1 answer

  2. Работа с float

    <style> html{ height: 100%; } body{ height: 100%; } #block1{ overflow:hidden; _height:1%; } #block1 div{ float: left; width: 50%; } </style> <div id="block1"> <div class="left"> text </div> <div class="right"> text </div> </div> дивы left и right распологаются в одну строчку. свойства overflow:hidden; и _height:1%; заданны что бы див block1 увеличивался в высоту до размеров вложенных блоков overflow:hidden; для нормальных браузеров _height:1%; для эксплорера из за того что высота html и body задана ( что бы можно было работать с высотой блоков на странице в процентах) _height:1%; для эксплорера …

    Asked by jangot,

    0 votes
    1 answer

  3. Межстрочный интервал между формами

    Как изменить межстрочный интервал между однострочными формами в IE ? Пробовал line-height родителя - не работает; font-size - только размер шрифта меняется, padding и margin - таже картина ?! Я знаю только один вариант, заключить каждую форму в блок и управлять margin. Может есть что нибудь попроще? Спасибо!

    Asked by RR,

    0 votes
    1 answer

  4. Выпадающее меню и позиционирование.

    Возникла такая проблема. Есть меню. Обычное горизонтальное меню. Подменю - выпадающее. Контентный слой (находится ниже) - сдвинут position: relative вверх. У него стоит z-index: 5. У выпадающего меню стоит z-index: 100 Проблема в ч?м. FF и Опера прекрасно вс? понимают, а в IE выпадающее меню оказывается ПОД контентной частью. Код: Само меню и контент: <div class="TopMenu"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td class="ugol" style="background: none;padding: 0px;"> <img src="img/left.gif" alt="" /> </td> <td> <a href="#"> <nobr>О магазине</nobr> </a> <…

    Asked by ~Kitty~,

    0 votes
    1 answer

  5. Кусок меню отваливается в IE

    Посмотрите http://junglecity.ru/newshop/ В опере и мозилле все в порядке. ИЕ видимо по своему трактует width самого меню. Поэтому все выходит больше 850px. Как с этим бороться? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>index</title> <style type="text/css"> BODY { text-align: center; margin-top: 20px; } #page { width: 850px; margin-right: auto; margin-left: auto; } #logo { text-align:left; margin-bottom: 20px; } #punkt { width: 834px; height: 41px; background: #009900; line-height:41px; } #punkt ul { display: inline; } #punkt ul li { padding: 3px 20px; border-le…

    Asked by junglecity,

    0 votes
    1 answer

  6. Картинка сверху окна

    Кто подскажет, а как сделать маленькую картинку, которая появляется сверху окна, слева от названия страницы?

    Asked by Chebas,

    0 votes
    1 answer

  7. type=file стили и значение

    Подскажите для поля как можно задать значение, что б при выводе формы там уже был путь к файлу? и еще как использовать стили для этого поля (покрасить: кнопу, background поля input)?

    Asked by Saveliy,

    0 votes
    1 answer

  8. неопознанные типа-теги

    <a href="java script:void(0)" onclick="popupShowText(Первое окошко: Этот текст должен появиться во <i>всплывающем окне</i> и определен прямо на <b>месте вызова</b>.</p>')" class="popup">здесь</a> поясните, пожалуйста, наличие знако рядом с &?

    Asked by Rilo,

    0 votes
    1 answer

  9. перенаправление

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

    Asked by Rilo,

    0 votes
    1 answer

  10. Изменение баннера при рефреше страницы

    Можете подсказать можно ли реализовать следующие фичи посредством HTML (XHTML, PHP, JS), а если можно, то как именно (без фреймов)? 1. - Нужно, чтобы при рефреше страницы менялся основной баннер. 2. - При нажатии на определенный линк менялся основной баннер на определенную картинку только после нажатия на определенный линк (к примеру - 10 линков - 10 определенных картинок для основного баннера). 3. - При загрузке линки показывался определенный сплэш. Заранее спаибо за помощь

    Asked by DImaN,

    0 votes
    1 answer

  11. Выравнивание внутри div'а

    Здравствуйте всем, есть простое меню, в нем слева отображается картинка, справа - ссылка на соответствующую страницу. Код следующий: HTML <div class="newline" style="width:100%"> <div class="accitem"></div> <div class="acclabel"> <a href="#">ПЕРСОНАЛЬНЫЕ ДАННЫЕ</a> </div> </div> CSS .newline { clear:both; } .accitem { width:13px; height:18px; overflow:hidden; float:left; background-image:url(../img/bg05.jpg); background-position:center; background-repeat:no-repeat; } .acclabel { padding-left:2px; overflow:hidden; height:18px; float:left; } .acclabel a { color: #FFFFFF; font-family: Verdana; font-size:8px…

    Asked by a_web,

    0 votes
    1 answer

  12. Главная страница >...> Рамка вокруг изображения-как это делается?

    друзья, нужна помощь! хочу сайт сделать по уму, поэтому интересуюсь как автоматически выставляются маршруты типа: "Главная страница > Статьи > Изображения > Рамка вокруг изображения"

    Asked by Vega,

    0 votes
    1 answer

  13. Резиновая ширина рисунка в ИЕ

    Проблема в следующем: есть таблица, состоящая из тр?х колонок. Ширина таблицы 100%. Левая и правая колонки по 150рх, а средняя занимает вс? свободное пространство. В среднюю колонку вставляю рисунок размерами 802х249 рх задаю ему параметры width:100%; height:auto; Так вот при разрешении 1280х1024 отображается вс? так, как надо, но при уменьшении разрешения "Ос?л" начинает брыкаться, т.е. отображает рисунок не на100% ширины а на все 100% ширины рисунка. Что интересно, когда пробовал вставить рисунок шириной 200рх, "Ос?л" его растянул на всю ширину ячейки, с потерей качества естественно. Может быть кто сталкивался с подобной проблемой? Подскажите, как сделать, чтобы рисун…

    Asked by Shuranka,

    0 votes
    1 answer

  14. Помогите пожалуйста

    Как сделать так, чтобы все ссылки открывались в новой странице (в Firefox в новой вкладке)? Я такое уже делал (http://www.free-soft-games.narod.ru/), но не помню как, в сво?м коде не наш?л ничего для этого, делал давно, ничего уже не помню. Подскажите пожалуйста.

    Asked by Pashtet495,

    0 votes
    1 answer

  15. Как с помощью CSS выровнять текст по верхней границе???

    Скажите кто-нибудь, пожалуйста, как в CSS выровнять текст по верхней границе родительского элемента.

    Asked by VadeR,

    0 votes
    1 answer

  16. Два позиционируемых дива внутри основного

    Дано: есть див "content" в нем два дива "left" и "right" которые накладываются друг на друга. Задача: При растягивании "right" в зависимости от наполнения "content" должет так же растягиваться поправка, "left" тоже нужно растянуть Проблема: Если использовать позиционирование, то не растягивается, а если не использовать то не получается перекрытия двух слоев... Код: #content { position: relative; margin: 0px; padding: 0px; width: 880px; min-height: 520px; left: 0px; top: 0px; z-index: 1;} #left { position: absolute; width: 200px; height: 500px; left: 0px; top: 10px; z-index: 1;} #right { position: absolute; width: 780px; left: 100px; top: 10px; z-index: 2;} <d…

    Asked by SibBear,

    0 votes
    1 answer

  17. расположение картинки под картинкой с абсолютной позицией

    добрый вечер столкнулся с проблемой, решал минут 40 не смог найти ответа надо расположить картинку (id="name") под картинкой (id="logo") с абсолютной позицией (%) чтобы logo всегда лежало под ней не накладываясь. так же себя ведут неспозиционированные изображения вот кусок кода: html <td rowspan="3" colspan="2" width="50%" align="center"> ëÿëÿëÿëÿ</td> <td rowspan="3" width="25%" > <img src="logo.png" alt="logo" name="logo" id="logo" width="155" height="204" border="0" > <img src="name.png" alt="name" id="name" border="0" > </td> css #logo { position:absolute; top:10%; right:5%; display:block; } #name { position:absolute; righ…

    Asked by IceFroz,

    0 votes
    1 answer

  18. pop-under

    Как реализовать всплывающее окно у себя на сайте? По технологии: _popunder.ru _popads.ru

    Asked by UnFeeLing,

    0 votes
    1 answer

  19. 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

  20. Выравнивание внутри ячейки

    Доброе время суток! Не могу решить такую проблему - выравнить по правому краю ячейки в IE6 (в FF все ОК) Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Ronik-IP</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="rip_new.css"> </head> <body> <table align="right" cellpadding = "0" cellspacing = "0" class="bottom_menu"> <tr> <td width="187px" align="right" class="bottom_menu_td"> <a href="/">1111</a> </td> <td wi…

    Asked by NickAssa,

    0 votes
    1 answer

  21. NBSP!

    Чем можно заменить ?

    Asked by vvsh,

    0 votes
    1 answer

  22. Косяк с отоброжением страницы в разных браузерах

    http://file-money.ucoz.ru/ Вот какая проблема: опера тображает вс? правильно, а эксплорер частично не отображает шапку. Что с этим делать?

    Asked by DoomLancer,

    0 votes
    1 answer

  23. Как поменять шапку сайта

    Люди дайте мне ответ у меня есть сайт, я немогу поменять шапку сайта, помогите((

    Asked by Андрей11,

    0 votes
    1 answer

  24. Помогите реализовать на css

    Доброго времени суток. Помогите реализовать следующую задачу: Необходимо сделать на css чтоб при наведении на пункт меню, например О КОМПАНИИ, он плавно подсвечивался определенныи прозрачным фоном или определенной картинкой. Причем,к примерму 5 пунктов меню и должно быть 5 разных подсветов или 5 разных путей к картинкам... Это для jooml'ы, если может кто то видел примерный шаблон, тоже буду очень рад! Жду вашей помощи, очень! Спасибо!

    Asked by sanyo,

    0 votes
    1 answer

  25. Переливание картинки

    Извините,если пишу не в тот раздел,подходящего не наш?л. Здравствуйте,а напишите пожалуйста ПРЯМ ПО НОТКАМ,как мне в Фотошопе( У меня Русская Версия) сделать так,чтобы картинка переливалась: Например из ч?рного в светлоч?рный,из красного в т?мно-красный и т.д Вообще мне надо сделать фон на сайте,тока чтобы было красиво,я хочу.чтобы он переливался)))

    Asked by psywalker,

    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