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 колонки: первая 250 пикс, вторая на все остальное. левая - чисто декоративнаяЮ там два дива с рисунками, вторая это контент. при вертикальном скроллинге (когда в контенте много текста) левая колонка завершается при первоначальном фактическом размере браузера. а надо чтобы тянулась вниз...

    Asked by maxefimov,

    0 votes
    1 answer

  2. Как убрать пунктирную обводку input'ов в firefox?

    Помогите решить проблему с кнопками в Firefox. При нажатии у кнопки появляется пунктирная обводка. Похожая проблема есть со ссылками, но она решается с помощью: outline:none; Но проблема с кнопками вышеуказанным способом не решить. Подскажите есть ли способ решить проблему пунктирной обводки кнопок в Firefox. З.Ы. Кстати проблема пунктирной обводки у ссылок есть и в IE6, и она тоже не решается с помощью outline:none.

    Asked by Nigelist,

    0 votes
    10 answers

  3. Резиновая верстка

    Привет всем! Только начал вникать, так что не пинайте проблема в следующем - есть два дива: <div class="div1"> </div> <div class="div2">ТУТ ВЫВОДЯТСЯ КОММЕНТАРИИ</div> в css .div1 {float: left;} .div2 {float: left;} Т.е. я добился того, первый див обтекается вторым и они располагаются на одном уровне. Однако мне необходимо сделать так, чтобы при развернутом окне броузера получалось так: http://www.picatom.com/1o/img/1-5358.jpg Т.е. именно так, как у меня и получилось. А при уменьшении окна до максимума так: http://www.picatom.com/1o/img/2-3528.jpg Т.е. чтобы при уменьшении окна броузера первый див "сжимался" до нуля, и все оставшееся пространст…

    Asked by nickostyle,

    0 votes
    2 answers

  4. IE плохо показивает страницу

    Делал верску ,в всех браузерах нормально показивает (скрин) но в IE плохо (скрин) Там 2 ошибки ,тоисть профиль наежает на лого и перекривает и контейнер держитса профиля(на скрине видно ,так как профиль дал в бордер так же как и контейнер) Как можно решить проблеми,кто подскажеш??? Демо сайта : http://fefeq.ucoz.ru/ Спасибо

    Asked by Mr.Black,

    0 votes
    2 answers

  5. Как выяснить код символа?

    В общем, проблема такая - собираю макет в джумле. И какой-то из файлов движка лепит в код странный символ (его не видно) типа переноса строки. Лепит только в одном месте. В итоге у меня съезжает форма поиска, как будто строку перенесли. Никак не могу эту заразу выловить, откуда она берется. Через Firebug убираю из кода эту хрень - всё встает на места. Думаю, если определить код этого символа, то можно пошерстить по всем файлам на предмет его наличия. При просмотре кода страницы из мозиллы его не видно. Через Firebug можно заметить. В IE видно при просмотре исходного кода (блокнотом по умолчанию) Выложил сохраненную копию страницы: http://leveler.ru/htmlbook/symbol.htm Оф…

    Asked by d0ublezer0,

    0 votes
    4 answers

  6. Проблема с плагином IE6

    Добрый вечер, сейчас верстаю один макет (в верстке недавно). Возникла проблема закругления углов, решил использовать JS (jquery.corners), но в IE6 при нечетной высоте возникает вот такая проблема: Может кто знает решение?

    Asked by Faradey99,

    0 votes
    4 answers

  7. Разница между Button и input type=button

    Только учусь сайтостроению. Собсно вопрос такой: Есть код (для примера) <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Testing</title> </head> <body> <script language="javascript"> function optdel() { document.getElementById('selList').options[0]=null; } </script> <form> <select id="selList"> <option>o1</option> <option>o2</option> <option>o3</option> &lt…

    Asked by Cheese,

    0 votes
    2 answers

  8. Выравнивание абсолютно позиционированного (резинового) дива по центру

    Подскажите как выравнить абсолютно позиционированный (резиновый с неизвестной шириной) div по центру?

    Asked by vladimir_lwlx,

    0 votes
    2 answers

  9. бекграунд текста

    прошу прощения, если подобная тема поднималась - найти не смог.. в общем нужно добиться такого эффекта http://clip2net.com/clip/m33658/1288067101-clip-9kb.jpg может быть кому-нибудь приходилось такое делать? как добиться отступа в конце первой и начале второй страницы? ....сделать элемент блочным - не выход...

    Asked by infamous,

    0 votes
    8 answers

  10. CSS-хак для Мака/айФона/айПада

    Столкнулся с очередной траблой при внедрении кастомных шрифтов: на эпловских устройствах (включая Мак-мини) они позиционируются по вертикали по-другому (ближе к верху строчного бокса), чем на виндовых машинах. Из-за этого заголовок с плавающей иконкой под маком/айфоном/айпадом выглядят некузяво (словно иконка вниз сползла, хотя по факту, наоборот, вверх уполз заголовок). Игры с line-height и vertical-align не помогают — на маке всё равно всё по своему. Не вижу иного выхода, как явно подпереть одну из платформ специфическими для нее отступами, но столкнулся с проблемой: как в CSS опознать платформу? Встречающиеся в поиске решения нацелены либо на движок Webkit (что мне не …

    Asked by SelenIT,

    0 votes
    8 answers

  11. css фиксированый баннер

    всем привет! подскажите возможно ли сделать такое извращение, есть главный див по центру со своим размером, ситуация такая что нужно повесить с права этого дива баннер 1. при этом чтоб сам див оставался по центру как будто этого банера вовсе нет. 2. когда ширина браузера уменьшается, выравнивание центра начинается с левой стороны, дабы еще возможно было увидеть баннер находящийся c правой стороны. 3. если граница окна браузера выходит за рамки баннера, не появлялся горизонтальный скролинг. (как с position:fixed) 4. чтоб этот баннер оставлялся всегда вверху на своем месте, и не плавал за вертикальным скролингом. (с position:fixed не смог такого добится) очень нужно такое р…

    Asked by XJIOP,

    0 votes
    3 answers

  12. "Съедается" подложка <div>-wraper-а, как победить?

    Есть css меню состоящее из списков <ul><li> обернутых в <div>, который одновременно выступает в роли цветной подложки. Требуемый внешний вид меню такой: http://www.transaction.arvixe.ru/testmenu2.html В этом случае для элемента <ul> задан стиль {position: relative;}. Как следствие выпадающий список сдвигает текст следующий в потоке за меню. Но если заменить этот стиль на {position: absolute;} подложка "портится" и получается такой некрасивый эффект: http://www.transaction.arvixe.ru/testmenu.html Подскажите пожалуйста, можно ли как заставить выводиться фон в div-e без искажений (с перекрыванием нижеследующего контента)? <!DOCTYPE HTML PUBLIC "-/…

    Asked by keo,

    0 votes
    0 answers

  13. Глюк в ИЕ6, которого еще не было

    Столкнулся с очень странным глюком Ишака. Верстаю на компе — все нормально, однако когда заливаю сверстанное на хостинг, тогда верстка ломается в ИЕ6, при этом в коде ни одного знака не меняется. Товарищи знатоки, в чем тут может быть проблема?

    Asked by Punches,

    0 votes
    15 answers

  14. #id или #id .class

    Доброго времени суток) Возник один вопрос на какой в инете ответа не нашел. Что лучше использовать #id_1 .class #id_2 .class или .class_1 .class_2 в "+" первого варианта говорит то что все таки больше времени рендеринга кушает построение DOM и удобство при кодинге особенно сайтов "по-больше". но вот уж оч многие бьют себя копытом грудь и говорят что второй способ быстрей, но не могут довести этого на цифрах. Интересует Ваше мнение, на форуме искал не нашел, если просмотрел дайти не бейте а дайте линк) Заранее спасибо)

    Asked by yan_kos,

    0 votes
    5 answers

  15. Новичок

    Подскажите мне я уже 3 месяца учусь HTML и Css ,хочу попробовать сверстать макет ,как мне посмотреть результат если просто верстать чистый Html и css без движка и чтоб инет не был нужен???????

    Asked by Mr.Black,

    0 votes
    9 answers

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

    Доброго времени суток еще раз. Чтобы не наваливать все в кучу решил создать отдельную тему. Есть макетик, он тянется и все такое прочее. Суть вопроса в том, что в блоке с заданными (и реально отрабатываемыми) характеристиками высоты - 100% - не удаётся растянуть табличку на всю высоту блока. Валидацию прошел. DOCTYPE strict xhtml http://www.beavers-net.narod.ru/primers/search.html Табличка с закругленные уголки. Должна занимать всю оставшуюся белой область. Долбаюсь уже с ней недели две - все никак. #middle - .content —- > table.table_papok стили к ней http://www.beavers-net.narod.ru/primers/temp2.css Еще вопрос по таблицам - в ИЕ пропадает нижний бордер к строкам в …

    Asked by tt48,

    0 votes
    11 answers

  17. Обратная связь

    всем доброе время суток! Что нужно в этом коде сделать, чтоб работала обратная связь? <div class="reply-form"> <h2>Обратная связь:</h2> <form action="#"> <fieldset> <legend>Форма Обратной Связи</legend> <div class="form-row"> <label for="form-item-1">*Контактное лицо:</label> <div class="contact-input"><input type="text" id="form-item-1" /></div> </div> <div class="form-row"> <label for="form-item-2">*Телефон:</label> <div class="contact-input"><input type="text" id="form-item-2" /></div> </div> <div class="form-row"> <label for="form-ite…

    Asked by Bismuth,

    0 votes
    7 answers

  18. помогите лузеру

    помогите пожалуйста только начинаю учить немогу понять почему не работает <data> <settings> <general slide_panel_width="150" slide_panel_height="225" /> <auto_play> <defaults symbol="circular"/> <tweenIn x="5" y="4" width="3" height="3" tint="0xFFFFFF" alpha="0.5"/> <tweenOver alpha="1"/> </auto_play> <prev_button> <tweenIn x="5" y="4" width="6" height="6" alpha="0.5"/> <tweenOver alpha="0"/> </prev_button> <next_button> <tweenIn x="5" y="4" width="6" height="6" alpha="0"/> <tweenOver alpha="0"/> </next_button> <prev_symbol> …

    Asked by cold10,

    0 votes
    2 answers

  19. Меню

    Подскажите, как можна зделать вот такое меню ???http://s60.radikal.ru/i167/1010/ab/2a7c252371d0.png Может есть примери????Что изпользовать и тд.

    Asked by Mr.Black,

    0 votes
    6 answers

  20. Отступ внизу изображений

    В Opere страница отображается как надо и под картинкой нет пустого места. В других браузерах под картинкой появляется небольшое пустое пространство. Не помогает свойство vertical-align:baseline;. <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Как убрать отступ снизу у картинок?</title> <style type="text/css"> #movers-row{ text-align:justify; width:500px; background-color:green;} </style> </head> <bod…

    Asked by clavin,

    0 votes
    2 answers

  21. Верстка форм. Проблемы с FF4

    Доброго времени суток. Есть формочка - http://beavers-net.narod.ru/primers/forms.html Собственно два вопроса - как её сверстать лучше, чтоб не прыгали инпуты туда-сюда и все было ровно и в Лисе input file для аватара не тянется Inline-стилями - в чем фишка? *валидацию прошел. По поиску побродил, но ничего не нашел,( Только вот - http://forum.htmlbook.ru/index.php?showtopic=20084&hl=%E2%E5%F0%F1%F2%EA%E0+%F4%EE%F0%EC Оно занятно, да не об том. Заранее спасибо. С уважением, Олег.

    Asked by tt48,

    0 votes
    10 answers

  22. Как работает способ выравнивания п ширине

    Кто-нибудь может объяснить, почему способ выравнивания по ширине на этой странице http://www.getincss.ru/wp-content/uploads/2008/elements.html работает. Там есть элемент <span> и непонятно, почему он оказывает такой эффект.

    Asked by clavin,

    0 votes
    2 answers

  23. Проблемы каскадирования xhtml+css

    xhtml: <p class="txt"> Текст 1 <br /> Текст 2 <br /> <ol> <li>List 1</li> <li>List 2</li> </ol> Текст 3<br /> </p> css: p.txt { text-align:right; } Выравнивание срабатывает на "Текст 1" и "Текст 2", а вот на список и на "Текст 3" не оказывает влияния.

    Asked by qweqwe,

    0 votes
    4 answers

  24. как отобразить картинки одинакового размера?

    страница выводит превьюшки, они изначального разного размера, а как сделать (для эстетики), чтоб он отображал их одинакового размера, без искажений? т.е. отображал строками в каждой из них по 3 картинки, ширина блока 240px, выравнивание по верху и середине блока, а что не помещается не отображается.

    Asked by sc@r@bey,

    0 votes
    25 answers

  25. Проблема с размером wrapper'a

    Есть такая конструкция: <body> <div id="wrapper"> <div id="1"> <div id="2"> <div id="3"> </div> <div id="footer"> ........ </div> </body> Div'ы 1,2,3 динамически меняют свою высоту (при помощи JS) Вопрос: как сделать так, чтобы wrapper всегда принимал высоту самого "высокого" блока? Нужно, чтобы footer прилипал к нижнему краю wrapper'a, в независимости от высоты последнего. Сейчас высота задана только у div id=1, и wrapper принимает её, 2 и 3 игнорирует.

    Asked by botyaslonim,

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