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. Помогите реализовать

    Вобщем вот что должно получиться: как это должно работать: это полоса так называемый информер, должна показывать 4 последних добавленных видео. внешность и кнопки - это фигня я сделал. проблема в: как привести это в действие? сделать это на ucoz? где лучше добавлять эти видео? как сделать чтобы показывалось мини изображение этого видео?

    Asked by gimpy,

    0 votes
    2 answers

  2. Можно ли убрать гламурный скроллинг в iPad?

    Делаю страничку для iPad-а, не простую, а для спецприложения (будет открываться в спецокне браузера без элементов управления). Гарантированно вписывается, скроллинг не нужен и при обычных условиях не появляется. Но если "качнуть" страничку пальцем вверх или вниз, она "оттягивается" в фирменной айфоно-айпадской манере (край будто "отрывается" от края окна, обнажая "подложку холста", потом плавно подъезжает к ней обратно). Можно ли это как-нибудь задизейблить? Прямого способа (а-ля <meta name="viewport"> для фиксации масштаба и размера) не нашел. Пока единственная идея — попробовать добавить что-то типа ontouchmove="return false" на <body>, но боязно, не убьет л…

    Asked by SelenIT,

    0 votes
    2 answers

  3. Как правильно резать?

    Как правильно нарезать полоску с шириной (или высотой) в 1 пиксель?? Пробовал прямоугол. выделением, получается только 2 пикселя...

    Asked by DrStrangeLove,

    0 votes
    2 answers

  4. подвал в google-chrome

    помогите пожалуйста решить проблему с футером. я сверстал при помощи таблиц страничу и открываю её виндовым google-chrome 11.0.696.71 (Official Build 86024). в результате вижу, что нижняя часть страницы скрылась под панелью виндоуз http://narod.ru/disk/14367750001/nogood.GIF.html после обновления (F5) я вижу страницу в нормальном виде - с полным футером http://narod.ru/disk/14368050001/good.GIF.html в линуксовом гугл-хроме такой проблемы нет. если нужно, то вот html-, и css-файлы http://narod.ru/disk/14368495001/d.rar.html

    Asked by cyklop77,

    0 votes
    2 answers

  5. Вставить код jQuery

    Здравствуйте. Помогите пожалуйста разобраться с плагином. На этом сайте есть пример, как можно задать ширину колонки, есть и код, но не могу понять в какое место его вставлять. Я импортировал таблицу из csv, табличка получилась красивая, с фильтром и несколькими страницами + сортировка, но вот беда, в опере последняя колонка слишком узкая получилась и все цифры после запятой переносятся на вторую строчку ячейки. Мне нужно задать фиксированный размер этой колонки. Сама таблица как я понял берется из базы (не уверен, через phpmyadmin ниче там не увидел), на страницу я вставляю только [table id=<ID> /]. Мне нужно для этой таблицы где-то прписать параметр, что 3-я колон…

    Asked by johnnybravo,

    0 votes
    2 answers

  6. Не могу разобраться почему div'ы съезжают...

    Добрый день. Небольшая вводная. Разрабатываю сайт на платформе Sharepoint. Решил внедрить дизайн. Расположение блоков можно посмотреть здесь (эту задачу сделал). Sharepoint предполагает, что можно редактировать страницу. Когда я перехожу в режим редактирования, то я хочу видеть следующее, а вижу это. Исходные коды можно глянуть здесь. Там много мусора, который генерится Sharepoint. Большинство ненужных строк я убрал, чтобы было проще анализировать. Верстаю div'ами. Исходный код разметки вот: <div id="s4-workspace"> <div id="s4-bodyContainer"> <div id="wrapper"><!--begin wrapper--> <wssuc:DesignModeConsole id="IdDesignModeConsole" runat="…

    Asked by ShurikEv,

    0 votes
    2 answers

  7. Кнопка-картинка

    Не работает конпка-картинка. Код: <input name="one" type="image" src="/231.jpg" class="code"> когда без name, то работает (в других участках кода), но здесь надо обязательно с name. Как исправить код?

    Asked by saimon85,

    0 votes
    2 answers

  8. фон для сайта

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } html, body { …

    Asked by dostel1,

    0 votes
    2 answers

  9. Резиновая верстка DIV-ами

    Здравствуйте, задача чисто теоретическая, просто не дает мне покоя. Существует блок известной ширины и высоты, допустим такой: <div style="height: 500px; width: 200px; background-color: blue; border-right: 3px solid red"></div> справа от него нужно поместить блок который бы занимал все оставшееся пространство справа, изменял ширину при изменении ширины окна, и имел position: relative т.к. в него нужно будет засунуть небольшой блок с position: absolute. Для того чтобы было понятнее, псевдокод может выглядеть так: <div style="height: 500px; width: 200px; float: left; background-color: blue; border-right: 3px solid red"></div> <div style="hei…

    Asked by graf,

    0 votes
    2 answers

  10. Размер шрифта при его изменении в настройках браузера

    Увеличил шрифт в настройках браузера - на многих сайтах шрифт увеличился, но на некоторых нет! Например на этом форуме заголовки сообщений и некотор. другой контент остался прежнего размера, а Select внизу - увеличился, и сейчас я пишу в увеличенной textarea.. Вопрос: Как верстать, чтобы при изменении пользователем шрифта, он бы остался прежним на вашем сайте??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  11. проблема с таблицей

    вобщем есть таблица, нужно чтоб правые верхняя и нижняя ячейки были по пять или десять процентов высоты, средняя же между ними остальное пространство, но чтото они не реагирую на задаваемую высоту, в чем проблема? возможно я неправильно построил таблицу, то подкоректируйте(неважно как она будет построена главное чтобы было такое расположение ячеек) <table border=1> <tr> <td rowspan=3 height=200px> one </td> <td rowspan=3 height=200px> one </td><td height=10%> one </td> </tr> <tr> <td > two </td> </tr> <tr> <td height=10%> two44 </td> </tr> </table> PS: высота таб…

    Asked by Toxin_G,

    0 votes
    2 answers

  12. Как убрать отступ в 1px от input text

    Здравствуйте! Версткой занимаюсь в свободное время, поэтому тонкостей дела не знаю. На странице размещен [input type=text], а над ним - div с текстом и background-рисунком. В результате отображения между рисунком и [input type=text] заметно тонкое белое пространство. Как его убрать? Т.е., чтобы рисунок будто-бы вырастал из границы поля для ввода текста? Далее привожу код наглядно: [div style=width:130px;height:50px;background-image:url("images/kleverall.png")]Некоторый текст[br]идет здесь[/div] [input type=text' name='name1' style='margin:0] [input type=submit value=>&gt] Результат:

    Asked by Velodrimer,

    0 votes
    2 answers

  13. firefox не правильно распределяет высоту таблицы

    Есть табличка, в опере и explore все нормально отображается, а в firefox 4.01 высоту распределяет неправильно. Нужно чтобы колонки №7 и №8 растягивались, а остальное было на месте. Помогите пожалуйста, проект сдавать надо, а тут это.... <table align="center" width="803" style="height:422px" border="1" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td colspan="3" height="100">№1 — высота 100px</td> </tr> <tr> <td width="151" height="53">№2 — высота 53px</td> <td width="428" height="500" rowspan="3">№3 — высота 500px</td> <td width="224" valign="top">№4 — высота 53px</td> </tr> …

    Asked by Angeli,

    0 votes
    2 answers

  14. Прошу помочь с таблицами

    Всем привет. Никогда не верстал таблицами - возникла потребность их использования в резиновой верстке. В блоке с контентом, который тянется от 1000 до 1200 располагается таблица - цель создать 3 резиновых текстовых блока со строго фиксированными отступами между ними. Вот какой на данный момент выходит код: <table> <tr> <td class="block"> </td> <td class="margin"> </td> <td class="block"> </td> <td class="margin"> </td> <td class="block"> </td> </tr> </table> table {width:100%; height:50px; border-collapse:collapse;} td.margin {width:40px; background:#000;} td.block {backgrou…

    Asked by Верстальщикус,

    0 votes
    2 answers

  15. Вертикальное форматирование, никак не пойму.

    Никак не могу понять поведение отрицательного margin'a внутри родительского блока. Вот пример: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> p.abz{ margin-bottom:-100px; margin-right:10px; margin-top:0; border:3px solid gray; } div{ width:420px; margin-top:50px; border:3px solid red; margin:50px; } </style> </head> <body> <div> <p class="abz">a paragrapf</p> soderjimoe diva </div> <p>a paragrapf</p> </body> </html…

    Asked by amelice,

    0 votes
    2 answers

  16. td расширяется

    В большистве браузеров отображается корректно, даже в IE7 a v IE8 td расширяется и по этому фото сдвигается. Подскажите п-ста как можно исправить? Ссылка на галерею

    Asked by Pumych,

    0 votes
    2 answers

  17. Смещение текста при изменении размеров окна

    Здравствуйте. При использовании резиновой верстки столкнулся с проблемой : при уменьшении окна браузера текст накладывается друг на друга и просто "выезжает" из своих колонок. Что сделать?

    Asked by Xelborg,

    0 votes
    2 answers

  18. вертикальная прокрутка в DIV

    Есть страница с <div style="width:1024; height:100%; overflow:auto">%какой-нибудь текст</div> Требуется, чтобы высота div была равна высоте страницы. Все так и есть, пока текста внутри мало. Если текста больше, чем высота страницы, то div растягивается и появляется скролл именно в окне браузера, а не в самом div'е. Все нормально работает, если высоту задать в пикселях, а не процентами. Как вариант можно с помощью java узнать высоту страницы и задать высоту div'а числом. Но хотелось бы что-нибудь проще. Помогите, 2 дня форумы читаю.

    Asked by Fluid,

    0 votes
    2 answers

  19. Проблема с отображением списка

    Добрый день! Возникла такая проблема: требуется вывести каталог товаров в виде горизонтального списка. Но при добавлении float:left тэгу LI или Div (внутри LI), весь дизайн съежает...Кто может помочь советом? Буду благодарен. Вот скрины и код примерной схемы: Если нет float: И если добавить float:left тэгу LI или Div (внутри LI): <!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>Документ без названия</title> <style type="text/css"&gt…

    Asked by an1401,

    0 votes
    2 answers

  20. Слэш после 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

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

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

    Asked by gordey,

    0 votes
    2 answers

  22. Как поменять местами два блока средствами CSS ?

    В процессе работы возникла проблема. Есть код в духе: <div id="content"> <div id="menu">Меню</div> <div id="login">Логин</div> <div id="baner">Банер</div> </div> Не имею доступа к HTML коду, только CSS. Надо поменять местами блок "menu" и блок "login" средствами CSS, с таким расчетом что бы при назначении блоку "menu" свойства display: none. нижележащий блок "baner" корректно поднимался вверх под блок "login".

    Asked by Kelenar,

    0 votes
    2 answers

  23. Как работает height: 100% для <div>?

    Почему тут работает height: 100% для <div>, а тут не работает?

    Asked by krokodily,

    0 votes
    2 answers

  24. Без скриптов...

    Я думаю всем известен тег <noscript> и его предназначение (пояснение для тех, кто забыл или не знал). при использовании jQuery некоторые эффекты дизайна могут быть не доступны для пользователей с отключенным javascript. можно ли, используя тег <noscript> указать для загрузки альтернативную таблицу стилей, которая будет менять отображение страницы?

    Asked by LeD4eG,

    0 votes
    2 answers

  25. Наглый наезжающий блок

    Здравствуйте. Стоит передо мной задача сделать так, что бы один блок наезжал поверх другого в зависимости от вертикальной прокрутки страницы. Иными словами есть это —проблэм . Нужно что бы блок с картинками наезжал на блок с таблицей. Даже наверное что бы блок с картинками начинал двигаться вниз от определенного отступа (Без скриптов никак?)...

    Asked by Bondarov,

    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