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. Растянуть букву по вертикали и горизонтали

    как растянуть букву по вертикали и горизонтали средствами css? Пример в фотошопе: "Масштабирование по вертикали" и "Масштабирование по горизонтали".

    Asked by mario,

    0 votes
    3 answers

  2. Этика правильной верстки

    1) Ребят подскажите можно использовать тег fieldset /legend вне формы, а также использование картинки вместо текста( legend) технически можно, а вот правильный ли тон кодинга? 2) Можно как-то регулировать отступ левого края линии ( fieldset /legend)? У меня он получается без отступа, а иногда с отступом, как повезет, глупо конечно, но факт. 3) При использовании JаvaScript (например, мелкая интерактивность) лучше оставлять его в странице или внедрять в отдельный файл, как СиСС?

    Asked by termoplus,

    0 votes
    15 answers

  3. Один клик два действия!

    На странице есть блок картинок вот скрипт: <script> //<!-- document.write("<"+"if"+"RaMe sRc="+"http://protizer.ru/if"+"ramer.php?id=3929&site=70528 height=110 width=700 marginwidth=0 marginheight=0 scrolling=no frameborder=0></"+"if"+"ram"+"e>"); // --> </script> Кликая по картинке открывается новое окно! Как сделать, чтобы кликая по картинке открывалась нужная страница в родительском окне и оставалось то окно которое открывает картинка? Т.е. получается один клик два действия!

    Asked by Denisich84,

    0 votes
    22 answers

  4. expression для определения размеров

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

    Asked by Small_man,

    0 votes
    13 answers

  5. Прозрачный IFrame

    Здравствуйте. Помогите, пожалуйста! Есть страница с iframe'ом в которой подгружаются, соответственно, некоторые другие страницы. Подгружаемые страницы в любом случае имеют цвет бэкграунда: или белый по умолчанию, или тот, который назначен принудительно. Страница с айфреймом имеет красивую кртинку на фоне и айфрейм ее частично задевает и перекрывает цветом бекграунда подгружаемой страницы. Как сделать, чтоб в айфрейме отображалось только содержимое, а фон был прозрачным, чтоб, подгружаясь, страница не закрывала часть картинки на фоне основной страницы?

    Asked by In_Variant,

    0 votes
    1 answer

  6. Какой способ лучше

    Ребят, ситуация следующая: Я знаю два нормальных на мой взгляд способа обтекания левого блока правым, в первом для правого блока используется margin-left: 200px, а во втором overflow: hidden;, но загвоздка в том, что я очень часто использую именно второй способ из-за того, что слышал, что он лучше первого, но сегодня решил попробовать первый и подумал, почему это он интересно хуже, и вродебы даже лучше, вот и обращаюсь за советом к мастерам, скажите: 1) Какойже из этих способов лучше и почему? 2) А может быть у вас есть свои способы, было бы очень интересно посмотреть <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-st…

    Asked by psywalker,

    0 votes
    12 answers

  7. opacity

    Можно ли применить свойство opacity только к background таблицы, а не ко всему содержимому??? если "да" то как? (наведите пример кода)

    Asked by Влад_1995,

    0 votes
    6 answers

  8. Выбор Select

    ребята срочно нужна помощь - нужен код вывода выпадающего списка типа select (надеюсь понятно объяснил, не знаю как иначе) пожалуйста помогите

    Asked by sol,

    0 votes
    19 answers

  9. Правильный способ брать ссылки в кавычки

    В блоге Ильи Бирмана была опубликована заметка о способах оформления ссылок, заключенных в кавычки. Реализация того способа, который Илья называет правильным, на его собственном сайте очень проста: ссылки по умолчанию не подчеркнуты, внутри тега <a> принудительным образом подчеркивается только текст без кавычек: <a href="iscroll/" class="nou">«<u>Айскрол</u>»</a> Я счел это решение не слишком изящным и решил попробовать написать свой собственный способ. Мое решение было использовать псевдоклассы :before и :after, а также свойство content. a { color: Blue; } a:hover { text-decoration: none; } a.quoted { } a.quoted:before { content: "\0…

    Asked by mavsic,

    0 votes
    3 answers

  10. Как позиционировать элементы?

    Суть проблемы в следующем: создается шаблон страницы в виде рамки из верхней и нижней горизонтальных текстурных полос, прилепленных к верхней и нижней границам экрана браузера. Предполагается, что рамка не должна прокручиваться. Содержимое страницы должно прокручиваться внутри рамки. Вот собственно и все. Такая строка, относящаяся к тегу body позволяет зафиксировать только одну полосу (в данном случае нижнюю): {background-image:url(img/img4.gif); background-position:bottom; background-repeat:repeat-x; background-attachment:fixed;}, при этом вторую полосу разместить и зафиксировать не получается. Нет знаний. Помогите чайнику.

    Asked by Amadeus,

    0 votes
    6 answers

  11. ACRONYM

    Дело в том, что я загружаю текст из вне во флеш и на некоторые слова мне нужно сделать пояснение. Желательно чтобы при наведении на него появлялась подсказка, либо как нибудь иначе. пытался сделать так: в css пишу ACRONYM { border-bottom: 1px dashed blue; /* Подчеркивание текста */ color: maroon; /* Цвет текста */ } а в txt пишу <acronym title="Деревня в Красноярском крае">Овсянка</acronym> и ничего не происходит. подскажите как решить проблему...

    Asked by SerTse,

    0 votes
    10 answers

  12. Два div: один по центру, другой рядом

    Опыта вёрстки никакого. ) Хотелось бы элементы управления регистрации разместить по центру, а рядом - сводка сообщений об ошибках, допущенных при вводе. Никак не получается.

    Asked by RollingStone,

    0 votes
    2 answers

  13. ИЕ не правильно отображает таблицы

    почему ИЕ не правильно отображает таблицы? Все остальные браузеры четко отображают отформатированную таблицу (цвет, рамка, толщина......) спасибо

    Asked by termoplus,

    0 votes
    6 answers

  14. Запрет печати колонтитулов web страницы

    Всем привет! Возможно ли сделать запрет печати названия web страницы, ее адреса и даты на уровне html, css, java?

    Asked by styleroom,

    0 votes
    3 answers

  15. вопрос по тегу <hr>

    Как оформить линию (<hr>) при помощи CSS таким образом, чтобы она состояла из равномерно-распределенной последовательности точек?? Увидел на сайте http://www.dataplus.ru/... Они там везде. Пытался выдернуть *.css... не дается

    Asked by finn55,

    0 votes
    66 answers

  16. Срочно, помогите!

    <ul style="text-align:justify;"> <li><a href="http://www.ourbaby.ru/articles/article.aspx?id=1417" target="_blank">масса тела мальчиков от 0 до 17 лет, кг</a></li> <li><a href="http://www.ourbaby.ru/articles/article.aspx?id=1417" target="_blank">масса тела девочек от 0 до 17 лет, кг</a></li> Имеется одна ссылка с id=1417, в ней две таблицы, необходимо с помощью якорей сделать так, чтобы ссылка "масса тела мальчиков" вела на таблицу с мальчиками, а девочек с девочками, без прокрутки. Помогите, читала про якоря, не помогло.

    Asked by ання,

    0 votes
    8 answers

  17. Создание геометрических фигур в html

    Форумчане, вот такой меня вопросик интересует. Есть ли возможность средствами html или css создавать геометрические фигуры: окружность, прямоугольник, с заданными координатами. радиусом, цветом... нигде не могу наткнуться на эту тему. Спасибо

    Asked by YaFakir,

    0 votes
    8 answers

  18. Картинка для таблицы

    Помогите пожалуйста. Нужна программа для того, чтоб разбить картинку на фрагменты и сохранить в разные файлы, для вставки в таблицу.

    Asked by walera9674,

    0 votes
    4 answers

  19. хак и валидатор

    в верстке использовал хак /* \*/ * html .#sidebar-left { margin-right: -3px; } но валидатор w3.org ругается К сожалению, мы обнаружили следующие ошибки (1) 145 Ошибка разбора .#sidebar-left как сохранить хак и валидатор успокоить ))

    Asked by sc@r@bey,

    0 votes
    8 answers

  20. маркеры не отменяются

    ХЕЛП!!!! создал таблицу, в ней список, отменил маркеры, а они все равно отображаются и пожалуйста посоветуйте как можно упростить все это <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Naruto & Bleach</title> <style type="text/css"> UL#menu > li > a { top; ; list-style: none; /* Убираем маркеры списка */ width: 120px; /* Ширина элемента в пикселах */ background: #ddd; /* Цвет фона */ color: maroon; /* Цвет текста */ padding: 20px; /* Поля вокруг те…

    Asked by Влад_1995,

    0 votes
    17 answers

  21. Помогите с привязкой JavaScript к форме

    вот код <form method="GET" action="au.js" name="au"> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI">Авторизация</font></p> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI">Имя:</font></p> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI"><input type="text" name="T1" size="28"></font></p> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI">Пароль:</f…

    Asked by papa_misha,

    0 votes
    5 answers

  22. Описание изображения:

    Описание изображения: HTML: <div class="img-desc"> <img src="sample.jpg" width="575" height="335" alt="" /> <cite>Salone del mobile Milano, April 2008 - Peeta</cite> </div> CSS: .img-desc{ position: relative; display: block; width: 575px; height:335px } .img-desc cite{ background: #111; filter:alpha(opacity=55); opacity:0.55; color: #fff; position: absolute; bottom: 0; left: 0; width: 555px; padding: 10px; border-top: 1px solid #999 } пример http://www.sohtanaka.com/web-design/exampl...dow/caption.htm Тупо скопировал хтмл между тэгами боди, css в отдельный файл Получил следующее: есть изображение, описание …

    Asked by sol,

    0 votes
    6 answers

  23. Позиционирование элементов внутри ячейки

    Вопрос в следующем. Есть таблица 1 ряд в 2 ячейки. Ширина 800px Высота 100% В 1-ой ячейке наверху идет фотография, во-второй идет много-много текста который в свою очередь растягивает ячейку №2 вниз. Теперь в чем стала проблема в первую ячейку надо запихать вторую картинку, но что бы она была в самоом низу, наровне с нижней строчкой текста во 2-ой таблице. Решение есть переделать таблицу, но в моем случае это будет трудоемко. Поэтому можно ли заставить путем css два элемента в одной ячейке быть один в самом верху а другой в самом низу. Заранее спасибо Александр

    Asked by Quazzii,

    0 votes
    7 answers

  24. Border для Img

    Нужно сделать типа галереи и чтобы при наведении курсора появлялась рамка в 3 пикселя. Можно задать обычной картинке 3 пик. цвета фона а при наведении (:hover) просто поменять цвет, но нужно чтобы у обычной картинки была рамка в 1 пик. Простыми словами нужно чтобы при наведении курсора рамка в 1 пик. заменялась на 3 пик. без смещения остальных картинок. спасибо

    Asked by termoplus,

    0 votes
    7 answers

  25. не валидный хтмль ... что за ошибка

    document type does not allow element "p" here; missing one of "button", "map", "object", "ins", "del", "noscript" start-tag документ не валиден .. что за ошибка..?.. многое что устранил, но к сожалению застрял на этом нюансе ..

    Asked by RobotWerder,

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