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. Высота таблички

    Попытался сделать сайт табличками,не получается установить высоту верхней ячейки для логотипа(она получается в одну строчку,а я пытаюсь ей поставить 25% от всей высоты).Кого не затруднит укажите ошибку. Прошу не бить тапочком за оформление поста. Вот хтмл: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <link rel="stylesheet" type="text/css" href="Style.css" /> <HTML> <HEAD> <TITLE>Сайт с помощью таблицы</TITLE> </HEAD> <BODY > <table id="maket" cellspacing="0" ce…

    Asked by overklick,

    0 votes
    3 answers

  2. Вёрстка флэш сайта

    Здравствуйте, Подскажите как верстаются флэш сайты. А точнее как им предаётся резиновость?

    Asked by Воитель,

    0 votes
    7 answers

  3. Проблема с inline-block`ом

    Скажите пожалуйста, возможно ли код <div style="margin:0 200px; border:1px solid black"> <div style="width:400px;background:#09C;height:100px;display:inline-block"> </div> </div>подправить таким образом, что бы внутренний блок не вылезал за пределы контейнера, а распирал его при уменьшении ширины страницы?

    Asked by MIT,

    0 votes
    2 answers

  4. В ИЕ цвет gif'a отличается от других

    В ИЕ цвет gif'a отличается от других. С png я знаю как решать проблему, а вот с гифом нет. У кого какие соображения.

    Asked by Brain_activities,

    0 votes
    9 answers

  5. Горизонтальное выравнивание блока между двумя абсолютно позиционируемыми блоками

    Есть такой расклад. По краям идёт два блока абсолютно позиционируемые. Можно ли средний блок отцентрировать относительно этих блоков без использования атрибута float для этих крайних блоков? То есть, если крайние блоки зафлочены, то мы можем выровнять средний блок с помощью overflow:hidden, а если они абсолютно позиционируемые? Пример кода CSS: #header {position:relative; height:200px;} #telo {width:100%; height:150px; background:#00FF33; position:absolute;} #blok1 {width:100px; height:80px; border: 1px solid #000000; position:absolute; top:20px; left:30px;} #blok2 {width:250px; height:15px; border: 1px solid #000000; position:absolute; top:20px; right:30px;} #blo…

    Asked by Belovsan,

    0 votes
    4 answers

  6. Div и вложенная в него широкая таблица (шире окна)

    Всем привет, Есть, если упростить код, подобная структура <div class="wrapper"> ... <table>...</table> ... </div> Таблица генерируется автоматичиски, т.е. ширина самой таблицы заранее не известна. Если ширина таблицы слишком большая и выходит за пределы окна, то див всё равно принимает ширину равную 100%. Соответственно, все остальные помещенные в него дивы и бэкграунды также прилипают к правой стороне браузера. Вопрос, существует ли какое-нибудь решение, чтобы заставить див принимать всю ширину таблицы? Пока остановилась на варианте display: table, но тут ИЕ7 в пролете. С display: inline-block, также были проблемы в Опере. Верстка в принцип…

    Asked by sigma77,

    0 votes
    17 answers

  7. Большое фоновое изображение Для сайта.

    Доброго времени суток. уважаемые коллеги. Есть .jpg изображение размером 1600px X 1600px. Как сделать его фоновым для сайта. Так что-бы фото растягивалось на 100% монитора вне зависимости от размера монитора пользователя? Google не дал адекватного ответа. Стакой проблемой сталкиваюсь в первый раз.

    Asked by taran,

    0 votes
    14 answers

  8. Возможно ли горизонтальное центрирование блока относительно соседних блоков

    Вот пытаюсь понять как "думает" CSS. Есть три блока, которые выстроены по горизонтали. Ширина страницы резиновая. Значит как я их выстраиваю. Один блок float:right; второй - float:left;. Тот что посредине - падает в середину сам при заданном margin:0 auto; И всё бы хорошо, но центрирование среднего блока происходит не относительно соседних, а относительно общей ширины страницы. А мне бы хотелось чтобы отступы от соседних блоков до центрального были одинаковыми. Можно это как-то сделать? На пальцах рассказал, а вот сам код CSS: #telo {width:100%; height:150px; background:#00FF33;} #blok1 {width:100px; height:80px; border: 1px solid #000000; float:left; margin:0 10px;} …

    Asked by Belovsan,

    0 votes
    39 answers

  9. Не отцентровать шапку

    Центрую шапку для всех разрешений,под 1280 всё ок,но на больших разрешениях шапка всё равно слева.Вот сайт: http://seventh-legion.ru/ вот код,перепробывал уже вроде всё,но результат тот же((( <body> <jdoc:include type="modules" name="banner1" style="raw" /> <div style="background:url(<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg); background-repeat:repeat-x; width:100%; margin:0 auto;"><a id"><a id="-logo<?php echo ($logo_as_image)? '' : '_styled'; ?>" href="./"><img src="<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg"></a> </div> кто н…

    Asked by stardel,

    0 votes
    14 answers

  10. Проблема с банерами

    Народ помогите разобраться в чем проблема при размешение банера справа пропадает банер слева. сайт на Joomla 1,5

    Asked by ssnkvd,

    0 votes
    7 answers

  11. svg

    Возможно подключить svg из отдельного файла xml в xhtml? И вообще стоит ли оно того, если IE поймет такое только с 9.0?

    Asked by Ururu,

    0 votes
    2 answers

  12. bgsound on\off

    Не подскажите как добавить кнопки включение и выключения музыки добавленной через bgsound?

    Asked by sh1va,

    0 votes
    4 answers

  13. css

    Где можно прочесть о вложенности тегов в оформлении css? Наверно вопрос немного не корректный, вот пример... ul#menu li:hover ul, ul#menu ul li:hover ul, ul#menu ul ul li:hover ul,

    Asked by Ururu,

    0 votes
    4 answers

  14. Кнопки-ссылки

    Подскажите, пожалуйста, как сделать ссылки виде кнопок?

    Asked by anna-2010,

    0 votes
    9 answers

  15. Горизонтальный скрол и подвал взлетел

    Здравствуйте, вот ссылка на моё творение: http://melmak.ru/velo-tuning/Page-1.html Ещё осталось подвал заваять, но почему-то он взлетел. И скрол горизонтальный по моему не оправдано ставиться браузерами. Проверяю пока на IE и опере. Принимаю всю критику, даже по дизайну

    Asked by Воитель,

    0 votes
    13 answers

  16. Движение объекта

    Добрый вечер всем, необходимо решить такую задачу: скажем есть у нас фон странички bg.jpg, и есть некий объект cube.jpg который располагается внутри ДИВа. Так вот, необходимо сделать так, чтобы когда юзер елозил курсором по сайту, этот див к примеру плавно бегал влево-вправо, но чтобы это было плавно. Гугл ничего вразумительного не выдает. Где то видел подобные решения, но вспомнить сайты уже получается.

    Asked by locidoki,

    0 votes
    10 answers

  17. max-width и min-width в ie8

    Делаю резину. (~4мб) index.html pastebin style.css pastebin Контейнер: position:relative; Все внутренние блоки: position:absolute; В нормальных браузурах тянется, как положено. Даже в ie7 тянется правильно. А вот в ie8 выходит какая-то ерунда. Там, где прописываю max-width - действительно, максимальная ширина работает, но не обращает внимания на right:0; и, обрезая правый край, тянет блок к середине. На min-width, ie8 совсем не обращает внимание. В режиме совместимости с ie7 все работает отлично, но, это вроде как не панацея.

    Asked by radist2s,

    0 votes
    23 answers

  18. META-COD

    У меня к вам просьба; какой мета-код надо поставить на страничке для старорусской букве "ять"? Я пробовал эти... 1) <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=Windows-1251"> 2) <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8"> 3) <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=KOI8-U"> НЕ ПОЛУЧАЕТСЯ. Почему? mac-condor@mail.ru

    Asked by mac-condor,

    0 votes
    11 answers

  19. Длина ячейки таблицы

    Попробовал прсото без применёных стилей ничего обычный код написать,чтоб потом применить стили,от меню отступилось 250 пикселей, а второй столбец не пошёл до конца, а на расстояние только сделал. Если пробовать менять ширину второго столбца ничего не меняется. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head><title>Главная</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <table width="900" cellpadding="0" cellspacing="0" > <tr> <td><img src="verx.jpg"> &lt…

    Asked by people2010,

    0 votes
    8 answers

  20. Как правильно прописать "selection" ?

    Решил вот поменять цвет выделения на сайте - добавил в css. файл строку ::selection { background: #1BBADF; color: #FFFFFF; } ::-moz-selection { background: #1BBADF; color: #FFFFFF; } Текст выделяется как положено, но при валидации возникла ошибка Предупреждение: Неизвестный псевдокласс или псевдоэлемент «selection». Правило проигнорировано из-за плохого селектора. Что делаю не так подскажите пожалуйста?

    Asked by Freeman Liberty,

    0 votes
    3 answers

  21. Родители центруют но он всё равно уходит на лево

    Вот кусочек кода: <div style="width:80%; text-align:center;"> <div style="margin-left: auto; margin-right: auto;"> <div style="width:148px; background:#8111B1;"> <!--<div style="float:left; background:#8F9EB1; color: #8111B1;">--> Это будет самый лучший сайт в мире!!! И этот мир станет лучше!!! <!--</div>--> </div> </div> </div> Почему этот слой уходит налево. Ведь его родители заставляют его встать по центру. Суть всех этих изощирений: разместить по середине сайта некую информацию столбиком, вроде списка только без всяких цыфр и точек.

    Asked by Воитель,

    0 votes
    3 answers

  22. Ни как не даётся вёрстка блоками

    Здравствуйте, ни как не могу понять логику блочной вёрстки. Уже давно работаю в вебе, но не когда не требовалось верстать, точнее всегда вполне хватало табличной. Свободно работаю в ООП, знаю php, теги html. Но вёрстка ни как не даётся мне. Перечитал уже много статей, но по прежнему я не програмирую а подбираю. Посоветуйте какую-нибудь литерату для совсем чайников. И как к вам пришло понимание дивной вёрстки.

    Asked by Воитель,

    0 votes
    13 answers

  23. меняетм шапку

    есть шаблон с шапкой img1 нужно на некоторых страницах img1 заменить на img2, третих на img3 как-то можно поставить типа маркер в статье, чтоб из css брал соответствующих рисунок

    Asked by jurassik,

    0 votes
    3 answers

  24. как ограничить textarea

    В input с помощью maxlength можно указать максимальное вводимое количество символов в поле, а как так же сделать для textarea?

    Asked by Angel_33_3,

    0 votes
    14 answers

  25. Скрытие/Раскрытие колонок таблицы путем подмены класса ячейки через Javascript

    Добрый день, пожалуйста, подскажите Новичку! Задача. Есть достаточно большая таблица, которая должна быть пригодна для ручного редактирования в Визивиг-редакторе системы CMS. При показе ее на сайте должна отображаться только самая левая колонка ПЛЮС еще одна колонка(группа колонок), зависящая от выбранного пользователем варианта. Поискав на разных форумах нашел что-то подобное, что вроде бы должно работать одинаково в основных браузерах. Адаптировал найденное под нашу задачу, проверяя работу под IE. НО потом оказалось, что в Опере и FF скрипты работают, но несколько по другому. ПОЧЕМУ - понять не могу. Прошу помощи в исправлении ошибки. Буду благодарен, если предложите …

    Asked by Avihr,

    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