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. layer-up - всплывающие слои

    Опишите пожалуйста технологию всплывающих окон. От кода создания их в основном окне и всевозможные пораметры: размеры, строки состояния, и весь вид целиком! Заранее спасибо! Такой креатив не пропад?т даром точно! Ваш Michigan

    Asked by Michigan,

    0 votes
    9 answers

  2. frD-background не отображается

    Вчера отображался, а сейчас нет( И не знаю в ч?м проблема. Ставишь "букву" или "число" отображается, а как только их убир?шь, то и след простыл. Как вы думаете в ч?м может быть проблема?

    Asked by vrednyu4aya,

    0 votes
    31 answers

  3. вертикальное выравнивание div'а внутри div'а??

    снова вопрос.. есть что то типа такого кода: <div class="one"> <div class="two"> <a href="boo.htm"><img src="boo.gif" /></a> </div> <div class="three"> <ul><li>boo</li></ul> </div> </div> и к нему CSS .one {width: 600px; height: 85px;} .two {width: 180px; height: 85px;} .three {height: 85px;} Меня интересует как картинку и список выровнять вертикально по центру (их габариты не известны)..

    Asked by ZoolooS,

    0 votes
    12 answers

  4. условные комментарии - определить тип и версию браузера

    Это не комментарий или пишется вот так Точно не знаю,как правильно пишется,но что-то в этом роде. Вот это я не понимаю. Для чего нужно так писать? Для ИЕ что-то запрещаем, но не пойму что . В общем кто обзорно объяснит мне? перенесено в "HTML" kiD

    Asked by vrednyu4aya,

    0 votes
    2 answers

  5. закругление углов средствами CSS HTML

    Задача: Закругление углов у картинки средствами CSS-HTML Что есть: Есть картинки разных размеров, которые загружаются в статью. Ньюансы: 1. Картинки разных размеров 2. Хотелось бы в див вставлять тег а не бекграундом 3. Некоторые картинки являются ссылками. Те решения что я наш?л: 1. http://www.phpground.ru/forum/post-46.html. Делаем РОдительский див ставим ему размер изображения, ставим ему в бэкграунд само изображение. Внутри этого дива ещ? один див, с кусочками по углам. 2. Что бы как то сделать что бы можно было по фотографии кудато переходить прийд?тся воспользоваться онклик при нажати на дивный блок 3. Пример просто картинки с угалками http://recode…

    Asked by Powerslave,

    0 votes
    61 answers

  6. высота блоков, вертикальные распорки

    У меня 3-х колоночный дизайн. Центральная контентная часть выделена цветом и бордером. Некоторые страницы формируются автоматически, и контента маловато. Правая часть значительно длинее. Раньше, при табличной версте, вставляли невидимую картинку-распорку, с определенной высотой, которая не давала странице делаться меньше. Есть ли подобные средства в css? На первый взгляд все довольно просто - указываем div-у height=800px, например, и меньше этого размера div не станет. Есть только одна проблема - мозилла сохраняет высоту, даже есть текста больше. Он просто вылезает поверх контента дальше.

    Asked by vadimus,

    0 votes
    6 answers

  7. expression - зависимость контента от активной области браузера

    Возникла проблемма. Имеется дизайн у которого по бокам много различных элементов(узоров). Сам шаблон в ширену 1200, а основная часть приблезительно 1000. 100пикс по левому и по правому краям занимают узоры. Прикрепил узоры слоями к основной части по левому и правому краю. Основная часть фиксированная, поэтому варианты с тянущейся основной отпадают.... Проблемма собственно в чем: пытаюсь адаптировать этот дизайн под 1024, но ничего не получается -- из-за узоров появляется полоса прокрутки. Нужно средствами CSS узнать ширешу экрана и в зависимости от расширения автоматически подрезать слои-узоы чтобы полосы не возникало. Слышал о небольших JavaScript включениях в файлы CSS…

    Asked by Maslakoff,

    0 votes
    7 answers

  8. overflow hidden в IE

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> #hidden{ width:100%; overflow:hidden; } table{ border-collapse:collapse; } td{ border:1px solid #000; } </style> </head> <body> <table border="1"> <tr> <td width="300"> </td> <td> </td> </tr> <tr> <td> </td> <td> <div id="hidden"> <table width="1000"> <tr> <td width="200">ТЕКСТ</td> <td width…

    Asked by YETI,

    0 votes
    8 answers

  9. 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

  10. убрать полосы прокрутки

    Приветствую! при работе скрипта http://woweb.ru/js/16/036/ на краткое время видны вертикальная и горизонтальная полосы прокрутки. подскажите пожалуйста как их убрать

    Asked by erange,

    0 votes
    3 answers

  11. повторение фоновых изображений

    Здравствуйте! У меня такая проблема... Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там! Я пробовала через css - то есть например: body {background-image:url(fon1.gif); background-repeat:repeat-y; margin-left:40px} это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....

    Asked by Волчонок,

    0 votes
    32 answers

  12. расположение сло?в

    Здравствуйте! Есть два слоя в коде страницы: Some text within layer DIV1и сразу же после него ид?т Some text within layer DIV2Как сделать так, чтобы в броузере div2 был расположен выше чем div1?

    Asked by ofilatov,

    0 votes
    12 answers

  13. отступы для блока в 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

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

    доброго времени суток. 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

  15. frD-таблица на таблице

    Ребят, у меня табличный дизайн типа этого <table width="20%" border="0" cellspacing="0" cellpadding="0" id="container"> <tr> <th id="bok" rowspan="5"></th> <th id="СЕРЕДИНА" colspan="2"></th> <th id="bok" rowspan="5"></th> </tr> <tr> <td id="banner2"></td> <td id="banner1"></td> </tr> <tr> <td id="fon" colspan="2"></td> </tr> <tr> <td>пока пустой</td> <td>пустой</td> </tr> <tr> <td colspan="2"></td> </tr> </table> так вот, я хочу теперь чтоб СВЕРХУ НА таблице "СЕР…

    Asked by vrednyu4aya,

    0 votes
    25 answers

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

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

    Asked by XXXVII,

    0 votes
    13 answers

  17. frD-Как сделать, чтоб таблица тянулась по высоте на 100 %

    сверстал шаблон для joomla сначало в html, чтоб таблица тянуласть по высоте на 100% и не было отступов от границ броузера. <html> <head> </head> <body> <table width="780" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="539" height="151"><img src="images/1.jpg" width="539" height="151" /></td> <td width="241" height="151"><img src="images/4.jpg" width="241" height="151" /></td> </tr> <tr> <td width="539" height="46"><img src="images/2.jpg" width="539" height="46" /></td> <td width="241" height="46" align="center" background="images…

    Asked by sc@r@bey,

    0 votes
    1 answer

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

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

    Asked by Soniclord,

    0 votes
    4 answers

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

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

    Asked by realmadrid,

    0 votes
    5 answers

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

    не от экрана Пусть имеется таблица, 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

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

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

    Asked by WEB_bobby,

    0 votes
    4 answers

  22. frD-Смещение фонового изображение в body в FF и Opera

    Короче, возникла такая трабла. В body прописываю: body { text-align:center; margin:0; padding:0; background:url("../image/side_lines.gif") top center repeat-y; height:100%; } При изменении окна браузера, когда содержимое не влазит полностью в окно, фоновый рисунок съезжает в сторону в FF и Opera. В IE и Netscape все нормально. Подскажите, в чем проблема, и как это дело пофиксить. Замучался уже... P.S. Нужно именно чтобы этот фоновый рисунок был в body, ибо в макете несколько фоновых изображений, которые накладываются друг на друга (ну надо так).

    Asked by Asato,

    0 votes
    13 answers

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

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

    Asked by Admin,

    0 votes
    3 answers

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

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

    Asked by santechnik,

    0 votes
    9 answers

  25. 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

  • Обсуждения

    • 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