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. Можно так?

    Здравствуйте! Есть резиновый сайт со статьями и иллюстрациями к ним внутри публикаций. У сайта на внутренних страничках минимальная ширина текстового поля равна 300 пикселям. Можно ли реализовать то, что изображено на картинке: http://savepic.ru/2744257.jpg Сам я дизайнер. Прежде чем сдавать работу на верстку, хочу узнать, реализуема ли моя задумка? :-) Буду очень признателен за ваши ответы.

    Asked by Khalil,

    0 votes
    11 answers

  2. вопросы по notepad++

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

    Asked by maxsnw,

    0 votes
    4 answers

  3. Фиксированный блок

    НАсколько нежелательно/параллельно делать основной блок фиксированным по высоте Если нежелательно, то почему? спасибо

    Asked by andys,

    0 votes
    3 answers

  4. Баги в меню..

    http://testsite.sz3.ru пожалуйста, помогите исправить баги. не могу оцентровать блок меню по центру. относительно разрешения экрана автоматически не хочет ну никак по центру вставать. кнопки меню при уменьшении окна браузера смещаются друг под друга. да и вообще в принципе если есть замечания по коду. выскажите плииз. КОД: Исходник: <!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…

    Asked by bulleet,

    0 votes
    8 answers

  5. Выравнивание текста понизу

    <style> .post h1, .post h1 a{ font-family:Arial, serif; font-size:14px; font-weight:normal; float:left; } .post small { font-family:Arial; font-size:12px; color:#4a5256; padding: 0 0 0 8px; } </style> <div class="post"> <h1><a href="#">Запись не моя, я только разместил её</a></h1><small>27/03/2011</small> </div> Вот таким кодом я стыкую в одном диве две строчки. Причем первая строка имеет подчеркивание и 14й шрифт, а вторая без подчеркивания и 12й шрифт. Строки имея разную высоту все время выравниваются поверху, что смотрится не эстетично. Как ни крутил не могу сделать красиво. Вот пример того что я пытаюс…

    Asked by rcoma,

    0 votes
    15 answers

  6. Помогите избавиться от горизонтальной прокрутки в FF

    Привет. Проблема с версткой, не могу понять откуда берется горизонтальная прокрутка в FF. В других браузерах все ок. Помогите, пожалуйста. Сайт Спасибо.

    Asked by krokodily,

    0 votes
    10 answers

  7. Вылезающий текст с одного фона на другой

    Допустим, у меня есть div, в котором написан текст, у него в background картинка 1px, и она repeat-y. А ниже есть другой div, например, в 100px высотой, у него background - фиксированная картинка. Можно ли сделать так, чтобы при написании текстов в верхнем div, его фон динамически увеличивался, и часть текста высотой в 100px вылезала на фон нижнего div? Либо, можно ли установить у div'а два разных background'а? Фиксированный, прижатый к нижнему краю, а второй - динамический?

    Asked by Antwerpen,

    0 votes
    10 answers

  8. Книга Влада Мержевича

    Здравствуйте, уважаемые форумчане. Зимой хотел научится верстке, но на это не было времени, как появлялся свободное время читал самоучилки на этом сайте. И всегда на левой стороне сайта видел книгу обучающую верстке от автора этого сайта. Вроде стоил 150 рублей. Думал куплю когда начну плотно учится верстке. И вот теперь свободен а книги нет. Где он? Автор снял с продажи? Хочу научится верстать, без понятий с чего начать, как резать PSD и т.д. Ну понимаете все были когда то новичками обсирайте =)

    Asked by Ereke,

    0 votes
    7 answers

  9. Можно ли использовать текстовую ссылку для отправки формы?

    Возник такой вопрос. Можно ли для отправки формы на сервер использовать текстовую ссылку <a> вместо inputa ?

    Asked by gordey,

    0 votes
    2 answers

  10. z-index в скрипте

    то ли у меня руки кривые, то ли мозг на работе запарился. В общем не могу пофиксить трабл. есть такой скрипт <script type='text/javascript' src='http://ruspo.ru/scripts/module-loader.js?type=form&ModuleID=10145&template=2&theme=sunny&city=1206&country=39&UTF=1&full=http://www.sorvemsia.ru/online'></script> <div id='ruspoSearchForm'></div> в ие получается так мозг закипает, надо как то пофиксить. может кто нибудь подскажет?буду очень признателен.

    Asked by RK152,

    0 votes
    5 answers

  11. tbody scroll fix IE7, FF

    в опере, хроме и IE8 все отлично опера в FireFox в IE7 вооще кошмар тут исходники css, html http://jsfiddle.net/kvJb9/ помогите с ie7 ff или посоветуйте как c div-вами сделать верх, низ не статичная высота высота середины должна занимать остальное пространство и скроллиться желательно средствами css

    Asked by medin84,

    0 votes
    0 answers

  12. Проблема (может не сюда)

    Есть сайт, в ФФ и Опере открывает все как надо... как только открываю Хром, то все, сразу иероглифы появляются на подгружаемых страничках и jQuery UI там мозг пудрит (когда по экрану пытаешься окошко тоскать) Beautyful Holiday

    Asked by Golgi,

    0 votes
    3 answers

  13. Не работает код

    <!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=utf-8" /> <title>Untitled Document</title> </head> <body> <script type="text/javascript" language="javascript"> var priceOutput = new Array(); var priceInput = new Array(); function Calculate() { var tatiff = document.getElementById('tatiff'); var test = document.getElementById('test'); if (tatiff.value == 'input') price = priceInput; if (tatiff.value == 'output') price = priceOutput; …

    Asked by deboir,

    0 votes
    4 answers

  14. Масштабируемый (в плане уменьшения размера окна, а не самого масштаба), список галерей с динамическим размером миниатюр

    Здравствуйте! У меня есть страница, в которой располагается список галерей. Всего галереи четыре. Вчера обнаружил, на старых разрешениях из всего списка галерей видно только первую фотографию слева. А самый маленьких вообще видно только её верхнюю границу. Перенаписал код, часа наверное за четыре, за пять. Был доволен и счастлив, т.к. в IE6 при любых разрешениях, при использовании которых были проблемы, всё стало отображаться как я хотел. Окно браузера можно было уменьшать как угодно, картинки всё равно были там где были при открытии страницы, но масштабировались. Но моя радость не долго со мной пробыла... Все миниатюры в галереи были горизонтальными и я решил попробовать…

    Asked by b0s,

    0 votes
    15 answers

  15. Проблема с вертикалью в background-position

    Здравствуйте. Извелся уже) вот листинг: <!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" <?php language_attributes(); ?>> <head> <style type="text/css"> #images_carrier { height:270px; background: url(images_shadow.png) no-repeat center bottom; padding:35px 0;wp-content margin: 0 auto; } #images_carrier #images { background: url(menu2.jpg) no-repeat; width:804px; height: 272px; margin: 0 auto; font-size:0px; } #images_carrier #images .item { width:268px; height:20px; display: inl…

    Asked by gart,

    0 votes
    11 answers

  16. Как сделать 3 блока "одинаковой высоты"?

    Есть вот такой код: <div style="width: 108px; height: 100px;"> <div style="background-color:lime; width: 4px; height: inherit; float: left;">1</div> <div style="background-color:lime; width: 4px; height: inherit; float: right;">2</div> <div style="background-color:blue; width: 100px; margin-left: 4px; margin-right: 4px;"> asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br> </div> </div> хочется, чтобы блоки "1" и "2" занимали точно такую же высоту, какую занимает синий блок с "к…

    Asked by E5000,

    0 votes
    38 answers

  17. Поехал сайт в ИЕ

    Сайт http://sitop.info/smsphones/ поехал во всех ИЕ,почему так и не погу разобратся.

    Asked by NeoMurderer,

    0 votes
    5 answers

  18. В Opera и IE не работают ссылки и кнопки

    Сайт открывается во всех браузерах, но в IE и Opera вся страница становится не кликабельной. Не могу понять в чем дело, раньше все работало. Вот css @charset "windows-1251"; /* CSS Document */ .main_border {border:0px solid #000000;} p {font-family:Verdana; font-size:12px; margin:15px;} .left {border-right:0px solid #424242;padding:0px 0px 0px 15px;} a:link{ color: #C03;text-decoration: none;} a:active{ color: #C03;text-decoration: none;} a:visited{ color: #C03;text-decoration: none;} a:hover{ color: #C03; text-decoration: underline;} p.title { color: black; font-weight:bold; margin:5px; padding:5px; } .glossymenu{ position: relative; padding: 0 0 0 34px; margin: 0 auto …

    Asked by robertmk13,

    0 votes
    1 answer

  19. clear и margin-top

    Всем привет! У меня есть такой layout: <div class="container"> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </div> Который стилизован таким образом: .container { width: 960px; margin: 0 auto; background: #eee; } .header { height: 200px; background: #cc3; } .content { width: 800px; height: 300px; float: left; background: #c33; } .footer { height: 150px; clear: both; background: #b63; } Задавая элементу clear: right/left/both мы заставляем его учитывать плавающие элементы. Однако, если я задам элементу footer margin-top скажем - 300px, это не возымеет эф…

    Asked by rookie,

    0 votes
    5 answers

  20. Помогите с вёрсткой

    Макет составил потренироваться. Нормально работает в Опере и ИЕ. В Хроме и ФФ не работает jquery. Точнее, работать то он работает, только якори не кликабельны. Я так подозреваю из-за css. Помогите, пожалуйста. Очень буду благодарен так же, за попутные комментарии по css. Или кроссбраузерности. Спасибо. Вот весь сайтец http://narod.ru/disk/17154159001/www.rar.html

    Asked by andys,

    0 votes
    10 answers

  21. горизонтальная прокрутка

    Подскажите пожалуйста, столкнулся вот с таким экземпляром и проблему не могу найти, все страницы с горизонтальной прокруткой. http://club-podolsk.ru/index.php/goriashie.html Заранее благодарен

    Asked by dimdimin,

    0 votes
    15 answers

  22. Слэш после login в адресе http://www.tumblr.com/login

    Здравствуйте. Быть может, данный вопрос является весьма глупым, но меня он волнует давно. Вот есть страница http://www.tumblr.com/login, в данном случае после 'login' не стоит слэш, но у меня, когда я создаю на своем сайте точно такую же страницу, появляется слэш (например, http://domen.ru/login/'>http://domen.ru/login/ — стоит слэш после 'login'). Вопрос: с чем это может быть связано, это из-за настройки сервера? В принципе, что я хочу: мне нужно, чтобы после адреса http://domen.ru/login не стоял слэш, т.е. не хочу, чтобы было в таком виде: http://domen.ru/login/. Как это можно сделать? Просто порой некрасиво так выглядят адреса. P.S. Если что-то не понятно, не кидайт…

    Asked by Alter_Ego,

    0 votes
    2 answers

  23. убрать отступ.Таблица

    Помогите разобраться с помощью HTML. сверху чтоб не было отступа от обозревателя к таблице

    Asked by azazel,

    0 votes
    1 answer

  24. Смысл значения -x%

    Здравствуйте! Помогите, пожалуйста, понять смысл этого кода Html: <body> <div id="container"> <div id="header">шапка</div> <div id="wrapper"> <div id="content">содержимое</div> </div> <div id="menuGr">меню1</div> <div id="menuBb">меню2</div> <div id="footer">информация</div> </div> </body> Css: html,body{ margin:0; padding:0; } #wrapper{ float:left; width:100%; } #content{ margin: 0 25%; } #menuGr{ background:#7F120D; float:left; width:25%; margin-left:-100%; } #menuBb{ background:#0404EE; float:left; width:25%; margin-left:-25%; } #footer{ background: #…

    Asked by frcshnick,

    0 votes
    7 answers

  25. Как сделать отступ между двумя контейнерами DIV?

    Господа, как бы сделать небольшой отступ между двумя контейнерами, плавающими по левому краю? Старница: http://lexicanum.ru/2columns.html Код страницы: <!DOCTYPE html> <HTML> <HEAD> <LINK REL="stylesheet" HREF="2css.css" TYPE="text/css"> <TITLE> Пригоди хтивих павiанiв Борi i Жори. </TITLE> <BODY> <DIV ID="cheader"> <H1 CLASS="h1_centered">Пригоди хтивих павiанiв Борi i Жори</H1> </DIV> <DIV ID="cnavbar"> <UL> <LI><A HREF="#">Справочник</A></LI> <LI><A HREF="#">Журнал</A></LI> <LI><A HREF="#">Форум психический</A></LI> <…

    Asked by Bertie,

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