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. Горизонтальные полосы прокрутки

    Доброго вечера уважаемые! Помогите пожалуйста, не знаю уже что и делать, делала сайт на большом экране, а когда повесила в инет появились внизу полосы прокрутки, причём у кого мониторы меньшего разрешения смотреть сайт очень не удобно, сегодня целый день билась, картинки уменьшала, думала поможет, но нет, не помогло, не знаю что делать! Помогите плиззз, кто чем может! Вот ссылка: http://www.flmebel.ru

    Asked by Feeshka,

    0 votes
    12 answers

  2. Размеры фонового изображения

    Каким тегом или свойством автоматически растягивать фоновое изображение в зависимости от разрешения экрана? Процентное отношение?

    Asked by nyatl,

    0 votes
    5 answers

  3. Несколько цветов фона

    Здравствуйте, я еще совсем новичок, поэтому прошу совета. С помощью каких тэгов можно реализовать несколько цветов фона (как на картинке). Чтобы эти цвета были не на всю страницу, а только обрамляли текст. Желательно только htlm, если это возможно. Мне нужна просто маленькая подсказка, остальное буду сама делать. Спасибо!

    Asked by solenie,

    0 votes
    2 answers

  4. Межстрочный интервал

    Здравствуйте уважаемые знатоки Интервал между строчками задается тегами Р или BR. Я хочу сделать расстояние меньше, чем Р и больше, чем BR. Если это условие проставлять в каждом теге Р, то нормально <p style="margin:3px 5px;> Но я не могу сообрзить, как это сделать для нескольких строк, к примеру Яблоки Груши сливы написанные в ячейке таблицы. Посоветуйте пожалуйста, что надо прописать в стилях и указать в ячейке таблицы <td>, чтобы расстояние между строчками было, к пирмеру, равно 5 PX Заранее благодарен

    Asked by beze,

    0 votes
    12 answers

  5. просмотр видео как в YourTube

    что можно вкрутить в html код, чтобы в страницу был встроен проигрыватель flv как в yourTube?

    Asked by vovchikku,

    0 votes
    3 answers

  6. тест в div ниже чем нужно в IE7

    Приветствую. Извените за партяну. Проблема - текст "МЕНЮ 2" ниже чем "МЕНЮ 1" в IE7 (в FF3 и Opera 9 - все правильно) - как решить не знаю, нужно поднять "МЕНЮ 2" до уровня "МЕНЮ 1". http://validator.w3.org/check - говорит что ошибок нет. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> .fll { float: left; } .whb { font-size: 7pt; color: #FFFFFF; font-weight: bold; } .men { …

    Asked by cvn,

    0 votes
    0 answers

  7. Картинка по центру. DIV или TABLE.

    Подскажите пожалуйста, никак не могу разобраться. Как выровнять div с вложенным img по центру при любом разрешении монитора. Картинка 512 на 521, вложенная в div. Div при этом получается дочерним элементом окна браузера. Или такое просто невозможно и без таблицы не обойтись? Спасибо за помощь.

    Asked by romanist,

    0 votes
    12 answers

  8. Странный глюк

    Здравствуйте! Глюк в следующем: есть меню в самом верху страницы. Но почему-то, ближе к правому нижнему углу, есть зона, которая идентифицируется как фон того самого верхнего меню. Для наглядности можно пройти сюда: ссылка, кликнуть вторую кнопку слева (чат) и посмотреть на форму написания сообщения в чат, а заодно и попробовать в него написать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Авангард Света</title> <link type="text/css" rel="StyleSheet" href="http://avangardsveta.com/CSS/Test.css"> <style type="text/css"> * {padding:0px;margin:0px;outli…

    Asked by Gamer,

    0 votes
    2 answers

  9. Фоновое изображение

    Добрый день. Я хочу сделать так, чтобы фоновое изображение оставалось на одном месте(фотография), не было его повторов и текст как бы прокручивался. Фон должен находиться по центру и полностью размещаться на видимой части страницы(необязательно). Спасибо

    Asked by nyatl,

    0 votes
    3 answers

  10. картинка "NEW" для определнного элемента меню

    Здраствуйте, нужно пририсовать "new" как на картинке, к определенному элементу меню. Меню вида <ul> <li id="4">новинки</li> </ul> Проблема в том что new как бы "наезжает" на другие слои. Вопросы следующие: 1. можно ли это реализовать не меняя код внутри <ul> т.к. меню генерируется при помощи cms 2. если п.1 невыполним тогда как лучше реализовать это изменив меню? Спасибо код тут: http://weblad.ru/c/jshop/

    Asked by weblad,

    0 votes
    1 answer

  11. Как заствить ИЕ понимать overflow:hidden;?

    Подскажите, пожалуйста решение проблемы: ИЕ не понимает overflow:hidden; пробовал разные варианты, к примеру position: relative; Надо для скрипта с прокруткой "обрезать" часть дива, т.е. есть блок 4000 при клике блок перемещается вправо/влево, соответственно есть блок с шириной 650, который должен обрезать содержимое блока с шириной 4000, НО в конченном ИЕ не работает. исходник скинул в архив (76,4 KB) http://upload.com.ua/get/900763317/ заранее спасибо за помощь

    Asked by reboot,

    0 votes
    17 answers

  12. Ошибка в коде странички

    Здравствуйте. У меня есть страничка. Все устраивает как работает, но если открыть в опере то появляется некий глюк: все картинки ссылаются на один и тот же файл хотя в фаирфоксе все как надо работает. Помогите исправить. Спасибо http://vadja.justhoneys.com/ P.S. Детей от мониторов. На страничке взрослые картинки!!!

    Asked by vadja,

    0 votes
    3 answers

  13. Расположить div по центру внутри другого div

    Есть такой пример. <style type="text/css"> #div1 {float:left} #div2 {margin:0 65px 0;width:75%} </style> <div> <div id="div1">картанка</div> <div id="div2">текст<br><br>текст<br><br>текст<br><br>текст</div> </div> Как сделать так что бы слово картинка располагалась по центру по вертикали относительно высоты блока div2. (блока с текстом)

    Asked by Prizrak,

    0 votes
    1 answer

  14. 3 diva и IE

    есть сайт vip.directgifts.ru в нем боковые модули имеют окантовку которая образуется с помощью 3 дивов: но почему то в IE ( 6 i 7 ) верхняя шапка то появляется то исчезает. И если повыделять файл то шапка появляется. Подскажите почему?

    Asked by Bickaze,

    0 votes
    3 answers

  15. Рамка с закругленными краями

    Как можно сделать рамку с закругленными верхними краями без таблиц?

    Asked by Kenshi45,

    0 votes
    3 answers

  16. неправильно отображается ширина div в ie 6

    Привет. Я новичок. Начал изучать верстку div-ами. 1. Нарисовал слой. задал ей рамку, оцентровал. 2. В этом слое далая отступы и обрамляя в рамки создал 3-колоночный шаблон с футером и хедером. 3. Получилась своеобразная капуста из вложенных в друг друга рамок. Вопрос: В ie7, opera 9.x, mozilla, chrome все ок. в ie6 рамки разваливаються и смещаються вниз. Если я делаю ширину таблиц на 1-2px меньше, то все приходит в норму но в остальных браузерах появляеться сдвиг слоев на эти 1-2 px. Решал путем добавление в местах использования float известный fix "display:inline;" не помогло. Попробовал подключить css специально отредактированный под ie6 через <!--[if lte IE 7]&g…

    Asked by ejikiller,

    0 votes
    1 answer

  17. Аддоны к фф

    Как называется аддон для ff3, где можно просматривать стили элемента прям на странице через ctr+shift+y?

    Asked by Kenshi45,

    0 votes
    3 answers

  18. Проблема в Firefox. Нужен хак или совет.

    Добрый день. У меня проблема с <textarea></textarea> Нужно задать строго ширину, но кроссбраузерность страдает. Для оперы, ие я задал ширину -4px и все стало смотреться нормально, но только на MAC'е. На PC-версии firefox'a ширина получилась на 4 пикселя больше. Может есть какой-то хак для лисы под виндой? Или через скрипт надо как то сделать.. В нете нашел скрипт "хаки для любого браузера под любой ос" но не работает почему-то. (на харбе был, способ как .win .ff3 question_div textarea { width: 296px !important; } Посоветуйте пожалуйста что делать.

    Asked by Амель,

    0 votes
    4 answers

  19. Подскажите элегантное решение без таблиц

    Доброго всем! Есть вопрос для опытных.... Есть задача сверстать макет с центральной колонкой фиксированной ширины, растянутой по вертикали -- чтобы она располагалась по центру окна броузера. Приблизительно так, как изображено на этой схемке: ┌───┬───────┬───┐ │ ┤ ├ │ │ ┤ ├ │ └───┴───────┴───┘ Вокруг центрального блока есть хитрая тень-текстура (шириной около 200 пикселей с каждой стороны), нарисованная дизайнером - именно из-за нее весь сыр-бор и приключился. Нужно чтобы эта тень-текстура была именно на фоне (из-за ее ширины появление горизонтального скролла недопустимо), и чтобы вплотную окружала контент-блок -- слева и справа от него. Если применить…

    Asked by abused,

    0 votes
    6 answers

  20. Поисковики. Принцип работы!

    Незнаю в каком раздели написать мой вопрос, В общем решил в этом. Суть проблемы состоит в том что, у меня был сайт его начали замечать поисковики. Но вот буквально 3 недели назад я кардинально сменил тему сайта и контент, единственное что осталось прежним это адрес сайта. А поисковики продолжают выводить ссылки те данные и страницы которых уже реально нет на сайте. Как это можно изменить??? Подскажите!!!!

    Asked by ванька,

    0 votes
    6 answers

  21. Размеры и масштаб

    В чем правильнее задавать размер текста, контейнеров и прочего в em,px,pt,% и т.п.?

    Asked by Kenshi45,

    0 votes
    2 answers

  22. как разместить div по центру страницы

    Собственно вопрос в теме, с IE я его решил, через хак, а вот чтоб на чистом css не получается, собственно, ниже код, из него все понятно <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Документы</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style> body{ width:100%; height:100%; margin:0; font : 12px Verdana; } #container{ position: relative; width:900px; min-height:228px; background-image:url(kepka.jpg); background-repeat:no-repeat; background-position: right…

    Asked by kich,

    0 votes
    2 answers

  23. Верстка таблицы

    Здраствуйте у меня проблемма, не могу сделать чтоб две таблицы отображались внутри базовой таблицы одинаково (в опере норм, в эксплорере нет) помогите пожалуста разобраться в чем проблема, код внизу <table border="0" cellpadding="0" width="100%" height="223"> <tr> <td valign="top" WIDTH="180"> <TABLE WIDTH="175" height="223" CELLPADDING="3" CELLSPACING="1" CLASS="blok"> <TR> <TD CLASS="blok_name" HEIGHT="27" colspan="2">вапвапвап</TD> <TR> <TD><IMG SRC="images/menus/im_lunch.gif" ALT=""></TD> <TD><a href="/index.php?zaved=1&edit5&catid1=5">вапва</a></TD> </TR&…

    Asked by zerg,

    0 votes
    12 answers

  24. Помогите с шириной!

    Так вот, у меня изменяется вроде как ширина центрального блока(основной контент) Помогите пожалуйста! Уже как пол месяца не могу понять в чём дело! Огромное спасибо! Вот код CSS body { scrollbar-3d-light-color: black; scrollbar-arrow-color: 333333; scrollbar-base-color: 333333; scrollbar-dark-shadow-color:black; scrollbar-face-color: #ccffcc; scrollbar-highlight-color: white; scrollbar-shadow-color: black; scrollbar-track-color: #77bbff; background-color : #77bbff; } .textg{ font-family: 'Verdana', 'Tahoma Verdana '; font-size:9pt; font-style:italic; font-weight: 100; font-variant:small-caps; } .textm{ font-family: 'Arial', 'Tahoma Verdana '; font-size:11pt;…

    Asked by Glebr,

    0 votes
    10 answers

  25. замена iframe

    подскажите плиз как какую нить альтернативу iframe !везде сейчас информашка грузится в слои...неделю бьюсь и ниче не получается...откапал в инете воть такую строчку по адрессу http://aquanet.nm.ru/aquasite/_mostwantedc...ing.html#jQuery : <script type="text/javascript" language="JavaScript"> <!-- $(document).ready(function(){ $('#при_клике_на_элемент_с_этим_ID_(это может быть и пункт меню, и изображение и любой другой элемент, включая body)').click(function(){ $('#загружается_информация_в_элемент_уже_с_этим_ID_(это может быть как DIV, так и другой подходящий контейнер)').load('из_файла_с_этим_названием.html'); }) }); --> </SCR…

    Asked by Aleksandrid,

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