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 и css. Есть пока пара совсем глупых общих вопросов, о которых в учебниках ответа нет. Поэтому обращаюсь к сведущим в данном вопросе людям. 1. Как редактировать html-код страницы? Я всё время сохраняю код в 2х разрешениях - .txt и .html. Можно ли сохранять только в .html и как потом дополнять/редактировать? (у меня MacOs, браузер Safari) 2. Когда использую css, то изначально всё отображается правильно. Но после внесения изменений/дополнений в файл .css внесённые изменения уже не отображаются при просмотре в .html. Как правильно вносить изменения в .css, чтобы они отображались? Спасибо за любые пояснения.

    Asked by Petr,

    0 votes
    26 answers

  2. Скрипт подзагрузки

    Добрый день! Подскажите пожалуйста, как можно реализовать подзагрузку на сайте? Т.е. имеется три страницы, index.html, a.html, b.html Первая ссылается на a и b, но при переходе нужна задержка секунд в пять-семь, надпись загрузка и бегунок, типа такого Я думаю писать его не нужно, ибо такое 100% уже есть, просто подскажите как такое искать, на чем это можно сделать?

    Asked by WabFad,

    0 votes
    2 answers

  3. Съехал весь сайт

    Заменил гугло скрипт один на другой и сайт весь съехал Помогите узнать почему. Сайт: http://twiu.ru/h92

    Asked by Tchorteg,

    0 votes
    3 answers

  4. Ширина div при разном разрешении

    Подскажите пожалуйста как средствами CSS сделать чтобы блок div при разрешении 1024 отображался с шириной 140px; а при разрешении больше - отображался 259px; Спасибо.

    Asked by tarkinsky,

    0 votes
    1 answer

  5. Вопросю Можно ли с помощю css задать цвет для нескольких элементов в одном месте.

    Всем доброго времени суток. Поучаствуйте пожалуйста в моей проблеме. Я разрабатываю приложение на базе QT, которое отображает несколько десятков HTML страничек(локально). Есть один css файл, который описывает кнопки и прочие элементы. Везде используется не более 6 базовых цветов, которые необходимо менять в настройках. Мне бы хотелость иметь конструкцию вроде следующей: color1: "red" color2: "green" color3: "yellow" color4: "black" color5: "blue" color6: "#010101" ............. TD.mainSelect { color: "color1" TD.menu { border-bottom: 4px color1 solid; Но к сожалению я ничего подобного в css и html не нашел. Ма…

    Asked by sev1961,

    0 votes
    3 answers

  6. Выравнивание в горизонатльном меню

    Вот картинка : . Вот её исходный: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menu</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70px; padding: 0; list-style: none; float: left; background-image: url(1.png); width:865px; height:60px; background-repeat: no-repeat; } #mainNav li { float: left; width: 143px; } #mainNav a { text-decoration: none; font-size: 18px; font-weight:900; color:#392411; font-family: Verdana, …

    Asked by averin13,

    0 votes
    3 answers

  7. Врстка меню.Как премерно?

    Нужно сверстать вот такое меню: Примерно как на apple.com.Там тени и закругленные углы.Подскажите правильный путь.Картинками верстать?Если да то как делать тени? И кстати как у аппле оно сверстано что так хорошо работает даже в ИЕ6? Спасибо.

    Asked by BupycAP,

    0 votes
    2 answers

  8. Очередные вопросы по Notepad++

    Такие два вопроса: 1) как сделать чтобы список макросов появлялся весь ( а не только 10 штук ) в виде окошечка с прокруткой ( как в php expert editor ) 2) как сделать, чтобы при вводе кода автоматически появлялись возможные варианты продолжения ( как в php designer ) ?

    Asked by kpripper,

    0 votes
    1 answer

  9. границы таблицы

    Всем привет,помогите ,пожалуйста,как мне сделать границы таблицы каким нибудь узором или картинкой как на сайте http://patrick-star.org/.

    Asked by saswat,

    0 votes
    1 answer

  10. Верстка меню

    Добрый день, хочу сделать меню как ПРИМЕР . Как сделать чтобы текст был под картинками, у меня получается вот такая штука МОЙ САЙТ Спасибо.

    Asked by addask,

    0 votes
    4 answers

  11. При увиличении масштаба браузером беда!

    Что нужно что бы сайт нормально масштабировался и сохранял позиции блоков? Масштаб содержимого увеличивается а самой страницы только по высоте!

    Asked by hrabrik,

    0 votes
    2 answers

  12. Блочная верстка

    Привет народ, буду очень рад любым советам и рекомендациям по "доделке" макета. Это мой первый более менее сложный шаблон, трудностей много возникло, для начала - не верное отображение в ИЕ, верстка стала уползать после добавления logo; Ну и еще всякие разные странности возникают, тот же лого не получается без position:absolute; отцентрить, т.к. верстка сползает... Пробовал Z-index менять, не вижу чтобы на что-то влияло, наверное что-то не так делаю Заранее всем спасибо за внимание! Ссылка: http://fryuk.narod2.ru/

    Asked by mortal,

    0 votes
    0 answers

  13. размеры в процентах для ID

    Здравствуйте, многоуважаемые! то ли лыжи не едут, то ли я мастер спорта :-( помогите пролить свет на темное царство: задача вроде элементарная - таблица в пол-окна шириной. поделена на 2 равные колонки. в каждой колонке - по картинке шириной с колонкую. вот решение: <!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" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="charset" content="windows-1251"/> </head> <body> <table border="1" width="50%"> …

    Asked by hachik,

    0 votes
    2 answers

  14. Помогите найти необычную галерею

    Нужна галерея на jquery с превьюшками, у превьюшек должна быть прокрутка вправо/влево. Но есть один момент - в галерее должны отображаться 1,5 картинки. То есть одна полностью и следующая частично. Это сразу отметает большинство галерей, так как они работают по принципу: всем картинкам задаем display: none, а нужной display: block. Сейчас мучаю эту галерею http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/ но в ней сложно оформить превью, так как у них жестко задан размер.

    Asked by SEObomj,

    0 votes
    1 answer

  15. Эффект "Растирка" (smudge) в CSS3

    Добрый день!!! Возникла необходимость добиться данного эффекта для оформления содержания. Загнутые уголки не подходят нужен именно "вытянутый" эффект... Возможно сотворить сие чудо или придётся по старинке подпихивать картинку? Заранее спасибо!

    Asked by Anuksanomun,

    0 votes
    8 answers

  16. позиция элемента в зависимости от разрешения

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

    Asked by greeb,

    0 votes
    7 answers

  17. длинное слово распирает блок

    <html> <head> <META http-equiv=Content-Type content='text/html; charset=windows-1251'> <TITLE>Поиск на GOOGLE </TITLE> <style type="text/css"> div{width:50px;height:100px; border:1px solid red;} </style> </head> <body> <div>FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</div> </body> </html> как сделать чтобы длинное слово автоматически разбивалось а не розпирало блок!?? какой то регуляр нашел которое делить слова больше 15 символов x.replace(/(\S{15}[^$])/g,'$s1\n') но не получается...

    Asked by bot87,

    0 votes
    6 answers

  18. Проблемы с меню на CSS

    Здравствуйте. Надеюсь на вашу помощь. Сделал меню с помощью CSS Menu Generator, установил на сайт. Но подменю недоступны. То есть они открываются, но при наведении мыши закрываются. Так же Логотип заезжает на меню. Помогите разобраться. http://kinoglas.com

    Asked by sayatmeir,

    0 votes
    0 answers

  19. 2 div в одну линию при неизвестной ширине родительского div

    есть примерно такая ситуация <div class="0"> <div class="1"> </div> <div class="2"> </div> </div> div.1 { float: left; width: auto; } div.2 { float: left; width: 83%; } Ширина div.0 не известна, т.к. это схема организации комментариев, а при "комментарии на комментарий" div.0 смещается вправо и соответственно сужается. Можно ли сделать так, что бы div.2 растягивался на всю ширину от правого края div.1 до правого края div.0?

    Asked by Nilagor,

    0 votes
    5 answers

  20. Чтобы в двухсловных пунктах меню второе слово переносилось на вторую строку

    Задача: в двухсловных пунктах меню второе слово должно переноситься на вторую строку (см. рисунок ниже). По ширине ограничений для li или a не ставится (на основе этого реализовать перенос не получится, см. опять же рисунок). Тегов <br /> и прочих вручную между слов не вставить, это CMS. Как можно сделать? Причем нужно, чтобы выравнивались слова по низу (см. опять же рисунок).

    Asked by Squidward,

    0 votes
    6 answers

  21. table, td в css

    Здравствуйте. Есть у нас такой кусок кода(см. изображение) и в нем два тега td без класса, но со своим стилем, можно ли изменить стиль выделенного на изображении <td bgcolor="#ffffff" colspan="2"> в css без добавления класса? Вопрос такой назрел потому что доступа к html у меня нет. например: таблица класс такой то, td номер такой то или какими другими способами

    Asked by romariorus,

    0 votes
    6 answers

  22. Мобильная верстка. Автоматическая подсветка тапнутых элементов.

    Добрый день. При верстке странички для android возникла проблема. При тапе на определенном диве, он автоматически подсвечивается средствами браузера (желтая область с оранжевыми границами). Каким образом возможно убрать эту подсветку?

    Asked by Paloskin,

    0 votes
    2 answers

  23. Скрипт по защите е-маиль адресса не работает....

    Всем доброго дня, вечера и настроения. Вопрос чайника. Не пинайте, а если все таки, то, пожалуйста, не ногами и не по голове. Есть вот такой скрип по защите е-маиль адреса от спамовых роботов: <script language="JavaScript"> <!-- var name = "name"; var domain = "domain.ru"; document.write ('<a href=\mailto:' + 'имя' + '@' + 'домейн.ru' + '\>'); document.write('<img src=pict/mail.gif border=0 alt=" НАПИСАТЬ ">' + '</a>'); // --> </script> Во всех браузерах работает, а в Мозиле (версия 7) не работает... Какова причина? По идее при нажатии на ссылку (в данном случае картинка) должен открываться мейлер (почтовая прогр.)... Мозила открывает …

    Asked by copyright,

    0 votes
    8 answers

  24. Нумерованный список с рисунками в качестве маркера

    Здравствуйте! В общем, помню, видел в каком-то шаблоне такой хит: нумерованному списку задаешь класс, к примеру какой-то "num_list", и вместо цифр шрифтом отображаются цифры картинками... Для маркированного списка без проблем сделать маркер картинкой, а для нумерованного, чтобы 1-му элементу списка соответствовал рисунок с изображением единички, 2-2, 3-3 и т.д. Или такое невозможно и я все это придумал? Если кто-нибудь знает, подскажите, пожалуйста. Спасибо!

    Asked by Vedrys,

    0 votes
    6 answers

  25. Помогите исправить маленький недочёт в спойлере

    Помогите исправить маленький недочёт в спойлере <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.s1 { display: block; width: 200px; height: 30px; } A.s1:hover { background: #33CC00; border: 3px double #339900; } A.s2 { display: block; width: 200px; height: 30px; } A.s2:hover { background: #FF0000; border: 3px double #CC0000; } .m1 { display:block; width: 200px; height: 30px; margin:0 auto; } .m11 { display:none; padding-top: 0px; } .m1:hover .m11 { display:block; } .p1 { line-height: 2; font-size: 11pt; font-weight: bolder; color: #000000; margin-left: 10px; }…

    Asked by skoch244,

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