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. Кроссбраузерное выпадающе меню без хаков только на css

    Обычно выпадающие меню на css, которые я нахожу в Интернете, сделаны таким образом, что на IE6 они работают с разными заплатками-хаками-javascript-приладами. Не знает ли кто такое меню, которое идеально работало на чистом css в Internet Explorer 6?

    Asked by clavin,

    0 votes
    4 answers

  2. Объясните отличие

    Здравствуйте. Сильно не ругайте, но сколько не читал не могу понять отличия: .class a:hover a.class:hover

    Asked by magwar,

    0 votes
    1 answer

  3. height=auto

    Есть картинки,которые по ширине подгоняются под размер,но высота бывает разная.Если не указывать высоту,в некоторых браузерах картинки сжимаются только по ширине.Я нашел,что height=auto эту ситуацию исправляет.Но IE не понимает auto и ставит height в один пиксель.

    Asked by user,

    0 votes
    5 answers

  4. Как отменить открытие файла при нажатии кнопки Сохранить?

    Добрый день! Прошу подсказать, как сделать, чтобы при нажатии на ссылку начиналось только скачивание. Сейчас вылезает диалоговое окно с предложением открыть или сохранить файл. *** Этот сайт для внутреннего пользования компании, находится он на внутреннем сервере, и любой желающий может сохранить свои изменения в файл.

    Asked by julie83,

    0 votes
    1 answer

  5. как сделать подменю в текстовом меню

    Всем привет, вот такой вопрос: в тексте есть список 1. пункт1 2. пункт2 3. пункт3 как сделать из этих пунктов выплывающие и убирающиеся ссылки? то есть, например, я нажимаю на пункт 1, ниже появлются подпункты "подпункт1", "подпункт2", "подпункт3", затем я нажимаю на этот же пункт 1 и подпункты убираются обратно.. в итоге в закрытом виде пункты выглядят так: 1. пункт1 2. пункт2 3. пункт3 а в открытом так: 1. пункт1 1.1. Подпункт1 1.2. Подпункт2 1.3. Подпункт3 2. пункт2 2.1. Подпункт1 2.2. Подпункт2 2.3. Подпункт3 3. пункт3 3.1. Подпункт1 3.2. Подпункт2 3.3. Подпункт3 Спасибо, за помощь.

    Asked by gsar_skyes,

    0 votes
    4 answers

  6. Как глобально скруглить углы таблиц?

    В общем нужно чтоб ВЕЗДЕ скруглились углы, может кто знает какие-либо методы? Заранее спасибо

    Asked by Sven,

    0 votes
    3 answers

  7. Рзница в несколько пикселей в Опере и ФФ

    Здравствуйте. Возникла такая ситуация. В див1 (position:absolute;) размещаю див2 (position:absolute; bottom:0; right:0;) В результате, в опере все выглядит красиво (элемент расположен ровно в углу) а в ФФ, див2 на пару пикселей вылез за пределы див1, сразу вниз и в право. Подскажите пожалуйста, как обойти эту проблему. Спасибо.

    Asked by Klepa,

    0 votes
    3 answers

  8. 3-х колоночная резиновая верстка div'ами - задавать ширины локов в %

    Доброго времени суток уважаемые!!! Хочется сделать кроссбраузерную, на всю ширину окна верстку с тремя колонками и чтобы у этих колонок ширину можно было выставлять в процентах (%). Необходимо также присутствие шапки и подвала на всю ширину с определенной высотой. Пытался писать что-то вроде: <!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> <title>Untitled Page</title> <link rel="Stylesheet" href="StyleSheet1.css" type="text/css"/> </head> <body> <div id="main"> <div id="header">Heade…

    Asked by rentoc,

    0 votes
    3 answers

  9. Проблемы с сайтом в Firefox

    Сайт - nowak.ru . Возникают проблемы с отображение в файрфоксе. В IE8, Chrome, Opera нормально отображается фон страницы. Подскажите в чем проблема?

    Asked by danwerspb,

    0 votes
    8 answers

  10. поведение IMG и текста

    Имеем примерно такой код - 2 блока друг за другом Контейнер в нем еще один в котором лежит картинка и текст. <div class="clearcont"> <div class="maincont"> <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p> В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой проблемы. </div> </div> <div class="clearcont"> <div class="maincont"> <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p> В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой пр…

    Asked by ShumNo,

    0 votes
    2 answers

  11. Верстка разно-ширинных табов+2 доп.вопроса

    Доброго времени суток. Задача - сделать табы с нахлестом. Причем ширина заголовка таба должна быть по содержанию, а не фиксированной. Примеров нормальных не нашел, как сделать такое вообще не представляю... Хотелось бы, чтоб картинка при :hover менялась фоновая, потому просто подложить релативную картинку 100% не получится. Желательно без таблиц. ИЕ6 не важен. Еще вопрос - можно ли как-то градиентный (косой градиент) фон сверстать без таблиц, чтоб было кроссбраузерно? Есть вариант - http://css-school.ru/css_verst/212-urok-cs...entnyj-fon.html , но его описание не соответствует реальности - пропадает правый угол. И последний вопрос - как внутри 100% высоты блока растя…

    Asked by tt48,

    0 votes
    2 answers

  12. Выравнивание текста в ссылке по вертикали

    Если a{display:block}, то как в этом блоке выровнять текст по вертикали. Пробовал поместить текст в тег <p> и задать p{vertical-align:middle;}, то есть <a><p>текст</p></a>, но не получается:браузер это выравнивание не отображает

    Asked by shady,

    0 votes
    6 answers

  13. div-ы - граница компонента тянется вниз

    Доброго времени суток, уважаемые знатоки css. При верстке у меня возникла довольно странная проблема. Описать ее непросто, но я постараюсь. Шаблон сайта сверстан в 3 колонки с помощью div-ов. При открытии одного из компонентов в FireFox, Chrome или Opera происходит довольно странная вещь - главная область компонента растягивается вниз так, чтобы нижний конец стал вровень с нижней границей правой или левой колонки. При этом в IE все отображается как надо. Проблема в картинках: Вот как это выглядит в IE (как оно должно выглядеть): Нижняя граница компонента заканчивается там, где кончается текст компонента. Нижние границы правой и левой колонки ни на что не влияют. А вот к…

    Asked by zaero,

    0 votes
    22 answers

  14. Масштабируемость IMG в таблице.

    Делаю страничку просмотра объявления, с приложенными к нему одной или несколько фото. Идея в следующем, есть таблица из двух ячеек НЕфикрсированной ширины. В левую ячейку вставляется фото, и растягивается в месте с ней на всю ширину таблицы. Если же фото несколько, то в правую колонку вставляется ещё одна таблица с вложенными в неё миниатюрами остальных фото, после чего левая колонка основной таблицы должна пропорционально уменьшиться вместе с фото, уступив место правой ячейке. Ниже изложенный код работает во всех браузерх, кроме IE. В IE, левая колонка распирается на всю ширину таблицы, а правая ячека выпирает за пределы div'a. Как изменить код, чтобы задумка работала и …

    Asked by sladki,

    0 votes
    3 answers

  15. Как убрать смещение фона нажатой кнопки в ИЕ?

    Есть кнопочка <input type="button" id="up"> Есть соответствующий стиль: input#up { width: 30px; height: 20px; background: url(++resource++images/arrow_up.png) no-repeat scroll center center transparent; border: none; } input#up:active { background: url(++resource++images/arrow_up_pushed.png) no-repeat scroll center center transparent; } Везде кроме IE работает нормально. В IE же фон кнопки при нажатии смещается. Как это убрать?

    Asked by LightOfMooN,

    0 votes
    12 answers

  16. можно ли красиво менять текст на картинке, не делая gif или flash анимацию?

    есть текст на баннере http://www.arbitr-hmao.ru надо чтобы текст красиво менялся (заменялся другим текстом, например, с вылетом) но делать из и без того тяжелого баннера flash анимацию очень неразумно.. может есть какие-нибудь НЕСЛОЖНЫЕ аплеты, скрипты или чего нибудь еще, чтобы можно было анимировать таким образом текст. заранее благодарен за совет

    Asked by vovchikku,

    0 votes
    0 answers

  17. чем в этом коде может устанавливаться отступ (или белый бордюр)?

    чем в этом коде может устанавливаться отступ "вниз" от картинки, которую сделали ссылкой. Размер отступа (или картинки) примерно 2-3 px я думал такие вещи устанавливаются a img{ border: none; padding:0; margin:0; } но у меня как видите все по нуля /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; max-width: 974px; align : center; } table.brd { border-right: solid 1px #CCCCCC; } table.sec_bkg { background : url(../images/nasha_spec_bkg.jpg) repeat-y top left; …

    Asked by vovchikku,

    0 votes
    3 answers

  18. Вопрос по float

    Почему левый блок не на одном уровне с правым в фф и хроме? Как поправить? [[left_sid]**********************************[right_side]] <div> <span id="left_side">1111</span> <span id="right_side">1111</span> </div> div { background: blue; } span { background: red; } #left_side{} #right_side{ float: right;} в догонку, как разнести списки по сторонам страницы? <div style="background-color:blue;"> <ul style="background: red;"> <li><a href="#">11111</a> </li> <li><a href="#">11111</a> </li> </ul> <ul style="background: red;"> <li>&l…

    Asked by NoMe,

    0 votes
    4 answers

  19. Как выстроить элементы

    В общем есть такой код <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> Как сделать чтоб когда я добовляю ещё один код, т.е. <div style="width: 150px;"> <center><a href="#">Ссылка</a> <br><img style="max-width: 150px;" src="#" border="0" alt="" /></center> <div style="float:right; margin-right: 5px;"><a href="#">Ещё ссылка</a></div> </div> <div style="width: 1…

    Asked by ВэйДлин,

    0 votes
    5 answers

  20. 3 колоночный резиновый дизайн

    Форумчане, подскажите пожалуйста, пока нигде не могу найти. Нужен пример верстки 3 колоночного дизайна в котором 2 сайдбара по бокам фиксированной ширины. а в середке резиновый блок. И еще надо чтобы все 3 блока имели одинаковую высоту подстраиваясь под самый длинный блок. Причем чтобы способ поддерживал фоновое изображение на блок и бордер. Замучился искать, все не то(

    Asked by crash,

    0 votes
    7 answers

  21. Можно ли узнать паспортные данные владельца сайта?

    У моей подруги есть сайт, на сайте она опубликовала несколько фотографий, которые нашла в интернете. Где-то два дня назад на электронную почту моей подруги пришло письмо от какой-то женщины. В письме эта женщина пишет, что увидела на сайте моей подруги свою фотографию, которая была опубликована без ее спроса. Поэтому моя подруга должна либо заплатит ей за фотографию 600 рублей, либо удалить фотографию с сайта, иначе она подаст на мою подругу в суд. Но для моей подруги 600 рублей достаточно большая сумма, чтобы отдать ее за одну единственную фотографию, которая к тому же не эксклюзивная, так как она размещена на других нескольких сайтов. Поэтому моя подруга в тот же день …

    Asked by anna-2010,

    0 votes
    18 answers

  22. косяк отображения в FF

    Добрый день уважаемые форумчане, очень надеюсь на вашу помощь, есть страничка, в ней макет... в опере отображается отлично ) а вот в FF много косяков, если не сложно, подскажите, как добиться правильного отображения в FF? http://sd-chat.ru/koolchat/index.php?inc=i...p;nick=Dominant

    Asked by vitron,

    0 votes
    1 answer

  23. Выравнивание двух DIVов по высоте в таблице

    Здравствуйте, возможно вопрос элементарный, но к сожалению ответа на него не нашел, Имеем такой кусок css. .roundedcornr_box_919346 { background: #e2e2e2; } .roundedcornr_top_919346 div { background: url(images/roundedcornr_919346_tl.png) no-repeat top left; } .roundedcornr_top_919346 { background: url(images/roundedcornr_919346_tr.png) no-repeat top right; } .roundedcornr_bottom_919346 div { background: url(images/roundedcornr_919346_bl.png) no-repeat bottom left; } .roundedcornr_bottom_919346 { background: url(images/roundedcornr_919346_br.png) no-repeat bottom right; } .roundedcornr_top_919346 div, .roundedcornr_top_919346, .roundedcornr_bottom_919346 div, .rou…

    Asked by diden05,

    0 votes
    3 answers

  24. 3 колонки. В центральной плавающие элементы. Как продлить фон колонки

    В общем имеем: <div id="wrapper"> <div id="sidebarLeft"></div> <div id="sidebarRight"></div> <div id="content"> <div class="items"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> </div> </div> </div> #sidebarLeft { float:left; width:225px; } #sidebarRight { float:right; width:225px; } #content { margin:0 225px; } #content .items { } #content .items .item { float:left; width:100px; height:100px; } Надо чтобы у блока #content был фон. Я ему просто з…

    Asked by pizzZ,

    0 votes
    6 answers

  25. для чего нужен тег iframe

    Подскажите, пожалуйста, для чего нужен тег iframe. В каких интернет-технологиях или просто ситуациях его надо применять? Ещё интересно, как он поддерживается браузерами и стандартами w3c. К примеру, могу ли я делать сайты на XHTML Transitional и применять этот тег в вёрстке? Что такое фреймы и как они позволяют в одном окне браузера отображаться разные документы, я вполне представляю, так что про сами фреймы мне не надо объяснять.

    Asked by clavin,

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