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. Две колонки

    Я хочу создать страницу, которая выглядит так: __________________ |Заголовок | |_________________| ___ ____________ |m | | Контент | |___| |___________| m - меню, ширина - 150 px Контент - вся оставшаяся ширина Между ними расстояние в 15 px. CSS такое: .menublock{ border: 1px dashed; padding: 3px; margin-bottom: 10px; margin: 3px; margin-right: 10px; background-color: #DFD; float: left; width: 150px; display: block; } .pagecontent{ position: relative; border: 1px dashed; padding: 3px margin: 3px; background-color: #DFD; } .header{ background-color: #DFD; padding: 3px; display: block; } HTML: html> <head> <link rel="stylesheet" type="text/css" href="site.…

    Asked by Arrest,

    0 votes
    2 answers

  2. проблема с .png для ролловерного слоя

    Проблема в том, что есть png внутри скрытого слоя. слой появляется по действию скрипта. Так вот - именно в этом слое не отображаются png, вернее они не полупрозрачные. PNG фиксю при помощи скрипта и стилей, работает нормально для остальных картинок на странице. В чем может быть проблема, кто сталкивался? В ходе поиска нашлось возможное решение - http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ - но почему-то не работает у меня.

    Asked by strix,

    0 votes
    3 answers

  3. frD-Помогите с версткой 2-х колонок (без absolute)

    Встала задача сверстать на первый взгляд простенький шаблон: - Справа блок фиксированной ширины 200px, остальное тянется - Красным меню, котороне не должно переноситься - черными линиями - основной текст, который обтекает блок

    Asked by Alexxx2783,

    0 votes
    5 answers

  4. Параметр mailto.Два адреса электронной почты в одном письме.

    Можно ли с помощью тега задать два адреса электронной почты,один в окошко "кому", а другой в "копию"?

    Asked by Boyaka,

    0 votes
    2 answers

  5. frD-Как выровнить элемент (к примеру, рисунок) по правому краю окна?

    При использовании position: absolute; right:10px - жестко привязывается к границе окна и, при уменьшении размеров окна браузера, уезжает вместе с этой границей влево, накладываясь на другие элементы. Пробовал вставлять в другой div с absolut 'ом - не выходит. [Пока не совсем понимаю логику слоев]

    Asked by Satiin,

    0 votes
    3 answers

  6. отсутпы - padding margin

    Столкнулся при верстке с такой проблемой: я использую в css глобальный сброс: * {padding:0;margin:0} для того, чтобы быть уверенным в отображении всех элементов. Однако, для того, чтобы при помощи визуалного редактора можно было беспрепятственно пользоваться редактированием контента, мне необходимо отказаться от данного исключения для тега table. Может кто-нибудь знает, как этого можно добиться?

    Asked by XXXVII,

    0 votes
    13 answers

  7. Как поместить картинку по верх Flash объекта.

    Впринцепи сабж это и есть вопрос. Пробывал через "z-index" вс?равно flash вверху. Задача: разместить картинку по верх flash игры.

    Asked by maxsa,

    0 votes
    4 answers

  8. положение слоя в ячейке таблици

    не от экрана Пусть имеется таблица, 2*2., последняя ячейка голубая. И в нее надо поместить div красного цвета. Делаю эту ячейку блоком relative, помещяю в нее div. При этом IE правильно понимает, что отмерять положени дива надо от ячейки, а не от границы брауза. Как заствить понять тоже самое Opera и FireFox? <html> <head> <style type="text/css"> <!-- html, body { margin:0; padding:0; width:100%; height:100%; } #card1 { background-color: red; height: 30%; width: 20%; border:5px; border-color :#336633; left:0%; top:0%; position: absolute; border-style: solid; } </style> <head> <body> <table width="80%" …

    Asked by Kat,

    0 votes
    8 answers

  9. inline-style

    Хотел спросить мнение:часто ли вы пользуетесь inline styles?или предпочитаете вс? вносить в css?слышал много разных мнений,так и не понял что лучше и безопаснее

    Asked by Fed,

    0 votes
    4 answers

  10. Посоветуйте

    Посоветуйте шаблонизатор, не такой огромный и монстрообразный как Smarty. 150кб кода кажутся мне лишними в 40кб-ом проекте

    Asked by Arrest,

    0 votes
    3 answers

  11. Якорь из формы

    Как из формы передать якорь? <form action="action.php>" method="get"> <input type="hidden" name="name" value="value"/> </form> Соответственно по сабмиту получаем "action.php?name=value". Как из формы добавить в конец ссылку на якорь: "action.php?name=value#anchor"?

    Asked by Александр СП,

    0 votes
    10 answers

  12. frD-sss марджыны не марджыны?

    есть сайт http://www.psi.net.ua/site/index.php вот немогу понять если я в css указываю margin: 0px 0px 0px 0px; то у меня всеравно отступы от контента появляются, а если я указываю margin: -5px -5px -5px -5px; то контент прилипает к бокам но только в ФФ а ИЕ ложыт на это дело с прибором =) да и ваще не выход это эти минусовые марджыны вот как мне сделать чеб теблицы сайта были действительно 100% и плотно прилегали к краям окна?

    Asked by BogusUA,

    0 votes
    12 answers

  13. Проблема с вложенными таблицами.

    Почему во вложенной таблице не исчезла сетка? <html> <head> <style type="text/css"> .tbl { width: 100%; border-collapse: collapse } .tbl td { border: 1px solid black } .tbl2 td { border: 0px solid black } </style> </head> <body> <table class="tbl"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> <tr> <td>............</td> <td> <table width="100%" class="tb2"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> </table> …

    Asked by nim,

    0 votes
    16 answers

  14. отступы для блока в IE6

    Нужно просто поместить прямоугольник на страницу, но не на всю высоту, а чтобы сверху и снизу были фиксированные отступы, скажем по 100px. Рисуем div и делает для него #list{ background-color:#FFFFFF; position:absolute; width:80%; top:100px; bottom:100px; } Так вот, в Opera и Mozilla все нормально отрабатывает, а в IE6 высота блока сжимается. Прочитала, что можео задавать для IE так: height:expression(document.body.offsetHeight-200); Да, вроде отрабатывает, но я боюсь это использовать, потому что JavaScript может быть отключен и тогда весь дизайн полетит...Я права? Помогите, please, верстаю слоями первый раз и не знаю, как это правильно делается...

    Asked by Kat,

    0 votes
    24 answers

  15. Тень от текста в html

    Подскажите, реально-ли сделать тень от текста при помощи стандартных средств html и css, если текст находится сверху бэкграунда? Если нет, подскажите простое решение плиз.

    Asked by santechnik,

    0 votes
    9 answers

  16. Как сделать ссылкой всю строку в таблице?

    Есть таблица с данными (каталог товаров). Хотелось бы сделать строку в таблице ссылкой на соответствующий товар. Как это можно сделать? Сейчас ссылка прописана для каждой ячейки отдельно.

    Asked by Dee,

    0 votes
    2 answers

  17. резиновость блочная верстка

    доброго времени суток. 1. есть следующий код: <div style="width:17%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:16%; height:46px; float:left; background-color:#eee;">asd</div> <div style="width:16%; height:46px; float:right; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:right; background-color:#eee;">asd</div> <div style="width:17%; height:46px; float:right; background-color:#eee;">asd</div> в суме ширина всех дивов == 100% Во всех броузерах (ИЕ6/7, ФФ2) вс…

    Asked by klierik,

    0 votes
    19 answers

  18. frD-Разъезжается таблица..

    Доброе время суток, вот была таблица <table bgcolor="#FFFFFF" width="790" height="100%" cellspacing="0" cellpadding="0" border="0"> <!--start logo--> <tr> <td colspan="3" width="790" height="150" valign="top" background="images/centr.gif"><img id="logo" src="images/lev.gif" width="346" height="150" align="left" hspace="0" alt=""><img src="images/lr-1.jpg" width="135" height="150" align="right" hspace="0" alt=""></td> </tr> <!--end logo--> потом добавил еще картинку и отсновной текст, ниже этой таблицы разползся в ширину <table bgcolor="#FFFFFF" width="790" height="100%" cellspacing="0" cellpadding="0" border="0"…

    Asked by Makcik,

    0 votes
    17 answers

  19. frD-float - откуда белая полоса?

    Приветствую. Верстаю сайт. Решил по возможности сделать на div-ах. Одна из проблем - фон. <div style="padding: 5; background-color: #808080;"> <div style="width:300;float:left;">Строка Еще строка</div> <div style="width:100;float:left;"><img alt="" src="/ico/counter.png" height="31" width="88" /></div> <div style="width:100;float:right;">Написать письмо</div> <!--<p style="clear:all;"> --> </div> </body> </html> Почему использование float приводит к появлению (все браузеры) на сером фоне контейнера белых (ой?) полос? Что дает эту накладку? Закоментированых фрагмент все приводит в норму, н…

    Asked by Cron,

    0 votes
    1 answer

  20. фигня с таблицами

    есть код: <table cellspacing=0 cellpadding=0 width="100%" height="100%"> <tr> <td style="background-image: url('/img/title.png'); width: 526px" align=center> </td> <td style="background-image: url('/img/title-border.png')"> </td> </tr> </table> т.е. по идее он должен поделить вс? сво? пространство на две части: первая - 526 пикселей, а вторая вс? остальное доступное пространство. В опере 9.2 работает, а в Netscape(как движок IE, так и Firefox) вс? доступное пространство занимается первой ячейкой. Как сделать правильно, чтоб первая часть 526 пикселей, а вторая вс? остально доступное пространство?

    Asked by kolpeex,

    0 votes
    1 answer

  21. транслитное насписание названия фаилов

    Не подскаже название проги которая переводит руские буквы в аналогичные английские в названиях файлов.. Просто есть многа файлов с русскими названиями и их нуно все разом чтоб с англ названиями стали.

    Asked by WEB_bobby,

    0 votes
    4 answers

  22. Переполнение блока

    люди, помогите! Бьюсь над проблемой, нич? не помогает. В контенте вылезает строка, хотя она должна переноситься. Оверфлоу пробовал, не помогает, немогу понять, в ч?м дело, уже два дня сижу пустыр?м, проблема висит. Страница: http://fastblogdesing.narod.ru/123/index.htm Кстати, можете дизайн оценить. Но это просто кошмар!

    Asked by Admin,

    0 votes
    3 answers

  23. синтаксис - маркирование решетка и точка

    Никак не пойму в чем разница в коде CSS: #myid и .myid если в HTML все равно будет идти id="myid"?

    Asked by paf,

    0 votes
    7 answers

  24. взаимное расположение картинки и Flash

    Здравствуйте! У меня проблема вот какого рода: на странице есть картинка и Flash -ролик. Позиция ролика рассчитывается относительно левого верхнего угла картинки, а не левого верхнего угла страницы. Я сделал это так: ... однако такой вариант работает только в IE, в Opera расч?т ид?т от верхнего левого угла страницы! Как решить эту проблему?

    Asked by realmadrid,

    0 votes
    5 answers

  25. Как подгрузить собственный шрифт

    Здравствуйте! Подскажите пожалуйста, возможно ли успользовать свой собственный шрифт для сайта, чтобы люди, которые заходили на сайт автоматически устанавливали этот шрифт?

    Asked by Soniclord,

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