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. Как добавит 2 изображения на фон?

    На моём сайте тиражируется один фон но в одну таблицу мне нужно поместить как фоновое изображение ещё одно изображение я так и делаю но опять же интернет эксплорере это работает а в других браузерах нет

    Asked by Игорь Ермаков,

    0 votes
    12 answers

  2. Высота 3х колонок - 100% (проблема)

    Грубо говоря надо дивами получить то, что получится такими вот табличками: <html> <head> <style type="text/css"> html,body{ padding: 0; margin: 0; height: 100%; width: 100%; } </style> </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" height="100%"> <tr> <td height="70" bgcolor="#FFFFCC"> </td> </tr> <tr> <td height="30" bgcolor="#FFFF99"> </td> </tr> <tr> <td valign="top"> <table width="100%" border="0" cellspac…

    Asked by Chin,

    0 votes
    17 answers

  3. Центрование фиксированного div'а

    Задумка следующая: зафиксировать сверху по центру небольшую навигационную панель с выпадающим меню на CSS? Нимогу никак сообразить, как зафиксировать в центре по ширине DIV. Помогите!!!

    Asked by mozart,

    0 votes
    2 answers

  4. Ширина 3-ей колонки

    Вот есть у меня главный слой. В нём 3 колонки, 2 заданной ширины, а 3-я что бы сама растянулась на оставшееся место, а как - подскажите. Параметр height: 100% только переносит колонку на новую строку и растягивает во всю ширину главного слоя. height: auto растягивает колонку в зависимости от содержимого. А больше я незнаю чего бы применить.

    Asked by Yahoo!,

    0 votes
    3 answers

  5. Картинка вместо кнопки отправки данных

    Здравствуйте. Подскажите, пожалуйста, возможно ли сделать вместо кнопки для отправки данных картинку? type="image" пробовал, картинка вставляется, при нажатии переходит на нужную страницу, но данные формы не отправляются. Как я понял данные отсылаются только при submit. Возможно ли с submit вместо кнопки сделать картинку? Извините за беспокойство. Уже нашел

    Asked by m4es,

    0 votes
    1 answer

  6. Вопрос о списках

    Есть страница: _http://utorrent.org.ua/index.htm CSS здесь: _http://utorrent.org.ua/style.css В шапке есть "сепаратор (разделить)" между ссылками. Подскажите, что нужно поправить, чтобы сепаратор не использовался для первой ссылки "ГЛАВНАЯ". Как правильно сделать исключение?

    Asked by Mr.Smith,

    0 votes
    3 answers

  7. какой тег отображается если содержание <object> браузер не поддерживает ?

    и так сегодня сделал даты новостей в портфолио вертикальными (вот посмотрите чтоб понять о чем идет речь _http://ruster.info/categories/1/1 ) через SVG и еще специально сделал для IE. но все же это не полноценное решение, так как остаются еще и мобильные устройства которые не поддерживают SVG. у меня такой код <div class="time_readmore"><div> <object type="image/svg+xml" data="data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg'><text x='-36' y='12' style='font-family: Verdana; font-size: 12px; text-anchor: middle' transform='rotate(-90)' fill='#FFF'>30.08.2008</text></svg>" class="vertical_svg_text"></object> <!--…

    Asked by Ruster,

    0 votes
    6 answers

  8. Резиновость сайта и кроссбраузерность

    Добрый день. У меня есть готовый дизаин (вроде простой), но нужно сделать его резиновым. Знаю только способ когда однородная текстура замащивают картинкой (repeat), а в моем случае неоднородная. Посмотреть страницу можно здесь www.design.zs9.ru/svadba.html . Не обращайте плиз внимание на рекламку (это прелести бесплатного хостинга). Я сделала главную таблицу резиновой (указала размеры в процентах), черный квадрат-это ячейка таблицы тоже в процентах тянется. Недорозумение выходит с горизонтальной картинкой , она должна четко стыковаться с черным квадратом и рамкой таблицы. На том компе на котором делала добилась желаемого с помощью стилей, но если менять разрешение экран…

    Asked by margo,

    0 votes
    1 answer

  9. Не отображается шаблон

    Не отображается шаблон В шаблоне файл header.tpl находится меню сайта При загрузке ничего не отображается Скрипт загрузки шаблона: <?php $_SERVER['DOCUMENT_ROOT'] = '/home/u95540/mr-apple.ru/'; require($_SERVER['DOCUMENT_ROOT'].'/libs/Smarty.class.php'); $smarty = new Smarty(); $smarty->template_dir = $_SERVER['DOCUMENT_ROOT'].'/templates'; $smarty->compile_dir = $_SERVER['DOCUMENT_ROOT'].'/templates_c'; $smarty->cache_dir = $_SERVER['DOCUMENT_ROOT'].'/cache'; $smarty->config_dir = $_SERVER['DOCUMENT_ROOT'].'/configs'; $smarty -> assign("text"); $smarty -> display("./templates/header.tpl"); ?> Подскажите что сделал не так???

    Asked by Saimon,

    0 votes
    1 answer

  10. Непонятный мне хинт с колонками одной высоты

    Заметил одну странную штуку, хочу понять её природу. Сначала о штуке. Есть 2 слоя(опустим их стили): <div id="left"> ... </div> <div id="right"> ... </div> Они неизвестной высоты, но должны зрительно вытягиваться так, как будто она одинакова и равна максимальной. Для решения этой задачи я сделал так(колонки одного цвета), задав слою content "background: #FFFFFF;". <div id="content"> <div id="left"> ... </div> <div id="right"> ... </div> </div> В результате - ничего. Но стоило добавить слою content "float: left;" и всё отобразилось как надо во всех имеющихся у меня браузерах. Почему так?

    Asked by Choo,

    0 votes
    3 answers

  11. Opera и отступ после clear

    У меня есть 3 блока, которые включают в себя несколько элементов, различных по высоте. Между ними слой clear, выполняющий понятную функцию. Проблема возникла тогда, когда между вторым и третьим блоком мне нужно было сделать отступ. Он почему-то был виден везде, кроме оперы. Пришлось изменить html-код на такой: <div class="clear"> </div> А в css записать так: div.clear { clear: both; height: 0; } Вроде работает, но меня беспокоит правильность решение. И с чего вообще в этих блоках, разделённых clear'ом, может не работать margin? З. Ы. Причём padding работает, а margin нет. Но padding не подходит по той причине, что у блока и разделителя разные цвета, да…

    Asked by Choo,

    0 votes
    1 answer

  12. Пробел между картинками

    Есть две картинки, нам надо их разместить вертикально одна под другой. Ничего сложного, используем следующий код. <p><img src="sample.gif" alt="1"><br> <img src="sample.gif" alt="2"></p> Так вот, при строгом доктайпе между картинками будет промежуток, при переходном доктайпе промежутка не будет. Проверял в Opera 9.2, Safari 3.1, FF 2. Один IE6 игнорирует доктайп и отображает без пробелов в любом случае. Никак не могу понять логику, при чем же здесь доктайп, однозначно влияет на line-height, которое меняется. Хотя казалось бы не должно. У кого какие соображения?

    Asked by Vlad,

    0 votes
    3 answers

  13. Страница на DIV.

    Не знаю как сделать, чтобы подменю не скрывалось в блоке, а появлялось по верху. В Mozille два вертикальных div-а растягиваются по размеру страницы, а в IE обтягивают текст. Это нормально? <STYLE type=text/css> body { overflow: hidden; padding: 0; margin: 0; width: 100%; height: 100%; } #header {padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; overflow: hidden; border: 1px solid #ccc; background-color: #ffd; } #left { padding: 0; margin: 0; position: absolute; top: 100px; left: 20px; bottom: 20px; overflow: auto; width: 200px; border: 1px solid #aff; } #right { padd…

    Asked by corol,

    0 votes
    6 answers

  14. Форум в теле сайта

    Премудрости веб дизайна и кодинга изучаю от силы неделю. Просто встал резкий вопрос о поднятии сайта для нашего клана , ну я как самый смелый и вызвался ><. Вот что получилось Mosthated.ru ( ИЕ6 не открывайте, там пнг одни -) а скрипт пока я не написал ), это пробный сайт и со временем буду его дорабатывать , но все ноют и хотят уже форум , я не хотел из начально ставить чистый форум, хотел не как у всех , скажем так . Так в чем суть . Сколько было в моих силах столько и перелопатил инфы, но без результатно >< Мне нужно что бы форум был по центру то есть на месте центральной прозрачной картинки , пробывал iframe но не подходит, ему нужно точно знать длину и ши…

    Asked by Bellski,

    0 votes
    14 answers

  15. Ширина в safari и chrome

    столкнулся с такой проблемой, мает сайта построен на таблицах, ширина центрального блока 100% левый и праывй фиксированны, во всех браузерах кроме safaari и нового chrome отбражается нормально, а в них не растягивается на весь экран, как можно решить эту проблему, подскажите)

    Asked by Guest Гость_Andrey_*,

    0 votes
    4 answers

  16. шрифты в firefox & IE

    создавал страницу, смотря в IE. всё, вроде, сделал по правилам. когда открыл её в firefox, то ужаснулся: текст в FF на два порядка более мелкий. стили заголовков также различаются. FF отказывается понимать стиль class= и делает отступы по умолчанию. они разными протоколами руководствуются? размер шрифта - самое ярое, что меня возмутило. похоже, что FF не умеет подставлять arial.

    Asked by Rilo,

    0 votes
    7 answers

  17. интересный код

    вот только что заметил это в коде вконтакте собственно... что значит выделенное?

    Asked by klierik,

    0 votes
    2 answers

  18. Отступы элементов формы в ИЕ

    Доброго времени суток! Помогите пожалуйста бьюсь уже долгое время с отступами у чекбоксов в ИЕ. Вот код: <table width="85%" cellspacing="0" cellpadding="0" > <form style="margin: 0px; padding: 0px;"> <tr> <td width="50%" align="left" >Цветность</td> <td width="50%" align="right"> <input name="" type="checkbox"> </td> </tr> …

    Asked by kulibinnxx,

    0 votes
    10 answers

  19. Не работают ссылки

    В ИЕ 6 не работают верхние ссылки-картинки на сайте. Как исправить? Див, с вложенной картинкой, которая разбивается на ссылки, с помощью карты-изображения: <div id="main_links"> <img src="i/links.png" border="0" usemap="#Map" width="699" height="151" /> <map name="Map" id="Map" style="z-index: 100" > <area shape="rect" coords="4,85,174,140" alt="Скидки" href="/discounts.php?all#pc" /> <area shape="rect" coords="160,31,332,86" alt="Путешествия" href="/travel.php#pc" /> <area shape="rect" coords="326,87,501,140" alt="Проекты" href="/projects.php#pc" /> <area shape="rect" coords="342,0,507,53" alt="Гаджет" href="/gadg…

    Asked by 100kd,

    0 votes
    2 answers

  20. Маркеры в display:inline

    После применения к li display:inline у списка пропали маркеры... Как сделать так, чтобы маркеры появились опять или это не лечится?

    Asked by styleroom,

    0 votes
    6 answers

  21. у ИЕ есть подобный инструмент как FireBug у ФФ ?

    сабж очень удобно в ФФ оттачивать стили и верстку. Но поскольку верстка не всегда в этих браузерах совпадает, то хотелось бы какой-то инструмент для настройки в ИЕ.

    Asked by oshaly,

    0 votes
    6 answers

  22. Фоновая картинка

    подскажите как сделать фоновую картинку резиновой (во всю ширину окна браузера)

    Asked by sklmaks29,

    0 votes
    3 answers

  23. таблицы

    делаю таблицу. не могу убрать лишнее расстояние между строками. добавляется порядка 10px несмотря на margin : 0; padding : 0; в css как для строк, так и для ячеек

    Asked by ivan,

    0 votes
    10 answers

  24. Не могу найти ошибку

    .... <head> <script language="javascript"> function getwidth(myPicture){ newImg = new Image(); newImg.src = myPicture; myWidht = newImg.width; myHeight = newImg.height; if (myWidht > 190 ) {myHeight = myHeight*(190/myWidht); myWidht = 190; } if (myHeight > 140) { myWidht = myWidht*(140/myHeight); myHeight = 140; } return myWidht } </script> </head> <body lang=RU link=blue vlink=purple style='tab-interval:35.4pt'> <table border="1" width="100%"> <tr> <td ><img src="r_s_220.jpg" width=getwidth("r_s_220.jpg")><br>баш</td> ..... Ошибка в гд…

    Asked by AzatSh,

    0 votes
    10 answers

  25. Выравнивание текста во вложенной таблце

    Здравствуйте, у меня есть проблема с выравниванием текста, никак не могу понять в чём дело. Суть в следующем: Есть вложенная таблица в таблице, во вложенной таблице есть текст, который напрочь отказывается центрироваться по вертикали. Код к примеру следующий: <table> <tr><td>text</td></tr> <tr><td> <table> <tr> <td valign="center" id="middle">Текст, который надо отцентрировать</td> </tr> </table> </td> </tr> </table> В чём дело не могу понять :[ #CSS #middle { vertical-align: middle } таблица

    Asked by Tairon,

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