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. поддержка border-radius

    Поддерживает ли это свойство firefox 3.6 ? На этом сайте написано, что не поддерживает, но, когда я открываю htmlbook в F3.6., то у меня отображаются все скруглённые уголки, хотя в коде использован только border-radius

    Asked by 1284metra,

    0 votes
    7 answers

  2. При наведении на ссылку выполнялся класс div'а

    Добрый вечер. Подскажите как реализовать при наведении на ccылку <a href="#">text</a>, выполнение класса class="logolittle", который находится в диве <div class="logolittle"></div> (..у меня в диве находится класс, который выполняет плавную смену картинки при наведении, а я хочу чтобы эта картинка плавно менялась при наведении на ссылку с текстом) Я понимаю, что это организуется через onmouseover, только как, не могу допетрить ). Буду благодарен за помощь.

    Asked by arthyrgrex,

    0 votes
    7 answers

  3. IE6 смещает картинку

    Приветствую. Есть сайт http://tdsol.ru/?page_id=3. Подскажите, почему в мозилле все пучком (и меню "Продаем" открывается, и png в шапке нормально видно, и карта в контактах на своем месте), а в IE6 все это глючит. Да и вообще если в нем открывать сайт, снизу сразу пишет что открыто с ошибками. Как это побороть?

    Asked by pix_l,

    0 votes
    7 answers

  4. font

    Такой код css body { font: 1.5em"Courier New", Courier, serif } html <body> привет <select> <option>привет</option> <option>привет</option> </select> <p> <span>привет</span></p> </body> почему css-правило не действует на текст внутри тэга option

    Asked by aleks_lv,

    0 votes
    7 answers

  5. 4-х колоночный макет

    Имеется трех колоночный макет. 1 и 3 фиксированная ширина. 2 резина. За основу взят набросок Klierik'a http://forum.htmlbook.ru/index.php?showtopic=21817&pid=198608&st=0entry198608 Как можно сделать из нее 4-х колоночный. 1 и 4 фикс. 2-3 резина.

    Asked by Selen,

    0 votes
    7 answers

  6. Как хадать приоритет бэкграунду?

    Мне нужно сделать так, чтобы бэкграунд родительского элемента находился поверх бэкграунда дочернего. Т.е. закрывал его. Можно ли как-то задать приоритет именно и только для background? или всё-таки придётся выкручиваться по-другому?

    Asked by 1284metra,

    0 votes
    7 answers

  7. MIME-тип

    Здравствуйте! Отправляю данные так:, <form action="publish.php" method="post" [B]enctype="multipart/form-data"[/B]><table width="450" border="0" align="center" cellpadding="2" cellspacing="0"> <tr> <td width="226" align="left" valign="middle"><span class="style15">Вы хотите:</span></td> <td width="224" align="left" valign="middle"> <select name="option"> <option selected>Продать</option> <option>Сдать в аренду</option> </select> </td> </tr> <tr> <td alig…

    Asked by che guevara,

    0 votes
    7 answers

  8. Форматирование текста в li

    Проблема собственно в следующем. Есть список Ul LI в тегах LI попадаются иногда слишком длинные фразы поэтому происходит перенос на следующую строку. Вопрос как сделать чтобы текст в следующей строке был ровно под текстом в первой строке а не уходил вправо. Спасибо!

    Asked by akahitokiri,

    0 votes
    7 answers

  9. Относительная ширина абсолюта

    Подскажите, можно как-то добиться? Хочу, чтобы поле поиска тянулось по ширине, но не перекрывало лого слева и балун справа.

    Asked by d0ublezer0,

    0 votes
    7 answers

  10. проблема с дивом

    Вот фрагмент кода <style type="text/css"> body{ font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; margin: 0; padding: 0; color: #000; } .conteiner { width:1000px; background-color: #F4F5F7; margin: 0 auto; } .a { color:#FFF; margin-left:30px; font-size: 100%; } </style> <body> <div class="conteiner"> <div style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; vertical-align:middle; display:table-cell"> <a class="a" href="">Главная</a> </div> </div> нужно сделать что б ссылки внутри дива бы…

    Asked by demi,

    0 votes
    7 answers

  11. Картинки Html+css

    Короче говоря, натолкните на мысль, как сделать отображение картинок как в гугле Нуна реализовать все на хтмл+ксс.

    Asked by JoyStick,

    0 votes
    7 answers

  12. PIROBOX. Что я сделал неправильно?

    Только немного понимаю в html и css, часто пользуюсь справочником сайта. Сейчас конструирую сайт и решил повесить на него pirobox. Но когда открываю изображение, при прокрутке, оно вместе с фоном тоже прокручивается скроллингом. Везде на других сайтах pirobox не скроллится можно глянуть здесь вэвэвэ general-catalogue.ru/pilomaterialy/vagonka_evrovagonka/vagonka_listvennica/

    Asked by uk13,

    0 votes
    7 answers

  13. Закругленые границы дивов

    наверняка обсуждалось уже не один десяток раз и в гугле поискать можно, но устал уже искать((( Подскажите, как сделать диви с закругленными углами) буду очень благодарен)

    Asked by demi,

    0 votes
    7 answers

  14. Перенос картинки

    Скажем были координаты вершин картинки (x1;y1|x2;y1|x1;y2|x2;y2 (все координаты относительно экрана)). Ну так вот сам вопрос: можно ли независимо от других объектов на странице переместить скажем так x1+50;y1+10|x2+50;y1+10|x1+50;y2+10|x2+50;y2+10. Есть такая функция?

    Asked by DeD_AvToRuTeT,

    0 votes
    7 answers

  15. Картинка в IE

    Здравствуйте, пожалуйста, помогите решить проблему. Вставляю картинку, Опера, Гугл, FF ее видят, а IE нет. Если убираю слеш перед адресом картинки, все наоборот. Спасибо заранее

    Asked by Клава,

    0 votes
    7 answers

  16. Съезжает маркер списка в конец строки

    <h3>Заголовок H3</h3> <ul> <li>Первая строка;</li> <li>Вторая строка;</li> <li>Остальные строки...</li> ... </ul> Когда список идет после заголовка, маркер первой строки съезжает в конец строки.

    Asked by r00tGER,

    0 votes
    7 answers

  17. css

    Помогите найти ошибку, пожалуйста, не могу применить сss <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> Первая страница </title> <link rel="stylesheet" type="text/css" href="E:\mai_sait\scripts\mystyle.css"> </head> <body> <table cellspacing="0" width="1000" summary="первая страница"> <tr> <td height="150" width="1000" bgcolor="#CCFF99" colspan="4"> <center>Шапка</center> </td> </tr> <tr> <td height="850" width="200" bgcolor="#CCFF99"> <center><h1>Меню1</h1> <img src="file://E:\mai_sai…

    Asked by Клава,

    0 votes
    7 answers

  18. Отображение картинки

    Добрый день, коллеги. Всё ломаю голову в чем может быть проблема. Суть такая. Я через свои механизмы на сайте загружаю картинки любого формата. Картинки уменьшаю,сохраняю их в png-формате, но ставлю расширение jpg (для совместимости с другим функционалом, который живет фиг пойми сколько лет, да не в этом дело). По идеи, а может и нет (???), браузеру пофиг на расширение, поэтому он картинки должен отображать. Но почему-то ИЕ8 и ИЕ9 на моём сайте такие картинки не отображают. Меняю расширение на png, не меняя самой картинки, и картинка начинает отображаться. Причем в остальных браузерах все нормально отображается. Решил сделать тестовую страничку. Проблема воспроизвелась на…

    Asked by ShurikEv,

    0 votes
    7 answers

  19. Резиновый бэкграунд, как луше поступить?

    Есть картинка, которая должна являться бэкграундом. Как поступить?: 1) Разместить в html img с шириной в 100% абсолютом и z-index, или же... 2) Создать два дополнительных дива, и поставить на них бэкграунд в css (content - середина картинки с repereat-x ибо середина однообразана, content-bg-left - левая часть бэкграунда, content-bg-right- правая часть бэкграунда) Во втором случае общий размер будет больше и количество обращений, но, в тоже время способ с img - это какое-то неправильное извращение. Как посоветуете поступить и почему?

    Asked by angel12,

    0 votes
    7 answers

  20. Локальные ссылки

    При создании сайта на локальном компьютере прописываются ссылки относительно папки, т. е. без слеша ( / ), но когда помещаешь сайт на сервер, без слеша ничего не будет работать. Нужно проставлять относительные или другие ссылки. Вопрос: подскажите новичку, как технически правильно изменять ссылки перед помещением на сервер? Вручную или есть другие способы? Всем заранее спасибо за помощь.

    Asked by IgorSt,

    0 votes
    7 answers

  21. Нужна тематика для сайта.

    Я решил учить html и css. Но учится надо регулярно. А лучше ещё на конкретном примере конкретного сайта. Вот передо мной и стала задача тематики. Что бы что-то не сложное, и можно было сконцентрироваться на коде, а не на этой самой теме. Что посоветуете вы? P.S. Разумееться пока я ничего не умею, поэтому какието шаблоны -- не предлагать

    Asked by Тёмыч,

    0 votes
    7 answers

  22. Навигация в слайд-шоу

    Помогите правильно расположить навигацию. Туплю. Никак не могу выбрать. Посмотрите свежим взглядом, выберите лучший вариант или предложите свой. Позязя. V.1 V.2

    Asked by tematika,

    0 votes
    7 answers

  23. Выпадающее Окно С Формой

    Здравствуйте друзья. Сразу скажу что не знал в каком разделе создать тему и решил все таки здесь. Ребята, подскажите как мне сделать такое вот допустим есть ссылка на странице и после нажатия на нее чтобы на той же странице по центру появлялось новое окошко моих размеров с формой для обратной связи?

    Asked by _one,

    0 votes
    7 answers

  24. Многоуровневое горизонтальное меню

    Добрый день, интересует вопрос, как из такой стандартной стр-ры <style> .menu-h-d { min-height: 24px; border-left: 1px solid #ccc; } .menu-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; } .menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; } .menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; } .menu-h-d ul ul { left: 100%; top: -1px; } .menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; } .menu-h-d li:hover { background: #ccc; } .menu-h-d a:hover { color…

    Asked by ukalen,

    0 votes
    7 answers

  25. Вопросы по border

    1. Например есть такая запись: border-top: 1px solid black; border-bottom: 1px solid black; Можно ли ее как-то сократить? То есть в случае с padding-top: 10px; padding-bottom: 10px; Можно было бы записать как padding: 10px 0; Если что-то схожее для border? 2. В моей теме так никто и не ответил. Как сделать палочку сбоку. То есть например так: Ссылка 1 | Ссылка 2 Именно если делать через border-right: 1px solid black; То это палочка по высоте получается гораздо больше чем текст и не совсем так как надо.

    Asked by Rustick,

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