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. Отображение шрифтов

    В ie7-8 шрифт жирнее, чем в остальных браузерах, чтобы в ie отображалось также, нашел такую фишку: * + html body { filter:0; } Но работает это только для ie7, а в ie8 не работает! и не проходит код на проверку валидатором! Может кто знает как это поправить, что бы шрифт был одинаковым во всех браузерах и код валидным?

    Asked by kking,

    0 votes
    1 answer

  2. Нуждаюсь в помощи

    Почему данная таблица <?if($POLL$)?> <table width="200" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody><tr><td style="background: rgb(84, 106, 130) url(http://s27.ucoz.net/t/341/8.gif) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 20px; color: rgb(245, 247, 249);" height="19"><b>Опрос</b></td></tr> <tr><td style="padding: 5px; background: rgb(201, 210, 222) url(http://s27.ucoz.net/t/341/9.gif) no-repeat scroll center top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz…

    Asked by piranha,

    0 votes
    9 answers

  3. Сслылки в IE6 и ff3

    В ff3 по ссылке можно кликнуть в любом месте, в ИЕ только по тексту или рисунку, можно как-нибудь сделать, чтоб было как в ff3?

    Asked by Kenshi45,

    0 votes
    5 answers

  4. Ссылка в ячейке

    У меня ссылка находится в ячейке <td>. Как мне сделать что бы при наведении курсора на ссылку, изменялся цвет всей ячейки <td>, а потом он возвращался назад? Что бы цвет менялся только тогда, когда курсор находится на ссылке.

    Asked by wewwew,

    0 votes
    3 answers

  5. Помогите проблема с позиционированием

    Вот станичка http://palitra-oil.narod.ru/stoimost.html вот код из slideshow.js Object.extend(this.props, props || {}); a = $('aro-' + this.props.n + 'a'); a.style.position = 'absolute'; a.style.border = 'double 5px saddlebrown '; a.style.left = '1280px'; a.style.top = '-680px'; img = a.cloneNode(true); img.id = 'aro-' + this.props.n + 'b'; img.style.zindex = '100'; div = a.parentNode; div.style.display = 'block'; div.style.position = 'absolute'; div.style.border = 'solid 1px black'; div.style.left = '-800px'; div.style.top = '800px'; div.style.width = a.width + 'px'; div.style.height = a.height + 'px'; div.appendChi…

    Asked by Palitra,

    0 votes
    1 answer

  6. Помогите с padding'ом в таблице

    Здравствуйте. Такое дело: есть таблица, в ней 3 столбца, ячейки первого столбца должны иметь отступ от границы таблицы 10рх (т.е. padding-left: 10px). Можно ли как-то задать такой отступ при этом не трогая остальных столбцов и не добавляя лишних классов? Вот можно было бы добавить класс для всего столбца, а не для каждой ячейки в отдельности, т.к. если в таблице несколько десятков (возможно сотен) записей, то добавление примитивного отступа к каждой ячейке не хило увеличивает вес всей страницы. Спасибо.

    Asked by UNIX,

    0 votes
    0 answers

  7. Сайт по центру

    Вот решил обратиться с проблемой верстки сайта. Вроде как оптимизировал код страницы и CSS для всех браузеров, НО: в Опере все отображается как надо, а в IE не центрует! Хоть ты его убей! Пробовал !DOCTYPE добавлять - помогло с центровкой, но съезжают все блочные элементы с position:absolute. Координаты заданы параметрами left и top... И масштабирование происходит ужасно... Помогите, пожалуйста, выбрать !DOCTYPE и найти ошибку в CSS/страничке из-за которой происходит такая ерунда с блочными элементами и масштабированием... Сайт: http://www.golubev.biz, CSS, Код страницы

    Asked by DeviLev,

    0 votes
    1 answer

  8. how to really preload an image before content?

    in fact how to achieve this sequence: 1) user requests index.html, style css 2) preloading image.jpg 3) loading and displaying content in <body></body> these things didn't work for me: <script LANGUAGE="JavaScript"> Image1= new Image(498,527) Image1.src = "body_bg-contacts.jpg" </SCRIPT> and #preload img { height: 0; width: 0; border-width: 0; position: absolute; bottom: 0; left: 0; z-index: -30; } <div id="preload"><img style="visibility:hidden;position:absolute;top:-1000px;left:-1000px;" src="images/body_bg-res.jpg" /></div> When I used the above or similar I still had smaller images and buttons loading before my main body_bg-co…

    Asked by DolbyRoom,

    0 votes
    2 answers

  9. центр с наездом на header и footer

    ребята, помогите! неделю вожусь со следующей задачей. сайт фиксированной ширины, в шапке и в подвале (высота у них фиксирована) размещены картинки, центр (меню и содержание, высота динамическая) должен немного фигурно перекрывать их (дизайнерский изыск). делаю и так и сяк, фаервокс и опера кажут как надо и даже 7 ослик, но 6 IE меня просто уже бесит. вот пока текущий вариант: <div id="base"> <div id="top"> <div id="bottom"> <div class="layout-box lb-4"> <div class="box content"> <ul class="menu-v icons"> <li class="icon i-link">менюменюменю</li> </ul> </div> </div…

    Asked by vladdis,

    0 votes
    1 answer

  10. Элемент padding в FireFox3

    Добрый день! Всех с последним днём зимы! Вот тут возникла кракозябра, парился всю ночь, но ничего не вышло, суть такова: Пишу шаблон для SMF, и начал создавать меню. Суть идеи такова - при наведении на пункт меню задний план меняется. Реализовать решил в <ul> Вышло примерно так: <div id="main_menu"> <ul class="clearfix"> <li id="button_home" class="active"> <a title="home" href="http://localhost/rc1/index.php"> <span><em>Начало</em></span> </a> </li> <li id="button_help"> <a title="help" href="http://localhost/rc1/index.php?action=help"> <span>Помощь</…

    Asked by Gmans,

    0 votes
    3 answers

  11. какими тегами сейчас создают сайты ?

    Подскажите пожалуста! Какими из трех способов сайтостроительства, больше всего, сейчас используются вебмастерами: Фреймы, Таблицы или DIV ? Если ли еще какие-то способы, подскажите пожалуйста !

    Asked by МитяЙ,

    0 votes
    9 answers

  12. фоновое изображение

    Приветик! Я новичок.Помогите плиз решить вопрос следующего содержания: как сделать фоном изображение в расширении jpeg и размером 990Х870. У меня получается квадратик с красным крестиком. В css тоже пробовал,но тоже не работает. Сенкс за ранее!

    Asked by rulyass,

    0 votes
    2 answers

  13. фоновое изображение

    Приветик! Я новичок.Помогите плиз решить вопрос следующего содержания: как сделать фоном изображение в расширении jpeg и размером 990Х870. У меня получается квадратик с красным крестиком. В css тоже пробовал,но тоже не работает. Сенкс за ранее!

    Asked by rulyass,

    0 votes
    11 answers

  14. Как скоректировать такой css?

    Здравствйте! У меня в css содержится: .reg tr td.text { vertical-align: top; width: 50px; color: #7f7e72; font-size: 11px; padding-top: 3px;} .reg td.text2 { vertical-align: top; color: #333333; font-size: 12px; padding-top: 3px;} .reg input { width: 125px; margin-bottom: 10px;} .reg input.button { width: auto; border: none;} из-за этого buttom (в таблице) растягивается во всю длину ячейки и зона chekbox тоже. как можно поправить это?

    Asked by good-master,

    0 votes
    1 answer

  15. Проблема с CSS

    Для того чтобы в системе UCOZ отредактировать фон мини-чата нужно кое что подправить в CSS Должно быть следующее: /* Comments Style */ .cAnswer {padding-left:15px;padding-top:4px;font-style:italic;} .cBlock1 {background:#E3CE77;border-top:3px double #CAAF44;color:#000000;} .cBlock2 {background:#D4BF68;border-top:3px double #CAAF44;color:#000000;} /* ————-- */ /* Comments Form Style */ .commTable {} .commTd1 {color:#000000;} .commTd2 {} .commFl {color:#948549;width:100%;background:#FEFEFA;border:1px solid #EBD98E;} .smiles {border:1px inset;background:#FFFFFF;} .commReg {padding: 10 0 10 0px; text-align:center;} .commError {color:#FF0000;} .securityCode {color:#948549;back…

    Asked by Voltmen,

    0 votes
    2 answers

  16. Устройство файла css

    Любопытно кто какое использует устройство таблицы стилей. Я лично до сих пор не могу определиться, как делать лучше. Когда вёрстка довольно сложная и правил очень много, то получается очень запутанно. Пробовал выстраивать названия классов по алфавиту. Это помогает найти нужный класс, но когда много правил вида "TD.class1 A #id2 {...}", то это не особо помогает. В итоге уже через неделю после того как верстал, получается, что определить какой в заданном месте цвет, легче через принтскрин и фотошоп, чем через таблицу стилей. Кто, что может посоветовать, как лучше делать? Например, все ли стили выносите в таблицу или что-то оставляете в шаблоне, и тому подобное.

    Asked by Колос,

    0 votes
    10 answers

  17. помогите разместить div

    Помогите пожалуйста. Надо выровнить div(отмечен красным) так, чтобы он оказался вверху столбца таблицы. Код примерно такой: <table width="100%"> <tr> <td width="20%"> [color="#FF0000"]<div class='panel'> ... </div>[/color] </td> <td width="60%"> ... </td> <td width="20%"> ... </td> </tr> </table> Как я не пытался, он стоит по середине

    Asked by er@s,

    0 votes
    2 answers

  18. Нужна помощь

    Имеется скрипт, имеется шаблон...вроде все сделал осталось пару недоработок (косяков) помогите подправить, в примере показать немогу так как все на денвере..... если можно пишите в аську 193672261

    Asked by renton78,

    0 votes
    2 answers

  19. Выпадающие списки, выравнивание

    Всем доброго времени суток! Столкнулся со следущей проблемой. Есть горизонтальная менюшка с выпадающим списком. При создании выпадающего списка приходится меню выравнивать по float:left, в противном случае меню выстраивается в стобец, игнорируя display:inline. НО! необходимо выровнять меню по центру, причем, кол-во элементов меню будет меняться из CMS и фиксированную ширину я задать не могу. Также как не могу сместить его относительно. Перепробовал уже все варианты display (table, inline-block, inline-table), срабатывает только в Опере. Может знает кто как решить подобную задачу, т.е. избавиться от float:left для выпадающего списка или же выровнять меню по центру в обхо…

    Asked by mindshaft,

    0 votes
    2 answers

  20. Что изменить в описании стиля?

    Есть такое описание стиля: .hl.line{ color:#888888; border-right: 1px solid white; padding:1px; margin-right:5px; } Нужен он для форматирования номеров строк на этой странице Мне нужна сплошная линия, которая отделяет номера от кода, а получается пунктирная. Что изменить, чтобы не было этого разрыва между строками. Весь код помещен в div

    Asked by viter_alex,

    0 votes
    3 answers

  21. div - две одинаковые в высоту колонки

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

    Asked by SleepWalker,

    0 votes
    2 answers

  22. помогите пожалста

    здравствуйте. у меня таблица на страничке и в одной из ячеек текст. подскажите, пожалста, как осуществить отступ от левого края для всех строк, ну чтобы не делать так: <td> 1-я строка текста<br> 2-я строка текста<br> 3-я строка текста<br> ...т.д.... </td> Спасибо, с уважением, Amitt

    Asked by Amitt,

    0 votes
    3 answers

  23. Резиновый контент...

    Как сделать контент (картинка фоном) чтобы он растягивался текстом ? перерыл весь инет , ничего не нашёл... CSS: #content { background: url(images/shablon222_07.jpg) no-repeat; position:absolute; top:814px; left:255px; width: 519px; height: 440px; } HTML: <div id="content"> <center>{content}</center></div>

    Asked by shOotzy,

    0 votes
    10 answers

  24. резиновая таблица в web диалоге и в простом окне

    вот такая таблица - хочу сделать в popup окне резиновую таблицу, чтобы ширина изменялась в зависимости от того, насколько растянуто окно <table width="100%" border="1"> <tr> <td width="20%"> 1</td> <td >2</td> </tr> </table> если окно открываю через window.open то поведение таблицы как планировалось - ширина изменяется вместе с щириной окна. если открываю окно через window.showModalDilaog, то ширина таблица при открытии окна такая же как и ширина окна, но далее при изменении ширина таблицы останается такой же как и была. почему такая разница и как сделать резиновую таблицу в we…

    Asked by monstrU,

    0 votes
    7 answers

  25. За что отвечают эти строки ?

    Вопрос может и глупый, но для чайника ..........?????? Подскажите за что отвечают цифры в первых двух строках в этом коде. Размер файла в байтах, или что-то другое ? За ранее спасибо ! $temp_number = rand(2, 999999999); $temp_number_small = rand(2, 999999); $music_name = $_FILES['music_path']['name']; $music_file = "music/".$temp_number."_".$temp_number_small.$ext;

    Asked by mir10,

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