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. Таблица, как включить авторазмер ячеек в IE FF

    Начал писать легкий шаблончик для сайта, последний раз занимался этим 6 лет назад И тут пошли проблемы, сначала сделал на дивах потом решил что слишком много кода получилось и переписал на 1 таблицу Проверил в Опере все замечательно А вот в IE и FF ячейки не сжались до контента уже нет сил искать универсальное решение, я уже сегодня должен накодить движок с админкой под этот шаблон помогите, знаю что решение простое, может хак какой или CSS свойство нужно поставить шаблон тут: http://arxive.arvixe.ru/index2.html HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-e…

    Asked by roleg,

    0 votes
    21 answers

  2. помогите разобраться с видимостью

    Приветствую! Есть такой код: <html> <style> #header { width: 1000px; height: 315px; background: url(http://i8.fastpic.ru/big/2010/0708/c2/2315a3649295fcc8cbb68e54be8bcac2.jpg) no-repeat; } #leftcolumn { z-index: 10; display: inline; /* position: relative;*/ float: left; width: 155px; margin-right: 10px; background: #ffebb9; } #rightcolumn { display: inline; position: relative; width: 735px; height: 800px; float: left; background: #fff; border: 1px solid black; } #faux { background: url(http://i8.fastpic.ru/big/2010/0708/25/8946cb8d48096c54b7efb8bd6c4a3f25.jpg) repeat-y; background-position: 0px 262px; overflow: auto; …

    Asked by stalker_2000,

    0 votes
    10 answers

  3. min-width, ie6 виснит

    когда сжимаю окно, ИЕ6 виснит. это у всех так или у меня эмулятор глючит?

    Asked by Razor,

    0 votes
    3 answers

  4. font-face форматы шрифтов

    В общем, по лицензии паратайпа на сайтах можно использовать шрифты только в форматах EOT, WOFF и SVG В чем засада: EOT понимает только IE, а WOFF, как я понял, введен в Mozilla только в версии 3.6 Как бы сделать так, чтобы все браузеры понимали, что за шрифт я им подсовываю и чтобы это было в рамках лицензии?

    Asked by d0ublezer0,

    0 votes
    11 answers

  5. Проблема с картинкой

    Итак - у меня картинка вставлена следующим образом table border="0" cellpadding="2" cellspacing="0" width="100%" height="250" style="background-image:url('img/rg-5.jpg'); background-position: 98% 98%; background-repeat: no-repeat; background-attachment: scroll; border-bottom:1px solid #988675;" Сама картинка шириной а 910px - мне надо чтобы она на широком мониторе не обрубалась - а растягивалась. и показывалась в процентах. Например 98 процентов от таблицы. помогите, что делать?

    Asked by tapo4e4ek,

    0 votes
    5 answers

  6. Не работают ссылки в таблице

    <div class="progect"> <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td> <a href="lorem.html">Lorem</a><Br> </td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> <td class="bagtd">3500 000</td> </tr> </table> </div> вот такой кусочек кода есть .... почему то в браузере FireFox при наведении на ссылку она не становится активной и сколько ни клацай её всё р…

    Asked by Gussarah,

    0 votes
    13 answers

  7. Отступ списка от картинки слева..

    Здравствуйте! Есть такая проблема: Обычно у меня идет картинка, справа от которой заголовок и параграф текста, а тут в параграфе еще и список, маркеры которого налазят на картинку.. попробовал уже margin-left, padding-left.. а ему все равно, как стоял так и стоит.. прошу помощи.

    Asked by gard,

    0 votes
    10 answers

  8. 2 вопроса

    Здравствуйте! есть два вопроса: 1. задача на первый взгляд просто до безобразия: написать код таблицы. 3 столбца 2 строки. 1-я колонка должна быть 1/3 от ширины всей таблицы. написала у первой колонки 33% (и 33.33% пробовала), но проверила js, ни то, ни другое желаемому не соответсвует!!! как быть? 2. как растянуть (сузить) div по ширине контента? т.е. див по ширине занимает столько места, сколько контента внутри буду благодарна за ответы или наводки на них!!!

    Asked by D_D,

    0 votes
    24 answers

  9. отцентрирование кода

    как отцентрировать данный текст html? заранее большое спасибо. мучаюсь немало. всё дело в бордерах между блоками. из-за них не получаеться сделать из ширины всех блоков 100%. и поэтому справа остаёться часть пустоты, поэтому я попробывал засунуть требуемый вывод тем в таблицу. но с помощью выравнивания таблицы тоже получилось не совсем по центру. можно ли всё таки выровнять по центру иль всё же нужно на table вёрстку переписать? еще раз спасибо за помощь так же можете посмотреть по адресу: wars.org.ua/forum/2/ вот текст html <table align='center' cellspacing=0 cellpadding=0><tr><td><div class='forum_part_base'> <div class='forum_part_title' sty…

    Asked by das,

    0 votes
    4 answers

  10. th не только в верхней строке tr

    Можно ли делать например так: <table> <tr><th></th><th></th></tr> <tr><th></th><th></th></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </table> ?

    Asked by warobushek,

    0 votes
    3 answers

  11. видео чат

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

    Asked by npofopr,

    0 votes
    1 answer

  12. 2 вопроса повтор

    Здравствуйте! я конечно очень рада, что было уделено такое внимание моим вопросам, но ответы на них так и не были получены!!! со вторым вопросом по поводу рястяжения (съужения) блока по ширине контента флоат помог, спасибо большое, но вот с таблицей все равно 1/3 не получается я вставляю для ячейки onclick="alert($(this).width()); alert($('table').width());" и то, что он выдает 1/3 не является, может что-то не то в скрипте написано? Спасибо большущее заранее!!!

    Asked by D_D,

    0 votes
    11 answers

  13. Ширина столбца в таблице в Chrome

    Здравствуйте. Столкнулся с такой проблемой. В опере, огнелисе и даже ИЕ все хорошо, а в хроме плохо. Есть таблица: <table cellpadding = "0" cellspacing = "0" id="header_table1" border = "1" align="center"> <tr> <td colspan="6" class="top-column1"></td> </tr> <tr> <td class="left-column1"></td> <td class="logo-column1" colspan="2"></td> <td class="slogan-column1" colspan="2"></td> <td class="right-column1"></td> </tr> <tr> <td class="leftmenu-column1" colspan="2"></td> <td class="menu-column1" colspan="2"> </td> <td c…

    Asked by rubi,

    0 votes
    3 answers

  14. Ссылка на локальный файл

    Такая вот проблема. Нужно сделать ссылки на локальные файлы находящие на компьютере в сети, сам портал тоже локальный. Когда пишу: <a href="file:\\Best\Distrib\Windows_XP.iso">Download </a> в IE открывает нормально, а вот в FF и Opera нет. Судя по строке состояния IE пишет file://Best/Distrib/Windows_XP.iso, а FF file:///Distrib/Windows_XP.iso Как сделать нормальную ссылку, чтобы работала во всех браузерах???

    Asked by rusLAN,

    0 votes
    13 answers

  15. Нужно ли верстать под IE6?

    Доброго времени суток. Грамотные разработчики, подскажите: нужно ли еще верстать под IE6 в наше время? И требуют ли заказчики нормального отображения страниц в этом браузере? Как-ни-как 2010 год на дворе, HTML5 на пороге с CSS3 под ручку с букетами стоят. Чем вызвано такое желание поддерживать браузер десятилетней давности? Да, и вот что еще хотел добавить: как тестировать верстку в IE6, IE7 и IE8 одновременно? Что-то погуглил, ничего хорошего. Только через виртуальные машины?

    Asked by denis.bobkov,

    0 votes
    25 answers

  16. Помогите советом по верстке

    Привет всем. Делаю проект в котором на главной странице необходимо выводить блоки как на скриншоте - http://i056.radikal.ru/1007/6d/5b4c2226a6ba.gif Сейчас сделал такой вывод с помощью mooMasonry(mootools в проекте используется), но он у меня как-то не корректно работает в IE 6 и 7(сам где-то с версткой напорол немного). Не критично, конечно, но IE бывает еще вешает скрипт и пишет, что скрипт долго выполняется, а это уже проблема. Не могу найти решения для вывода таких колонок без JS, а на чистом CSS, да и опыта маловато. Может кто сталкивался с таким выводом? Был бы признателен за помощь! Заранее спасибо.

    Asked by dropoff,

    0 votes
    23 answers

  17. ie7 hr

    Всем привет. Решил сверстать простой шаблон - появилась проблема оступами у элемента hr в ie7 @CHARSET "UTF-8"; *{ margin: 0px; padding: 0px; font-family: sans-serif; font-size: 16px; } #wrapper{ width: 960px; margin: auto; } #wrapper #header{ height: 50px; background-color: teal; padding: 10px; } #wrapper #header p{ font-size: 12px; } #wrapper hr{ margin-top: 0px; height:5px; background-color: #295C4A; } <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href = "stylesheets/testing_temp…

    Asked by midnight,

    0 votes
    4 answers

  18. проблема с float в ie6

    В ie6 правый блок (right) съезжает вниз, в остальных смотрелках все нормально отображается. Пожалуйста подскажите. <style type="text/css"> body { background-color: #666666; background-image: url(ventuno.gif); background-repeat: repeat; margin: 0; } .trans { opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter:alpha(opacity=50); -moz-opacity:0.5; background-color:#000000; width:100%; height:100%; position:absolute; margin:-30px; z-index:-1; } .container{ width:800px; margin-left: auto ; margin-right: auto; /*//display: inline;*/ } .shapka { position:relative; color:#FFFFFF; width:790px; height:100px; padding:30px; …

    Asked by alexgeo,

    0 votes
    3 answers

  19. помогите с меню!

    такок вот срочное дело, есть меню, как сделать в нём что-бы в разделе показывался actice link, в подразделе подсвечивался выбраный hover и как сделать чтобы при наведение на последний пункт содержимое не вываливалось из блока. HTML: <ul id="cssmenu"> <li><a href="#" id="hz1">Главная</a> </li> <li><a href="#" id="hz2">Компания</a> <ul> <li style="width:450px;> <a href="#"></a> <a href="#">История компании</a> <a href="#">Административный менеджмент</a> <a href="#">Технический менеджмент</a> </li> </ul> </li&…

    Asked by -O-J-A-,

    0 votes
    4 answers

  20. Выпадающее подменю

    Привет. Подскажи, с помощью чего на этом сайте (ypag.ru) сделан раскрывающийся список раздела? С помощью чего сделать тоже самое?

    Asked by antonios,

    0 votes
    5 answers

  21. div-ы по ширине

    Как выровнять блоки по ширине. Сайт резиновый, в контенте стоит некое количестве блоков фиксированой ширины с флоат:лефт, количество их в строке ставится под ширину браузера, но проблема, как их выравнивать по ширине, чтобы небыло справа большого отступа. Смотрите тут: http://club-cod4.ru/portfel/tramp/razdel.html (не спам) Другими словами нужно align=justify, но в место теста блоки (дивы).

    Asked by gamer2010,

    0 votes
    1 answer

  22. Лайтбокс и видео ролик

    Здравствуйте. Кто сталкивался с такой проблемой. Есть видео ролик и использоваться лайтбокс. При нажатии на лайтбокс его окно залазит за сам ролик почему так происходит непонятно( так как div с боксом имеет position:absolute, а ролик не имеет вообще никаких css стилей, только параметры. Берется прямо с ютуба. Вот пример Вот сss lightbox display:block; height:auto; left:408px; outline:0 none; overflow:hidden; position:absolute; top:575px; width:600px; z-index:1002; что может быть такое перелопатив горы интернета чето не пойму в чем может быть проблема

    Asked by voooodoo,

    0 votes
    2 answers

  23. Chrome и input

    Как сделать так чтобы Chrome отображал input, как и все остальные браузеры. Все сделано просто. <div> <input> </div> У div фон задан. Не могу побороть - желтый цвет. Заранее благодарен за ответы.

    Asked by soot,

    0 votes
    9 answers

  24. XHTML

    Вот изучал вашу статью на сайте и у меня возникли вопросы. В разделе требуется закрывать все теги. Как именно закрывать одинарные например <br>, закрывать пример1 Я сегодня<br>выпил чаю</br> пример2 Я сегодня< /br>выпил чаю. Только ли одинарные теги должны завершаться слэшем?

    Asked by ret,

    0 votes
    26 answers

  25. создание таблицы

    хочу сделать таблицу из 3х ячеек. Что бы в первом ряду были две ячейке, а во втором одна. У каждого ряда свой цвет когда сделал таблицу получается расстояние между ячейками в первом ряду хотя в ксс явно указывал размеры границы. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>1</title> <style type="text/css"> table { background-color: #E4EAF2; border-width: 2px; border-style: solid; border-color: #072A66; } .title { background-color: #5B84C5; color: #FFFFFF; border-width: 0px; } </style> </head> …

    Asked by Xaver,

    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