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. Помощь для нуба

    Господа, я полный нуб в создании сайтов, поэтому сразу к делу. Пишу во Фронтпейдже. Попробовал двумя способами: 1 й способ - набить в ячейку несколько картинок заданных размеров (нубокод прилагается) <html> <head> <title>Kot</title> <link rel="stylesheet" type="text/css" href="style.css"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head> <body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" bgcolor="#000000" style="text-align: center"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr bgcolor="#FFFFFF"> <td bgcolor="#FFFFFF" valign="top"> <ta…

    Asked by Omikron,

    0 votes
    1 answer

  2. ВОпрос по стилям

    Здравствуйте уважаемые, подскажите мне пожалуйста одну вещь... Я помогаю в разработке одного сайта. Он весь сделан на html, php и CSS. в нем есть такая функция , как переключение стилей. Сайт - это браузерная веб игра без графики. Понятное дело что многие сидят с телефонов. Вопрос : можно ли через CSS сделать сайту стиль как WML или как можно максимально облегчить страницы ?

    Asked by horsethe,

    0 votes
    1 answer

  3. нижнее закругление навигации немного обрезано

    не могу понять в чем дело ,нижнее закругление навигации немного обрезано.Может подскажете в чем дело? HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="css/style.css" media="screen" rel="stylesheet" type="text/css" /> <!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 9]><link href="css/ie9.css" rel="stylesheet" type="text/css" /><![endif]--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/j…

    Asked by olechic,

    0 votes
    1 answer

  4. Заглушка для браузеров

    Терпеть не могу кроссбраузерность.. Хочу поставить заглушку для браузеров. Кто знает методы заглушки(переадресацию на спец страницу) браузеров: IE,Opera,Firefox. Знаю, что для IE есть, но не могу найти рабочий.Прошу прислать скрипт и рецепт для его или ссылку на сайт.

    Asked by VLone,

    0 votes
    1 answer

  5. Почему мой div так странно позиционируется?

    У меня есть страница с дивами, скриншот ниже. Также см. ссылку http://dsamoylov.ru/test/index.html У меня 5 основных блоков (AAA, BBB, CCC, Community, News), которые в лежиме float: left; вполне аккуратно заполняли страницу. Мне надо добавить шестой блок "quick links" так, чтобы он встал справа от news. Почему-то этот div позиционируется очень странно, из левого верхнего угла всей этой конструкции. На скриншоте это видно, у этого дива border: 1px solid red. Как сделать так, чтобы div встал на нужное место и размером был равен его содержимому, тексту "quick links"? Буду благодарен за подсказки :-)

    Asked by sam_rain,

    0 votes
    1 answer

  6. DIV'ы выходят за пределы родительского элемента

    <div class="block_header"> <div class="block_name">Lorem ipsum dolor sit amet...</div> <div class="block_acts"> <button class="reduct">Редактировать</button><br /> <button class="remove">Удалить</button> </div> </div> div.block_header имеет свое оформление, а div.block_name и .block_acts выровняны по левому и по правому края соответственно. Плюс первый имеет ширину 80%, а второй - 20%. И вот после этого вышло такое: Вот как сделать, чтобы родитель полностью покрывал этих двоих? Тьфу блин, стоило всего лишь выставить высоту для родительнского элемента

    Asked by Mosya,

    0 votes
    1 answer

  7. А можно ли

    можно ли с помощью html ну или js сделать так чтобы при наведении на блок его картинка проматывалась вниз но делалось это плавно.

    Asked by supernet95,

    0 votes
    1 answer

  8. fixed и float

    Подскажите как использовать вместе position fixed; и float: right; ? position игнорирует обтикание float. По разному уже пробывал но ничего не получается. вот html и css <style> #cart { float: right; background-color: #67E667; width: 0px; overflow:hidden; } .wrap_inner { border:1px solid; width:200px; } #fx {position: relative;} #btn { float: right; } </style> <div id="fx"> <div id="cart"> <div class="wrap_inner"> <div id="text2"> текст </div> </div> </div> <a id="btn" href="#">Корзина</a> </div>

    Asked by kuller,

    0 votes
    1 answer

  9. Автоподгонка ширины <td> по содержимому

    Здравствуйте. Как подогнать ширину ячейки таблицы по содержимому? Задача такая: отобразить форму в таком виде: Название предприятия: __ООО "Фирма"_____________________ Фамилия: ___Иванов______________________________________ Имя: __Иван_____________________________________________ Соответственно, правые границы должны быть выровнены. Решил сделать таблицами во внешней таблице: <style type="text/css"> table {width:100%; border:dotted 1px grey;} td { text-align:left; vertical-align:middle;} td.tcenter { text-align:center; padding-left:0mm;} td.wauto { width:1px; white-space:nowrap;} span.u {border-bottom:solid 1px; displa…

    Asked by MrBlade,

    0 votes
    1 answer

  10. Закруглить углы рамки в CSS

    Дорогие друзья, помогите закруглить углы на меню. Вот сайт http://hi.org.ua Меню с обоих сторон квадратные, подскажите как сделать закругленные углы? Я так понимаю что это нужно сделать в CCS файле, как найти что править и что прописывать в CSS чтобы углы были закругленными?

    Asked by Tonchi,

    0 votes
    1 answer

  11. Помогите разобраться(Window окно на css)

    Народ помогите мне нужно сделать классическое Windows окно на css(не знаю как правильней обозвать). Проблема у меня с позиционированием элементов в заголовке окна(логотип приложения должен быть слева,название по центру,кнопка закрыть справа). Вот код: <div style='width:1000px;height:500px;background-color:white;border:1px solid #696969;text-align:center;margin-left:25%; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0…

    Asked by CrazyBird,

    0 votes
    1 answer

  12. Как очистить canvas?

    Всем привет! не могу очистить canvas от устаревшего изображения изображение рисуется так: context = canvas.getContext("2d"); ... context.moveTo(this.x, this.y); context.lineTo(CANVAS_WIDTH, Math.floor(Math.random() * CANVAS_HEIGHT)); context.lineWidth = 1; context.strokeStyle = "#ff0000"; context.stroke(); ... для очистки экрана использую метод: context.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); по логике в каждом кадре должна появляться одна красная линия с произвольными координатами но на деле линии начинают добавляться видимо координаты старых линий тоже сохранились в context как можно очистить не только экран (clearRect) но и удалить старые координаты линий из c…

    Asked by ravend,

    0 votes
    1 answer

  13. Нестандартные кнопки социальных сетей

    Думаю все видели, но прикладываю на всякий случай пример. Я тоже где-то видел на работающем сайте - теперь проблема найти где. Проблема и в реализации с нуля, если наложить сверху картинки абсолютным позиционированием и передавать клик на реальные кнопки скриптом, то как? Ведь все соц-кнопки загружаются в iframe'ах, разумеется с другого домена, значить кликнуть ссылку внутри такого фрейма не представляется возможным. Разве что прибегнуть к проксированию этих кнопок. Может кто знает попроще реализацию? П.С. где-то видел еще он-лайн генератор подобоных кнопок, тоже не могу найти. В общем пропасть ).

    Asked by jomcat,

    0 votes
    1 answer

  14. 2 колонки

    del

    Asked by Ergonav,

    0 votes
    1 answer

  15. type="radio" в САФАРИ (5.1.2)

    Вот такая конструкция <div style="float: left; width: 15px; " align="right"> <input type="radio" > </div> в Сафари отображается серым квадратом без возможности выбора. Кто сталкивался? Баг Сафари? Как лечится?

    Asked by user_000149,

    0 votes
    1 answer

  16. DOCTYPE и высота ячеек таблиц

    <!--DOCTYPE html--> <html> <head> <title></title> <style> html { border: red dotted 1px; height: 100%; } body { border: blue dotted 1px; height: 100%; } body > table { border: red solid 1px; height: 100%; } /*body > table > tbody > tr > td { height: 100%; }*/ body > table > tbody > tr > td > table { border: blue solid 4px; height: 100%; } </style> </head> <body> <table> <tbody> <tr> <td style="border: green dotted 3px;"> <table> <tbody> <tr> …

    Asked by skvor,

    0 votes
    1 answer

  17. реконструкция блога

    Есть блог "бесконечность.od.ua" 2 колонки, узкий. Надо расширить и создать 3-ю колонку(2-ой сайдбар). Помочь можете?

    Asked by gusewvalia,

    0 votes
    1 answer

  18. как привязать кнопки к краям границы блока?

    Здравствуйте. Предыстория в кратце Мне нужно настроить для Joomla модуль новостной ленты mod_news_pro_gk4 (кто знает). Здесь вопросов нет. Далее на модуле расположены кнопки "влево" и "вправо", которые располагаются по краям бокса, слева с краю и соответственно справа. И вот здесь уже у меня вопросы по верстке, которые я уже несколько дней не могу осилить: 1. шаблон сайта сделан таким образом, что пользователь может собственноручно изменить ширину окна. на узко, средне, и широко. Но у стрелочек, стоит жёсткая привязка к ширине, и когда на одном из режимов хорошо, на другом, они уже вылезают совсем не туда, куда следует. Все попытки сделать, что бы стрелочки располагались …

    Asked by Neptun,

    0 votes
    1 answer

  19. CRON

    Мне нужно, чтобы каждый день в полночь cron переходил по ссылке. Подскажите, пожалуйста, как это сделать?

    Asked by novickOk,

    0 votes
    1 answer

  20. Почему выпадающее "меню" не исчезает?

    Навожу курсор на синее поле, всё прекрасно, как и должно быть: элемент span - видимый. Отвожу от него, он исчезает. А почему, когда я отвожу курсор от синего поля к зелёному, то оно никуда не девается?

    Asked by triplecorpse,

    0 votes
    1 answer

  21. Как через HTML убрать надпись в Virtuemart

    Помогите, решить незамысловатую задачу, но для меня уже неделю как неразрешимую!!! В общим нужно через HTML убрать надпись „Категории” на главной странице сайта, это проблема легко решается через СSS но в моем шаблоне изминения этого параметра так же миняет и другие надписи, что для миня критично, остается просто удалить эту надпись через HTML. Проблема вот в чем: перерыл уже везде а где лежит HTML так и не нашел. Подскажите, или может как нибудь можно решить эту проблему по другому.

    Asked by oxydes,

    0 votes
    1 answer

  22. Изображения в 3 колонки

    del

    Asked by Ergonav,

    0 votes
    1 answer

  23. Проблема верстки для Mozila

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Баг в Mozila</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> #a{ width:300px; height: 210px; outline: 1px solid #0f0; } #b{ width: 150px; height: 200px; outline: 1px solid #f00; position: relative; margin-bottom: 40px; float: right; } #c{ width: 50px; height: 20px; outline: 1px dashed #00f; position: absolute; top: -10px; right: -9px; } </style> </head> <body> <br /> <div id="a"> <div id="b"> <div id…

    Asked by Zzz_,

    0 votes
    1 answer

  24. как заставить это работать

    Привет всем. Я на форуме человек новый, да и в верстке только начинаю. Обратил внимания, что вы многим помогаете, надеюсь и мой вопрос не останется не замеченным. Вопрос: можно ли написать страницу, которая будет открываться при нажатии на какой либо элемент (div) на главной странице и подгружать картинки и основной текст из текстового документа в отведенные для них зоны. К примеру: есть две страницы главная и контент, на главной странице находится краткое описания нескольких объектов. При открытии любого из них открывается страница контент, но содержимое для нее подгружается из текстовых документов. Если вопрос понятен, подскажите пожалуйста где о этом почитать, а если в…

    Asked by Straik,

    0 votes
    1 answer

  25. Не работает таблица

    <table width="900"> <col width="1*"><col width="2*"><col width="3*"> <tr> <td style="background-color: orange;"> 1111 </td> <td style="background-color: lightblue;"> 2222 </td> <td style="background-color: orange;"> 3333 </td> </tr> </table> Рассчитываю на то, что колонки будут иметь ширину в пропорциях к ширине таблицы 1/2/3, а они получаются одинаковыми. Если задать ширину одной из колонок в пикселях, тоже ничего реального не задаётся.

    Asked by skvor,

    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