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. Как правильно сверстать HEADER?

    Нужно что бы полоска была по ширине экрана а картинки на неизменном растоянии от меню. Какой подход будет правильнее для кроссбраузерности ? 1.Сделать все одной картинкой и добавить на background серую полоску под ту что имеется, на случайц если экран шире картинки. 2.По поводу крассного лого пробовать z-index, а полоску на background блока который на ширину экрана. 3.Друкой вариант?

    Asked by Pumych,

    0 votes
    6 answers

  2. Классы это хорошо?

    В общем в вёрстке используется десятка два span, и все они одинаковы по стилям. Как лучше, в стилях написать span {}? или задать спану класс? как правильней? писать класс для каждого спана - лишний код, но может, так сказать, по этике вёрстки правильней их присваивать

    Asked by angel12,

    0 votes
    3 answers

  3. Как сделать это без помощи php?

    Привет всем! У меня возник вопрос такого рода: Я уже практиковал php+mysql для создания блогосайтов, но! Но, например, если на странице(где новости) новостей становилось больше n штук то они попадали на 2ую и так далее, с помощью php, но такие страницы имеют вид site.com/news.php?s=n, но я встречал и такого типа site.com/index/Page/n. Вопрос в том как такое сделать и с помощью чего? Чтобы автоматически добавлялась страница в папку page или что? Спасибо всем.

    Asked by abe,

    0 votes
    2 answers

  4. в IE 7 блок растягивается на всю ширину

    Добрый день! Очень прошу помощи. Есть сайт Pnrt.ru В IE 7 (и наверное выше) на главной странице все отображается нормально (практически). Но стоит зайти по одному из пунктов меню (новости, объекты , статья), основной блок расширяется на всю страницу, а меню уходит вниз. Весрткой занималась не я и мои знания недостаточны, поэтому подскажите пожалуйста, что исправить, чтобы меню было справа, как на главной странице.

    Asked by airiz,

    0 votes
    0 answers

  5. Некорректное отображение таблицы в IE6

    Всем привет. Имеется вот такой html-код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Тест</title> <style type="text/css"> table { width: 548px height: 340px; background: red; } td { width: 512px; height: 62px; background:green; color:white; } </style> </head> <body> <table cellpadding="16px" cellspacing="18px"> <tr><td>Текст…

    Asked by tvolf,

    0 votes
    2 answers

  6. Вопрос по ширине и макету

    Нашел хороший сайт с макетами. Там ширина всех макетов 1024px. Читая статьи в сети многие пишут, что ширину макета желательно делать 1000px, так как часть пикселей уходит на всякие браузерные отступы, скроллы и все такое. Соответственно лучше мне изменить ширину макета с 1024px до 1000px?

    Asked by Rustick,

    0 votes
    10 answers

  7. border-collapse; hover

    Только начинаю изучать основы создания сайта, поэтому основной задачей для себя считаю изначально разобраться в логике, синтаксисе (если я правильно употребляю этот термин в данном контексте), а творческие амбиции храню на потом. В связи этим у меня и вопрос. Черпая в очередной раз полезную информации с этого замечательного сайта, наткнулся на стилевое свойство - border callpse и его значение - callpse, что могло послужить замечательным решением одной, недавно возникшей проблемы. Быстро сворганил меню(рис1): - рис.1 - рис.2 - рис.3 но при наведении на второе(рис.3) и последующие разделы меню, цвет меняет только правая часть рамки, а по логике должна и левая меняться к…

    Asked by Vaseech,

    0 votes
    1 answer

  8. Решение проблемы с проверкой данных формы в FireFox4

    Решение проблемы с проверкой данных формы в FireFox4 Буквально вчера наткнулся на такую засаду: Имеется форма, валидация данных в которой происходит через яваскрипт. В данном случае сбой произошел при применении атрибута required. На скринах видно, что должно было быть, и есть(!), в версиях до 4-й, и что стало в 4-й - 1. Версия 3.3.16 - При ошибке, при заполнении формы, выскакивает сообщение и поля формы, в которых сделаны ошибки, заливаются фоном, вот так: 2. Версия 4 - Мало того, что вокруг полей появляется красная рамка, так и еще и невозможно ввести данные, тут же выдает сообщения, так примерно: Решение нашел, помогли добрые люди, цитирую: "Это проверка на стороне…

    Asked by Aleksty,

    0 votes
    4 answers

  9. Закругленные уголки в IE

    Закругленные уголки в IE В какой-то момент возникла проблема с отображением закругленных уголков в IE, как и у многих наверное. Использовать картинки было нежелательно, так как широко использовался hover, который зацеплял, в 90%, как раз бордеры. Долго копался в сети, выбирая среди множества решений, пока не нарвался на одну статью, не помню уже где, но суть ее в следующем - реализация закругленных уголков в IE, осуществляется за счет подключения библиотеки HTC. Нужно просто разместить в корне сайта (у меня в папке htc) некий скрипт. Скрипт приводился в этом же примере. Кстати, в интернете можно найти решения и других проблем с IE на основе этой библиотеки! HTC: --Do n…

    Asked by Aleksty,

    0 votes
    5 answers

  10. Карта изображений при помощи CSS

    Карта изображений при помощи CSS На скрине показано, как это работает - 1. Загружено фоновое изображение. 2. При наведении на любой черно-белый сектор картинки применяем hover, это просто украшаловка. 3. При наведении на цветные участки имеем ссылку на нужный вам ресурс. В данном примере три условных поля: - на главную - новости - контакты Полей может быль сколь угодно много, не проблема. В архиве Map_CSS.rar (193 Кб), 4 файла - - index.html - style.css (tooltip + mapimage) - karta.png - karta_hover.png Стили меняются под ваши нужды без всяких проблем. Кроме html и css больше ничего не применяется, никаких скриптов. CSS: body { font-weight: bold; font-style: …

    Asked by Aleksty,

    0 votes
    4 answers

  11. Пролема с горизонтальным меню в Хром

    Приветствую ! Возникла проблема: верстаю горизонтальное меню. Должно быть такое: В Опере и Фоксе -- всё ок. Но в Хроме у меня вышло вот что: Теперь покажу как я делал (опущу цсс-правила для шрифта, цвета и т.д. текста): <div class="menu"> <ul> <li class="company"><a href="#">О КОМПАНИИ</a></li> <li class="services"><a href="#">УСЛУГИ</a></li> <li class="portfolio"><a href="#">ПОРТФОЛИО</a></li> <li class="information"><a href="#">ИНФОРМАЦИЯ</a></li> <li class="contacts">&l…

    Asked by dimacat,

    0 votes
    5 answers

  12. Не закругляется бордер у таблицы

    Фон закругляется, а бордер нет. Проблема решается удалением "border-collapse: collapse" у table, но без этого свойства никак. Или же можно включить table в блок, и уже ему, а не таблице, задать бордер. Но можно ли как-то обойтись по-другому? как заставить таблицу закруглять уголки? опыта с таблицами практически никакого. Спасибо, заранее. Линк

    Asked by flagreit,

    0 votes
    3 answers

  13. z-index в ie7

    В =<IE7 дерево по z-индексу лежит выше, чем трава, но в ослике почему-то это не работает, и трава перекрывает дерево. Пробовал поиграть со значениями, позиционированием, но исправить так и не удалось. Линк

    Asked by flagreit,

    0 votes
    10 answers

  14. При margin: 0 auto пропадает отступ

    здравствуйте. есть html: <div class="big"></div> <div class="small"></div> и css: .big { margin-bottom: 20px; } .small { width: 500px; margin: 0 auto; } между big и small нет отступа, почему? и как применить к big и margin: 0 auto и margin-bottom: 20px; спасибо

    Asked by vvsh,

    0 votes
    10 answers

  15. помогите решить проблему со слайдером

    В общем есть слайдер http://ksergey.com/uploads/demos/demo_1/index.html мне нужно поверх слайдера наложить меньшую картинку, чтоб она не менялась. как это сделать?

    Asked by MrPupkins,

    0 votes
    6 answers

  16. Макет для сайта

    Как сделать вот такой дизайн. Вот такого плана.

    Asked by angelShlesser,

    0 votes
    13 answers

  17. Применение стиля у таблицы при обнуление *

    На сайте так обнуляеться в стилях все: * { margin: 0px; padding: 0px; } И когда создается контент, на страницу к примеру таблица и в теге table указываются отступы и прочее, то они не работают: <table border="1" bordercolor="#FFFFFF" cellpadding="10" cellspacing="0" width="100"> Как быть, чтобы все обнулялось, но в таблице нет?

    Asked by okunev2,

    0 votes
    4 answers

  18. проблема с ie

    Начал верстать, в фф, хроме, сафари выглядит все нормально в ie просто жесть какая-то. Посоветуйте как быть, пожалуйста. http://pilllaws.com/omg/

    Asked by rusmn,

    0 votes
    1 answer

  19. Создание регистрации

    Я вот балуюсь с блокнотом для создания сайтов(так для себя, на крупное я потом пойду). И хочу для себя сделать простенькую регистрацию (ник, пароль, мэйл), но не явускрипт ни пхп не знаю, не поможете как мне это все сделать. ЗЫ. Надеюсь поможете.

    Asked by KorwinD,

    0 votes
    20 answers

  20. Выпадающее меню с помощь списка определений

    Здравствуйте! Я задалась вопросом как сделать выпадающее меню не с помощью вложенных списков, а используя список определений. Только он, зараза, не хочет выпадать. Собственно говоря, в этом и проблема. Буду рада помощи. Код CSS: body{ font-family: Georgia, Times, 'Times New Roman', serif; } #nav, #nav dl{ margin:0; padding:0; border: 1px solid #000; background: #515151; float: left; width:auto; } #nav dt{ float:left; position:relative; background: #515151; } #nav dd{ display:none; position:absolute; padding:8px 0; width:138px; background: #515151; } #nav a{ color:#fff; text-decoration:none; display:block; width:120px; padding:4px 10px; } #nav a:hover…

    Asked by Lisitsa,

    0 votes
    8 answers

  21. Минимальная ширина и высота в экспловере.

    Как сделать минимальную ширину и высоту в экспловере?

    Asked by new01,

    0 votes
    5 answers

  22. Как оцентровать div

    Добрый день. Есть страница http://tdsol.ru/?page_id=126 на ней таблица, под таблицей 2 строки текста. Но из за того, что боковые divы закончились раньше текст разъехался. Подскажите, как его оцентровать относительно среднего diva?

    Asked by pix_l,

    0 votes
    4 answers

  23. Скорость работы

    Я 1.5 года занимаюсь версткой, сначала из любопытства html изучил, потом увидев csszengarden.com занялся изучением css и верстки в целом. На сегодняшний день вроде бы не плохо справляюсь, много читаю и практикуюсь и собираюсь в этом году заняться версткой как основным видом деятельности, и вроде бы, все хорошо, но волнует один вопрос: какое время нужно тратить на выполнение той или иной задачи? Просто я привык все делать медленно, отдавая внимание разным мелочам, порой даже с каким-то извращенным педантизмом могу весь выходной ковырять простой макетик, пытаясь довести его до субъективного совершенства что, конечно, не радует. Тут вот 3 макета форумных, хотелось бы унзнать…

    Asked by zSpx,

    0 votes
    8 answers

  24. Блоки новостей. Как семантичнее верстать?

    Ориентируюсь в верстке примерно на первую десятку фрилансеров-верстальщиков. Блоки новостей верстают по-разному - кто <dt> кто <ul> кто <em> <p> и пр. И все-таки кто-как считает - как семантичнее верстать?

    Asked by novicheG,

    0 votes
    22 answers

  25. Неперезагружаемое окно на сайте

    Здравствуйте, помогите решить проблему: Нужно сделать окно на сайте, которое открывается при нажатии кнопки (в окне будет что-то вроде чата). Окно не должно перезагружаться с основным контентом, т.е. посетитель должен свободно листать сайт, ходить по ссылкам меню, при этом окно чата всё время у него перед глазами где-нибудь с боку. Думал решить с помощью фреймов, но поисковики их очень не любят, и пессимизация сайта будет обеспечена на 100%, а это портит всё Может есть какие нибудь идеи? Буду благодарен!

    Asked by Myst,

    0 votes
    1 answer

  • Обсуждения

    • 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