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. Длинные списки , таблици, формы

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

    Asked by vak,

    0 votes
    2 answers

  2. Три колонки, крайние тянутся, центральная фиксированной ширины.

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

    Asked by mozart,

    0 votes
    7 answers

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

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

    Есть часть кода формы входа из движка форума 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

  5. Неправильное повторение фона в 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

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

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

    Asked by Rilo,

    0 votes
    1 answer

  7. Вертикальное выравнивание в 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

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

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

    Asked by SKM,

    0 votes
    1 answer

  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. не получается сделать с помощью 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

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

  12. Атрибут NAME

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

    Asked by Ялекс,

    0 votes
    1 answer

  13. Некорректно отображается шрифт в 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

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

    При прокрутке экрана часть цыфр стирается, подскажите пожалуйста в чем проблема, вот код фрагмента: <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

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

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

    Asked by thorr,

    0 votes
    1 answer

  16. Теряется стиль в IE

    Друзья, очень нужна ваша помощь. Ситуация следующая: http://brandshop.ru/index.php В мозиле и опере все относительно нормально, а вот в IE отваливается стиль. Изначально проблема была в том, что <html> {include file="head.tpl.html"} <body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0"> <div align="center" style="width:880px; height:100%; text-align:center; position:relative; margin:0 auto; top:0px; left:0"> все в том же ИЕ отображал содержимое не по центру, а слева. Изменения доктайпа приводят все в норму(располагает содержимое по центру), но стиль куда то отваливается. Спасибо заранее.

    Asked by oneel88,

    0 votes
    4 answers

  17. _blank

    Скажите как зделать чтобы картинки в опере открывались в новом окне а не в новой вкладке. Использую target="_blank" Нужно зделать как здесь -http://www.ruexp.ru/photo/section.php?SECTION_ID=149

    Asked by eniken,

    0 votes
    3 answers

  18. Как сделать открытие ссылки в новом окне валидным в doctype 4.01 strict?

    Так уж вышло, что параметр target считается устаревшим для <a>. Не нашел другого нормального способа открывать ссылку в новом окне, валидного для HTML 4.01 Strict. Кто знает, подскажите, пожалуйста!

    Asked by obi-wan,

    0 votes
    24 answers

  19. разный scc в зависимости от разрешения монитора пользователя

    Друзья, пожалуйста, нужен JS-скрипт определяющий разрешение монитора пользователя и подключающей необходимый css файл. К сожалению поиском не нашел.

    Asked by ryar,

    0 votes
    4 answers

  20. Проблема масштабирования в IE7

    В общем, схема такая: сайт (airclubkmw.ru/testing/) состоит из таблицы в 3 столбца и 4 строки. Каждая ячейка таблицы имеет класс, описанный by CSS. Описывал я так, чтобы сайт растягивался на 100% и по вертикали и по горизонтали браузера, НО! при этом полностью верхняя строка (вернее там 2-е строки) была фиксированной, нижняя строка была фиксированной, левый и правый столбики, заключённые между верхней и нижней строками были зафиксированы. То есть, все масштабирование получается путём изменения площади ячеек (x,y)=(2,1) (2,2) (2,3), по-русски: 3 серединные ячейки сверху (у нижней средней ячейке размер фиксирован height'ом). Не поверите! но у меня получилось - всего недел…

    Asked by Oversemper,

    0 votes
    23 answers

  21. Заполнение таблицы из файла

    Есть таблица в html. Фиксированное число строк, каждая из которых имеет ключ (например А1, А2 и т.д.). Есть файл (exel, но при необходимости txt), в котором по этому ключу лежит числовая информация. Нужно, чтобы по соответствующим ключам таблица заполнялась значениями из файла. Использовать можно только JS. Пример в коде: файл.txt A1 12 45 A2 54,3 0,48 B1 234 987,1 html.html ... <table> <tr name="A1"> <td><img></td> <td>статичный текст</td> <td>12 (первое число для А1) </td> <td>45 (второе число для А1)</td> </tr> <tr name="B1"> <td><img></td> <td>стат…

    Asked by Aryan,

    0 votes
    33 answers

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

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

    Asked by inplust,

    0 votes
    4 answers

  23. как узнать точное расположение элемента?

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

    Asked by Umnik1,

    0 votes
    5 answers

  24. Расположение полосы прокрутки

    Как сделать скрол бар по вертикали??? <td rowspan="2"><div style="width:50px; height:50px; overflow: auto;">...</div></td>

    Asked by nazarovvlan,

    0 votes
    10 answers

  25. подскажите как сверстать

    Здравствуйте! Подскажите, пожайлуста, как сверстать вот такой макет: красная это рамка вокруг блока, рисунок по середине блока. Спасибо!

    Asked by _axl,

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