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. проблема с background'ом

    background не выводится! CSS #id1 { overflow: auto; height: 460px; width: 460px; background-image: url('images/design/flag60.jpg'); background-repeat: no-repeat; background-attachment: fixed; } HTML <div id="id1">бла-бла-бла</div>

    Asked by .:K.e.I.j.I:.,

    0 votes
    9 answers

  2. Сайт по центру

    Вот решил обратиться с проблемой верстки сайта. Вроде как оптимизировал код страницы и CSS для всех браузеров, НО: в Опере все отображается как надо, а в IE не центрует! Хоть ты его убей! Пробовал !DOCTYPE добавлять - помогло с центровкой, но съезжают все блочные элементы с position:absolute. Координаты заданы параметрами left и top... И масштабирование происходит ужасно... Помогите, пожалуйста, выбрать !DOCTYPE и найти ошибку в CSS/страничке из-за которой происходит такая ерунда с блочными элементами и масштабированием... Сайт: http://www.golubev.biz, CSS, Код страницы

    Asked by DeviLev,

    0 votes
    1 answer

  3. how to really preload an image before content?

    in fact how to achieve this sequence: 1) user requests index.html, style css 2) preloading image.jpg 3) loading and displaying content in <body></body> these things didn't work for me: <script LANGUAGE="JavaScript"> Image1= new Image(498,527) Image1.src = "body_bg-contacts.jpg" </SCRIPT> and #preload img { height: 0; width: 0; border-width: 0; position: absolute; bottom: 0; left: 0; z-index: -30; } <div id="preload"><img style="visibility:hidden;position:absolute;top:-1000px;left:-1000px;" src="images/body_bg-res.jpg" /></div> When I used the above or similar I still had smaller images and buttons loading before my main body_bg-co…

    Asked by DolbyRoom,

    0 votes
    2 answers

  4. Оформление ссылок

    Как назначить класс типа .w2 для a:visited a:hover и тому подобное ? Как я должен написать .w2 a:visited { a:link a:visited a:hover } Можно так написать?

    Asked by wewwew,

    0 votes
    4 answers

  5. Обтекание блоков - как выровнять высоту блока-контейнера?

    Всем здравствуйте. Есть такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test2</title> <style> div, h1, h2, h3, p { padding: 0; margin: 0; } h1, h2, h3 { padding-top: 9px; padding-bottom: 3px; } #container { width: 980px; margin: 0 auto; border: 1px solid #f00; background: #ccf; } </style> </head> <body> <div id="container"> <div style="border: 1px solid #000;"> <div style="width: 500px; float: left; border: 1px solid #000;"> Главная<br>О компании<br>Услуги </div> <div sty…

    Asked by samorealization,

    0 votes
    6 answers

  6. Как убрать лишние

    Есть документ html к нему подцеплена таблица css . В css очень много классов , и я имею мнение что половина из них лишних . Как убрать неиспользуемые не классы !? Или как наглядно посмотреть связки ? Маленькая вырезка из отчета проверки Dreamweaver : Я надеюсь - это не критично страшно 1. в теге img пропущены следующие обязательные атрибуты: alt[html 4.0] 2. Тег " p" допускает необязательный закрывающий тег. Закрывающий тег "table" закрывает контекст "p". Проверка продолжится как при закрытом контексте.[html 4.0] 3. Тег "td" не имеет атрибута "background" в активных версиях.[html 4.0] 4. "middle" не является допустимым значением атрибута "align" ни в одной из активных…

    Asked by soot,

    0 votes
    9 answers

  7. Сслылки в IE6 и ff3

    В ff3 по ссылке можно кликнуть в любом месте, в ИЕ только по тексту или рисунку, можно как-нибудь сделать, чтоб было как в ff3?

    Asked by Kenshi45,

    0 votes
    5 answers

  8. как изменить курсор при наводе на ячейку

    Подскажите как сделать следующее: Среди нескольких таблиц на странице, есть две таблицы с заголовками <th>..</th> две таблицы. Хочу, чтобы при наведении курсора мышки на любую ячейку этих двух таблиц (кроме заголовочной) курсор изменялся. писать стиль .style1 и применять к каждому <td class=style1....> не катит, потому что ячеек много. Задать td{cursor:...} тоже не катит, он заголовки тоже считает как за ячейки и меняет и на них курсор.

    Asked by Ingvarion,

    0 votes
    7 answers

  9. Ссылка в ячейке

    У меня ссылка находится в ячейке <td>. Как мне сделать что бы при наведении курсора на ссылку, изменялся цвет всей ячейки <td>, а потом он возвращался назад? Что бы цвет менялся только тогда, когда курсор находится на ссылке.

    Asked by wewwew,

    0 votes
    3 answers

  10. Помогите проблема с позиционированием

    Вот станичка http://palitra-oil.narod.ru/stoimost.html вот код из slideshow.js Object.extend(this.props, props || {}); a = $('aro-' + this.props.n + 'a'); a.style.position = 'absolute'; a.style.border = 'double 5px saddlebrown '; a.style.left = '1280px'; a.style.top = '-680px'; img = a.cloneNode(true); img.id = 'aro-' + this.props.n + 'b'; img.style.zindex = '100'; div = a.parentNode; div.style.display = 'block'; div.style.position = 'absolute'; div.style.border = 'solid 1px black'; div.style.left = '-800px'; div.style.top = '800px'; div.style.width = a.width + 'px'; div.style.height = a.height + 'px'; div.appendChi…

    Asked by Palitra,

    0 votes
    1 answer

  11. Помогите с padding'ом в таблице

    Здравствуйте. Такое дело: есть таблица, в ней 3 столбца, ячейки первого столбца должны иметь отступ от границы таблицы 10рх (т.е. padding-left: 10px). Можно ли как-то задать такой отступ при этом не трогая остальных столбцов и не добавляя лишних классов? Вот можно было бы добавить класс для всего столбца, а не для каждой ячейки в отдельности, т.к. если в таблице несколько десятков (возможно сотен) записей, то добавление примитивного отступа к каждой ячейке не хило увеличивает вес всей страницы. Спасибо.

    Asked by UNIX,

    0 votes
    0 answers

  12. Ошибки верстки W3C

    Хотел бы довести код на сайте до ума. Сделал проверку кода на сайте http://validator.w3.org/ - нашлось 7 ошибок. В грамотной верстке новичек. Подскажите пожалуйсто как исправить ошибки в верстке. document type does not allow element "H1" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag. …"><a href="http://lbmoney.info/"><h1 >Заработать в интернете.Создать сайт.SEO Например эту. Все ошибки можно посмотреть http://validator.w3.org/ по сайту lbmoney.info.

    Asked by LBM,

    0 votes
    8 answers

  13. Проблема с ссылкой.

    Здравстуйте! Главная страница моего сайта содержит рисунок посередине и маленькую ссылочку "об авторе" внизу. Рисунок является ссылкой на основной сайт ( на страницу с навигацией, информацией и остальным контентом). Основной сайт построен так: шапка, под ней три ячейки, ячейка посередине - фрейм, где выводится информация, при прогулке по навигации. Одна из ссылок навигации открывает информацию "об авторе" в этом фрейме. Проблема следующая: как сделать так, чтобы при кликании на ссылку на главной станице(где только картинка и эта ссылка), переход осуществлялся не на прямую на хтмл-страницу "об авторе"(как происходит у меня сейчас), а на основной сайт во фрейм?

    Asked by In_Variant,

    0 votes
    6 answers

  14. Отображение шрифтов

    В ie7-8 шрифт жирнее, чем в остальных браузерах, чтобы в ie отображалось также, нашел такую фишку: * + html body { filter:0; } Но работает это только для ie7, а в ie8 не работает! и не проходит код на проверку валидатором! Может кто знает как это поправить, что бы шрифт был одинаковым во всех браузерах и код валидным?

    Asked by kking,

    0 votes
    1 answer

  15. Копирайт

    Привет. У меня вечный вопрос, кот я никак не могу понять, может ктото подскажет, и напишет пример. Нужно сделать что бы Копирайт оставался всегда внижней часте браузера. Делать с помощью теблиц не хочется, а так не получается. Короче нужно div сделать внизу браузера. Ну у меня пока так, но когда на странице ниче нет, div подымается вверх. .... <div class="menud"> <ul class="menud"> <li><a class="menud" href="index.html">Главная</a></li> | ... <li><a class="menud" href="about.html">О сайте</a></li> </ul> <p><small>© Cluberd 2009 <br> Student</small></p> </div>…

    Asked by Pyrlyk,

    0 votes
    3 answers

  16. Таблицы и colspan

    Есть таблица шириной 100px, в ней 2 строки и 3 ячейки, если первую ячейку первой строки я делаю с colspan="2", то не получается задать ширину остальным двум нижним ячейкам. <table width="500"> <tr colspan="2"> <td> </td> </tr> <tr> <td width="100"> </td> <td> </td> </tr> </table>

    Asked by Kenshi45,

    0 votes
    5 answers

  17. Opera img & hspace

    Обычно всегда спаршиваю у Гугла.. Но тут впал в ступор... Помогите, кто чем может, а то мозг сейчас через уши вытечет.... HTML (работает в ИЕ, но в Опере все картинки склеиваются, выглядит убого): <div class="contacts"> <a href="link"><img src="pic/home.gif" alt="Home_site" width="11" height="9" hspace="5" align="left"/></a> <a href="index.php?id=100"><img src="pic/map.gif" alt="Карта сайта" width="11" height="9" hspace="5" align="left"/></a> <a href="mailto:email@kremlin.ru"><img src="pic/mail.gif" alt="E-mail" width="10" height="9" hspace="5" align="left"/></a> <a href="/index.php?id=63"><img src="pi…

    Asked by Tohin,

    0 votes
    3 answers

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

    Приветствую всех! Столкнулся вот с такой проблемой. Прописываю бэкграунд в стилях к меню навигации, таким вот макаром : { background-image: url(images/a3.gif); background-repeat: repeat-x; background-position: bottom; padding: 1em 2.5em 2em 2.5em; } В FF, Opera, GoogleChrome всё нормально, так сказать по задумке, а в IE(7) и Maxthon наперекосяк. Для наглядности привожу два скрина: FF, Opera, GoogleChrome : IE(7) и Maxthon: Насколько я могу понять ни IE ни Maxthon почему-то не хотят понимать "background-position". Так ли это? Или же причина кроется в чём то другом? Посоветуйте как с этим бороться. Заранее всех благодарю.

    Asked by bravada j,

    0 votes
    4 answers

  19. Что означает

    Подскажите новичку что означает тэг <META content="MSHTML 6.00.2900.2180" name=GENERATOR> и обязательно ли его использовать.

    Asked by Klinok,

    0 votes
    2 answers

  20. Проблема со слоями...

    Прохожу практику, вот заставили делать корп-сайт. Не могу понять в чем проблема, подвал "наезжает" на текст. Подскажите пожалуйста как поправить, уже 2-й день бьюсь. Вот ссылка для примера: http://www.mir-media.ru/services/

    Asked by Cribble,

    0 votes
    1 answer

  21. Вывод содержимого файла в div

    Прошу сильно не пинать, искал но ответа не нашёл, может быть не верно формулировал... Для наглядности возьмём пример кода с вашего сайта <body> <div class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> <div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div> </body> Как вынести содержимое div-ов в отдельные файлы средствами HTML В описании слоёв(на Вашем сайте) есть упоминание о том что это возможно... Спаси…

    Asked by SRGB,

    0 votes
    7 answers

  22. относительно <col>

    1) скажите, пжл, почему параметры align, valign данного тега в html 4.01 & xhtml 1.0, 1.1 strict не понимают многие браузеры, кроме оперы (ие 8, фф 3, опера 9.61, сафари 3.1, гугл хром 2 финал), но код с участием данных параметров считается валидным? 2) добавил стиль в пример из справочника, но из всех свойств класса применяется к 3-й ячейке только background-color (update) и width. хде ошибка? что за фигня? <!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>Тег COL, параметр valign</title> …

    Asked by xhtml,

    0 votes
    13 answers

  23. ID или Class

    Когда лучше всего использовать ID а когда классы?

    Asked by Kenshi45,

    0 votes
    2 answers

  24. css карусель

    people плиз! рылся в google? так ничего и не нашел, может у кого есть примеры создания css карусели, или ссылки на сайты??!

    Asked by kking,

    0 votes
    12 answers

  25. Div внутри table

    Есть таблица, внутри которой находятся два div'a, один внутри другого, не понятно как так получается, но если поставить отступы, то все съезжает вправо... http://aionzone.ru/themes/aionzone/test.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Test Page</title> <style type="text/css"> body{ margin: 0; padding: 10px; } div.shape{ padding: 10px; border: 1px dotted blue; width: 100%; height: 100%; } table{ border: 1px solid red; margin: 0; padding: 10px; } </style> </head> <body> <table cellspacing="0" cellpadding="0"> …

    Asked by Kenshi45,

    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