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. ":hover" в строке, а не в файле и не в стилях

    =) всё банально есть к примеру - <p class="qqq"></p> есть классы: .qqq p { тут всякие параметры... } .qqq p:hover { тут всякие другие параметры } как реализовать с файлами цсс всё понятно и с прописанием в <head></head> тоже ясно <p class="qqq"></p> но встала задача сделать чтото типа такого: <p class="qqq" style=":hover параметры хувера"></p> тоесть хувер будет прописан только тут в строке, а не гделибо типа в отдельном цсс файле и не между хедом !!! естественно такой вариант не пашет Вот и хотелось бы узнать как в строке прописать тегу и клас без хувера и с хувером(но вручную) =)

    Asked by textinmail,

    0 votes
    10 answers

  2. Пролема т нарезкой заднего фона

    Всем дня! Пмогите люди добрые, такая фигня, надо нарезать задний фон вот таким образом, сверху чтобы через repeat-x тоесть горизонтальный повтор, боковые одинаковые тоже repeat-x горизонтальный повтор. тоесть при любом разришении экрана даже при окне в 640 на 480 не должно появляться скролеров... ######################################################### ######################################################## я ещё пока чайник в особенности с задними фонами, но чтото подобное я видал уже. возможно это был ява скрипт... вот тут например http://playergodz.de пробовал с дивами, чёт нифига не получилось..

    Asked by inplust,

    0 votes
    4 answers

  3. Длинные списки , таблици, формы

    Если имеется большая таблица (видна только часть записей), например список товара, как правильно возвращаться к той-же записи? Когда конкретную запись редактирую (или меняю например количества товара) или добавляю при "перерисовки" страници целиком вижу только самую верхнюю часть таблици. Это совсем не удобно каждый раз после манипуляций искать ту запись с которой что то делал. Пока идей нет как сделать правильно и удобно. Подскажите есть ли стандартные уже наработанные решения для этого?

    Asked by vak,

    0 votes
    2 answers

  4. При прокрутке экрана часть цыфр стирается

    При прокрутке экрана часть цыфр стирается, подскажите пожалуйста в чем проблема, вот код фрагмента: <div id="headline"> <div class="newsblock"> <div class="val"> <div class="yes"> <div class="num"><a href="">96</a></div> </div> <div class="odobreno"><a href=""<img src="images/odobreno.gif"></a></div> </div> </div> </div> #headline { width:66.7%; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; } #headline div.newsblock { width:'*'; height:110px; display:block; float:left; } #headline div…

    Asked by on-line,

    0 votes
    6 answers

  5. Равномерное распределение блоков по горизонтали

    Всем здрасти. На днях столкнулся с совершенно не ориднарной (для меня) проблемой. Попробую объяснить суть на примере. Есть блок, ширина которого меняется. Внутри него нужно равномерно распределить 5 картинок шириной в 50px каждая, причем так, чтобы левая картинка была прижата к левому краю (без отступов), правая - к правому, а 3я была бы точно по центру. В добавок к этому расстояния между картинками должно быть одинаковым. Все, что я сумел придумать, либо дает отступы у крайних картинок, либо не одинаковые расстояния (

    Asked by @LEXXX_NF,

    0 votes
    18 answers

  6. Вертикальное выравнивание в li

    Парни, второй день не могу понять, в чём дело. Есть горизональная менюшка (headermenu), нужно сделать так, что бы текст в ней выравнивался по вертикали, в IE всё красиво, но в Опере и ФФ текст меню прижимается к низу. вот код css: #headermenu { position:absolute; right:0px; top:231px; height: 33px; background: #d60000 url(images/menu_bg2.gif) repeat-x; line-height: 33px; z-index:2; } .headerm { padding: 0; text-transform: uppercase; font-weight: 100; } .headerm li { float:left; list-style-type:none; } .headerm li a { display:block; padding:0 11px; text-decoration:none; color: #fff; letter-spacing:1px; letter-spacing: -1px; font-size: 11px; } .headerm li a:hover { color:…

    Asked by mirabo,

    0 votes
    7 answers

  7. max-width, ie6 и ширина в процентах

    У меня такая проблема: есть див с картинкой в бекграунде и свойством width заданном в процентах. При расширении экрана когда ширина блока становится больше ширины картинки - вылазит ненужный background-color. Что бы этого избежать использовал свойство max-width, и для ie6 использовал width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 427 ? "427px" : "auto"); В этом случае max-width для ie6 работает, но отключается width заданное в процентах и как следствие блок нормально не сужается. Кто-нибудь может посоветовать как это решить...

    Asked by od_lazio,

    0 votes
    3 answers

  8. не получается сделать с помощью css

    День Добрый всем! который день бьюсь над двумя проблемами: 1.формление меню 2.оформление заголовков 1.оформление меню: Надо сделать разделители между пунктами меню в виде полоски шириной в пару рх (меню выпадающее, динамическое). что пробовала: вот например такой код: border-color:#c2e254 #9bb838 #9bb838 #c2e254; border-style:solid; border-width:1px; создает края у всей области меню а не у кнопок... а такой: background:#fff url(images/menu_bg.gif) bottom repeat-x; или такой: background:#fff url(images/menu_bg.gif) bottom repeat-y;заполняет все пространство меню. а надо только после каждой кнопки...(и перед для первой) еще пыталась через свойства: border-right-style…

    Asked by ddd,

    0 votes
    3 answers

  9. Резиновый трех колонных макет

    Здравствуйте, не могу понять как составить трёх колонный макет. Как на картинке: html: <div id="structure"> <div id="header"> </div> <div id="l_menu"> </div> <div id="content"> </div> <div id="r_menu"> </div> </div> CSS: #structure { position: relative; width: 80%; height: 100%; left: 10%} #header {width: 100%; height: 100px} #l_menu {height: 100%; width: 150px; float: left} #content {height: 100%; float: left } #r_menu {height: 100%; width: 150px} #bottom {width: 100%; height: 50px } что здесь не так? надо что б content занимал всё оставшееся место после l_menu и r_menu

    Asked by deadmeat,

    0 votes
    9 answers

  10. Имитация фреймов (картинка внутри)

    Камрады, тут возникла такая вот задачка: Сайт по дизайну имеет вид примерно такой: Вверху - контент, внизу - меню. Все в "резине". Контент должен "прокручиваться" независимо от меню, которое вседа будет прилегать к нижнему краю экрана. Для набора "классических" фреймов задача обыденная, однако тут фреймами пользоваться нельзя - вот та менюшка внизу по нажатию на кнопочку должна будет "складываться" в одну строку и соответственно при повторном нажатии обратно "раскрываться" в высоту. Вот сижу и думаю... как прикрепить меню к нижнему краю экрана - знаю, как его складывать-раскладывать - знаю... а вот как в таком случае реализовать "прокрутку" верхнего контентного блока, уч…

    Asked by Daikengo,

    0 votes
    14 answers

  11. Некорректно отображается шрифт в FF3

    Заказчик прислал такой скриншот: http://www.picamatic.com/show/2008/10/20/0...6_1280x1024.jpg у него надпись "art project..." вверху отображается некорректно — часть букв искажена. В моем Firefox или других браузерах такого не наблюдается... Можете проверить, у кого-то есть такой же эффект? Ссылка sparrows точка org.ua/?en

    Asked by hooey_ru,

    0 votes
    2 answers

  12. Атрибут NAME

    Вопрос очень прост: атрибут name по спецификации может быть у любого элемента страницы?

    Asked by Ялекс,

    0 votes
    1 answer

  13. 2-этажное меню

    хочу сделать 2 горизонтальных выпадающих меню, которые прижаты друг к другу. если для одного горизонтального меню сделать выпадающее - не проблема, то для двух уже начинаются глюки см. http://woyar.leaderhost.ru/nav.html (корректно отображается только нижнее меню) или http://woyar.leaderhost.ru/nav2.html(корректно отображается только верхнее меню). совместить оба приема не получается. мучаюсь уже неделю. посмотрите свежим взглядом, может подскажете чего.

    Asked by thorr,

    0 votes
    1 answer

  14. Как заменить кнопку в форме на картинку?

    Есть часть кода формы входа из движка форума vBulletin. Хочу заменить кнопку входа со стандартной на свою. Поискал на форуме, нашел такую возможность примерно следующего вида: <input type="image" src="/images/imgbutton.gif"> Но проблема в том, что параметр type в моем случае уже имеет значение. Как быть? Вот код: <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)"> <table border="0" cellpadding="0" cellspacing="3" width="341"> <tbody> <tr> <td class="smallfont" style="white-space: nowrap;"> <label for="navbar_username">Имя</label&…

    Asked by mozart,

    0 votes
    5 answers

  15. Замена alt`у в css

    Не получается применить альт к диву внутри php кода. Картинку пришлось вставить в бэкграунд в css. <?php mfp_the_link("add_link=<div class='add_this'></div>"); ?> Может можно реализовать аналог альта внутри css?

    Asked by maxs,

    0 votes
    12 answers

  16. Изменение изображения при наведении курсора

    Есть конструкция: <a><img></a> Вопрос: как сделать что бы при наведении курсором подставлялось другое изображение?

    Asked by SKM,

    0 votes
    1 answer

  17. colgroup align работает в IE, но не в FF

    <colgroup span="4" align="center" valign="middle"> <col width="150"> <col width="*"> <col> <col> </colgroup> почему-то IE выравнивает текст внутри ячеек как надо, а FF всё делает по левому краю (отказывается понимать). как исправить?

    Asked by Rilo,

    0 votes
    3 answers

  18. Непонятный зазод для hr в div

    Уважаемые форумчане помогите разобраться с проблемой Как убрать зазор между hr и верхней границей div помогите разобраться. Из следующего кода <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Test</title> <style type="text/css"> * { margin: 0; padding: 0 } div {border:solid 1px red;} hr { border: 0; height: 1px; line-height:0; background-color: #b7b7b7; font-size:0;} </style> </head> <body> <div style="width: 360px; float: left;"> <h1>Test Header</h1> <div> <hr/> <h3&g…

    Asked by devmen,

    0 votes
    4 answers

  19. Неправильное повторение фона в IE6

    Пытаюсь сверстать рамку (только нижнюю часть), используя только один фоновый источник: Файл win-btm.gif <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Title</title> <style type="text/css"> body {background: #fff; color: #000; font: 8pt verdana; margin: 0px; padding: 0px; width: 100%; } .win-loginbox { margin: 155px auto auto auto; width: 288px;} .win-btm-left { background: url('win-btm.gif') no-repeat 0px -20px; } .win-btm-right { background: url('win-btm.gif') no-rep…

    Asked by EugenyK,

    0 votes
    3 answers

  20. http авторизация на сайтах

    иногда захожу на сайты с логином и паролем. также вхожу в настройки дсл модема. причём кукизов система не оставляет, но распознаёт в рамках текущей сессии работы браузера. если браузер (не вкладку) перезапустить, распознавание пропадает. также распознаёт посетителй ЧК-стский сайт одноклассники. поясните, что это за зверь и какие надо предпринимать меры безопасности, кроме более частого перезапуска браузера (если это помогает)?

    Asked by Rilo,

    0 votes
    1 answer

  21. Динамический CSS

    Пришла ко мне идея,чтобы CSS автоматически подгружался при нажатии на кнопку.То есть без перезагрузки,сам css.Только я не знаю,в каком направлении искать.С помощью Аякса что ли.Сталкивался ли кто-нибудь с этим.

    Asked by user,

    0 votes
    5 answers

  22. проблема со слоями в IE6+

    Буду очень признателен в оказании мне помощи, т.к. я только начинаю осваивать азы верстки... Пробую настроить шаблон VM на Jooml`e. Увеличил шаблон мини изображения, картинка увеличилась но текст справа наезжает на нее. Поправил красные поля, в Firefox все выглидит так как надо, а в эксплорере текст поверх картинки и в высоту длина не увеличивается. float: left пробовал добавлять к картинке... #product_list>div { /*Оформление "квадрата" с информацией о товаре */ border-right:1px #E5E5E5 solid; background-image:url("../images/t1_bottom.gif"); background-repeat:no-repeat; background-position:0 100%; margin-top:1em; margin-bottom:2em; margin-left:10px; margin-r…

    Asked by ose,

    0 votes
    6 answers

  23. Значение атрибутов для элементов HTML (по-умолчанию)

    Господа, поделитесь информацией о том, где можно посмотреть значения всех атрубутов для html элементов по-умолчанию. К примеру какие изначальные значения margin у элемента <P> или <H...>? Может есть какая-то таблица?

    Asked by IMAM,

    0 votes
    6 answers

  24. Проблема с ИЕ 6 и 7 в Дивах

    Не знаю как сделать так, чтобы в ие 6 и 7 нормально тянулся див, который отвечает за показ заколки. В опере и фф нормально отображается и тянется именно так, как надо. Вот тут архив с хтмл ксс и картинками http://xs2000.narod.ru/123.rar Может кто сможет помочь. Или вот код, если и так будет понятно: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Магазин</title> <link href="copy Untitled-2.css" rel="stylesheet" type="text/css" /> </head> <body> &lt…

    Asked by BRK,

    0 votes
    3 answers

  25. utf-8

    Помогите, пожалуйста.... Все перепробовал, ничего не помогает.... Есть страница из сети в кодировке utf-8. Необходимо ее перекодировать в windows-1251. Стоит php5. iconv() почемуто не помогает. После обработки строка оказывается пустой... $str=iconv('UTF-8', 'Windows-1251', $str); Никаких ошибок не выдает... Прям не знаю что делать..... Заранее спасибо!

    Asked by andrums,

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