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. Эти странные гиперссылки

    создаю сайт на языке html. Изучая структуру ссылок, очень часто встречал ссылки, наподобие: http://sitename//11.html?subpage=195 мне всё понятно, кроме ?subpage=195. что это такое? что она даёт и как мне сделать подобные ссылки на своём сайте? Тока объясняйте для чайника, пожалуйста, от а до Я, а то я слабо разбираюсь в этом деле... Много книжек перерыл, интернет, ничё доступного для моего мозга не нашёл по этому вопросу.

    Asked by eunion,

    0 votes
    3 answers

  2. Растянуть букву по вертикали и горизонтали

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

    Asked by mario,

    0 votes
    3 answers

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

    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

  4. 3 колонки на всю ширину страницы

    Народ плиз хелп, не могу разобраться, есть к примеру код: <!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" xml:lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> HTML, BODY {height: 100%; margin: 0; padding: 0; } #topNContent {min-height: 220px; } * HTML #topNContent {height: 220px; } #content {padding-bottom: 30px; min-height: 100%; border: 1px solid #000; } #top {background: #CCC; height: 220px; } #bot {background: #CCC; height: 30px;…

    Asked by ownercoder,

    0 votes
    2 answers

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

    ХЕЛП!!!! создал таблицу, в ней список, отменил маркеры, а они все равно отображаются и пожалуйста посоветуйте как можно упростить все это <!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

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

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

    Asked by termoplus,

    0 votes
    6 answers

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

    В блоге Ильи Бирмана была опубликована заметка о способах оформления ссылок, заключенных в кавычки. Реализация того способа, который Илья называет правильным, на его собственном сайте очень проста: ссылки по умолчанию не подчеркнуты, внутри тега <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

  8. Ширина 2 div (fixed + float)

    Нужно разместить 2 блока в контейнере. Требуется правый блок фиксированной ширины, а левый - вся остальная ширина. Сделал вот так: <style> #container { width: 100%; margin: 0 auto; overflow: hidden; } #lbody { float: left; width: 70%; } #rbody { float: right; width: 30%; min-width: 220px; } </style> <div id='container'> <div id='lbody'>...</div> <div id='rbody'>...</div> </div> Проблема в том, правый блок уходит под левый, приходится уменьшать ширину левого на пару процентов, чтобы разместились нормально. Смотрел в FF, Что в стилях не так? Firebug ничего крамольного не нашёл Спасибо.

    Asked by Raynor,

    0 votes
    3 answers

  9. Отмена все параметров. Как?

    Здравствуйте! Недавно столкнулся с проблемой. Нужно встроить в уже готовую среду со своими стилями другой обьект (объекты). Для своих объектов, понятное дело, я пишу свои стили. В итоге происходит неизбежный конфликт стилей. И все было бы хорошо, если бы конфликт возникал только из-за одинаковых названий id и class, но увы, это не так. Конфликтуют сами тэги и мои объекты сильно искажаются. Суть вопроса: Можно ли прописать что-то, что отменит все параметры всех стилей (кроме изначальных) для определенного объекта. Это очень и очень упростило бы мою задачу. То есть, сделать так, чтобы на мои объекты влияли только и только МОИ стили, а все остальные их не касались. Буду очен…

    Asked by Torkvemada,

    0 votes
    10 answers

  10. Как переносить текст?!

    Требования: должно работать под IE 6.0 Непонятен принцип переноса текста в таких тэгах как <td><tr><table><div><span> Нужно в тэге TD сделать так чтобы текст если он длиннее 300px переносился на след. строку <table id="tabContent"> <tr> <td id="td1" style="background-color: red; width: 300px"> 12345678901234567890123456789012345678901234567890123456789012345678901234567890 1234567890123456789012345678901234567890123456789012345678901234567890 </td> </tr> </table> Пробовал кучу вариантов, и div-ы ставил и span-ы и стили менял, но текст все равно отображается в одну строку. Может кто подскажет более…

    Asked by milvic,

    0 votes
    12 answers

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

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

    Asked by sc@r@bey,

    0 votes
    8 answers

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

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

    Asked by styleroom,

    0 votes
    3 answers

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

    Описание изображения: 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

  14. IE PNG Alpha Fix v2.0 Alpha 3

    Вопрос по продукту http://www.twinhelix.com/css/iepngfix/ Может кто испоьзовал? Дело такое, что он мне выдает alert с текстом IEPNGFix: Unclickable children of element: *указывается элемент* Вот, незнаю как с этим бороться и почему такое возникло?( Спасибо заранее

    Asked by Razor,

    0 votes
    3 answers

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

    <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

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

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

    Asked by walera9674,

    0 votes
    4 answers

  17. Border для Img

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

    Asked by termoplus,

    0 votes
    7 answers

  18. Проблема с блоками в IE

    В FF все как надо а в IE блок right-block-name растягивается на всю ширину, а должен быть с размерами внутреннего блока. Уже всю голову сломал Посмотреть в действии можно тут(блок новости): http://indexone.ru/temp/19/ <div class="right-block-part"></div> <div class="right-block-name"><div class="right-div-block-name">Новости</div></div> <div class="right-block-content"></div> .right-block-part { background:url('images/block_part_right.jpg') no-repeat; width:25px; height:26px; border:1px solid #9b9b9b; border-bottom:none !important; text-align:right; float:right; } .right-block-name { …

    Asked by ЛАСТЫЧ,

    0 votes
    2 answers

  19. трабла с комментами

    Здрасте всем! Снова проблемы и снова только к вам уважаемые форумчане Натягивал тут не спеша себе диз на дле, все отлично, все шло как по маслу, но тут давай тестить и смотрю комменты не пашут, при попытке добавить коммент пишет -Hacking attempt! Далее понял, что виной всему то, что я в шаблоне comments.tpl задал значения элементам через id и class (ну все как полагается), все вынес в стиле, но вроде так и верстается или я ошибаюсь В общем может кто знает в чем дело, буду очень признателен!

    Asked by JIucky,

    0 votes
    1 answer

  20. Вставка картинки.

    Всем привет! У меня два глупых вопроса Вопрос 1: У меня не получается вставить ДВЕ картинки РЯДОМ! Пишу вот так: <H5>Подмосковье</H5><img src="images/88.jpg" width="200" height="150"> <H5>Краснодарский край</H5><img src="images/55.jpg" width="200" height="150"> и получается одна картинка сверху, другая--снизу, а мне надо, чтобы они стояли рядом. Вопрос 2: И слово "Подмосковье" у меня получается НАД (или ПОД) картинкой, а я хочу, чтобы оно было НА картинке. Как это осуществить? Что нужно сделать? Всем спасибо.

    Asked by LOLA1111,

    0 votes
    11 answers

  21. ХЕЛП!!! Flash видео при прокрутке "заезжает" на фиксированный элемент!

    Сделал страницу с фиксированным (position:fixed) положением хедера, ниже, в контенте, по средствам Dreamweaver'а вставлено флеш видео. Когда начинаешь прокручивать контент в IE6 и в Oper'е, это видео "заезжает" на хедер, а не под него! Что делать? Код в шапке страницы: <script type="text/javascript"> function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave F…

    Asked by mozart,

    0 votes
    4 answers

  22. Вопрос по раскладке

    Добрый вечер, уважаемые! Несколько дней безрезультатно бьюсь над следующей задачей: есть потребность сделать следующую раскладку или как это правильно называется: Сейчас это сделано так: <div id="container"> <div id="blok1">1</div> <div id="b23-container"> <div id="blok2">2</div> <div id="blok3">3</div> </div> <div id="b45-container"> <div id="blok4">4</div> <div id="blok5">5</div> </div> </div> и css: #container { position: absolute; top: 63px; width: 100%; height: 100%; border: 1px solid #aaaaff; background-color:#eeeeff; } #blok1 { position…

    Asked by igamity,

    0 votes
    6 answers

  23. Не тянется по вертикали

    Вот, выложил для наглядности: http://work.mironoff-design.ru/ Изначально может показаться, что фон кончается потому, что кончается картинка...но нет, картинка должна перетекать в однородную заливку. Т.е. главный блок просто не тянется под контентом. Помогите поджалуйста, всю голову изломал

    Asked by MSNuke,

    0 votes
    3 answers

  24. вопос с DIV

    Камрады, помогите пожалста нужно сделать вотк акую штуку. есть два дива с содержанием. Они в позиции float:left от дуг дуга находятся в в ТД-эшке где ещо куча вещей разных между ними есть расстояние необходимо сделать это расстояние такого же цвета как они Но выделять их в отдельную ДТ-ешку или красить всю ТД-эшку нельзя подсажите чё делать. создал между ними еще один див но так как он не заполнен он не отображается... <font face="Verdana"><div style="float:left; background-color:f4f4f4;">Ocomments</div></font> <div style="background-color:f4f4f4;float:left;"></div> <font face="Verdana"><div style="float:right; background-c…

    Asked by Uragan,

    0 votes
    8 answers

  25. Опустить колонки до футера, а футер до низа

    Уважаемые, столкнулся с проблемой... Не могу опустить футер до низа браузера и не могу опустить обе колонки до футера... надеюсь ктото поможет =) <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>vo4tap.info</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" /> <meta name="Keywords" content="Кодовые, слова, через, запятую" /> <meta name="Description" content="Описание страницы и что за херня на ней" /> <link href="style.css" type="text/css" rel="stylesheet"> <style> * {padding: 0; margin: 0;} html {height: 100%; min-width: …

    Asked by vo4tap,

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