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. Проблема с меню!

    Здравствуйте! Делаю меню для сайта, возникли трудности! При нажатии на список должен открываться контейнер div, смещая при этом нижнее меню! А при нажатии на нижнее меню соответственно нижнее меню съезжает вниз, а контейнер div появляется в середине. При первом нажатии:все списки вместе с блоком съезжают. При втором нажатии: Не могу понять в чем проблема! Html code: <menu id="menu"> <ul class="ulmenu menu1"> <li><a href="#">Меню 1</a> <div class="tabmenu">ased</div> </li> <li><a href="#">Меню 2</a> <div class="tabmenu">sds</div> </li&g…

    Asked by liar_84,

    0 votes
    3 answers

  2. Переопределение стилей в iframe

    Прошу помощи у опытных коллег! Ситуация - на странице подгружается iframe со стороннего сайта. В нем заданы свои стили для элементов, в частности, для одно из них указано - display:none !important Я хочу переопределить стиль вывода этого элемента на своей странице, сделать его видимым. Возможно ли это и если да, то как? Добавление в таблицу стилей на моем сайте описания элемента с таким же id, но с другим стилем ни к чему не приводит - берется все равно стиль из iframe. Подозреваю, что раз стиль в iframe подгружается последним, и там стоит !important - то именно он главный в иерархии, так сказать. Но может быть как-то хитро можно это обойти? Спасибо!

    Asked by rokugan,

    0 votes
    3 answers

  3. Путы overflow:hidden

    А как можно выбраться из overflow:hidden? Допустим, внутри этого элемента выпадающий список. Но он, распахиваясь за переделы родительского элемента, обрезается. Не меняя overflow:hidden у родителя, можно как-то вырваться из него?

    Asked by Artlive,

    0 votes
    3 answers

  4. PHP регулярное выражение

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

    Asked by egoregor,

    0 votes
    4 answers

  5. div съезжает вниз

    Всем привет! Уже час ломаю голову, почему центральный див съезжает вниз ? Заранее благодарю! <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style> .positions { width:100%; height:197px; padding:10px 0; display:table; } .positions figure { width:20%; height:197px; display:table-cell; } .positions figure div { width:171px; height:185px; background:url("img/posFon.png") no-repeat; padding:6px; } .positions img { width:170px; height:149px; } .positions figcaption { text-align:center; margin:10px 0 0 0; } .fonL { float:lef…

    Asked by lolka84,

    0 votes
    8 answers

  6. Выпадающее меню и z-index слоев

    Доброго времени суток Уважаемые форумчане. При верстке горизонтального выпадающего меню столкнулся с проблемой: необходимо выпадающие подпункты поместить под основные (всего на пару пикселей вверх, что бы перекрыть бордер и создать непрервыную обводку. Как здесь: Но при верстке получается, что выпадающие пункты имеют абсолютное позиционирование и находяться слоем выше, чем их родительский список, что привод к следующему результату: Вот код html: <ul id="menuhead"> <li id="lap1"><a href="#">Пункт 1</a> <ul id="ldp1"> <li class="podmenu"><a href="#">Управление объявления…

    Asked by tragbang,

    0 votes
    5 answers

  7. Сначала создаём PSD в Фш., а потом это верстаем в Дв.?

    Подскажите, каков самый распространённый, самый часто встречающийся алгоритм работы над созданием сайта (статичного, про программирование, про ПХП и Яваскрипт не говорим) с нуля? Реально какой. Сначала создаём в Фотошопе файл PSD, который соответствует нашей задумке, а потом с помощью этого файла в Дримвивере уже верстаем? Или этап с созданием файла PSD можно опустить и начинать сразу с нуля вёрстку в Дримвивере? Просто многие тут эти файлы вспоминают PSD, а я хочу спросить - они обязательны перед вёрсткой, или можно начинать верстать и без этого файла? Если эти файлы PSD обязательны, то тогда мне нужно искать книжку с названием наподобие "Вёрстка сайта в Фотошопе", или "…

    Asked by Serg55,

    0 votes
    16 answers

  8. Проблема с картинками в ссылках

    Вот такая проблема : Причём в хроме и в опере такой рамки вокруг выделенного элемента нету. Код: <p><table> <tr><td> <a class="tourlink" href="http://www.pegast.ru/samo5/search_tour" target="_blank"> <img class="tourimg" src="images/pegast.jpg" border="0" alt="" /> </a> </td> <td><a class="tourlink" href="http://search.teztour.com/?country=1104&city=345" target="_blank"> <img class="tourimg" src="images/tez.jpg" border="0" alt="" /> </a></td> <td><a class="tourlink" href="http://online3.anextour.ru/search_tour?DOLOAD=1&TOWNFROMINC=23&STATEINC=3&TOURINC=24&CHECK…

    Asked by soif,

    0 votes
    5 answers

  9. как сделать чтобы текст не лез на модуль...

    вот страница http://www.bk-ugra.ru/reklamodatelyam-i-partneram на ней текст лезет на правый модуль... все обошел. не понимаю как его ограничить... буду очень признателен, если тыкните в строку css которая это определяет [codecodebox ] body,td,th { font-size: 78%; line-height: 140%; color: #000000; font-family:Arial, Helvetica, sans-serif; text-align:left; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image:url(../images/main_05.gif); background-repeat:repeat-x; } .header { margin:0px auto; width:980px; height:200px; } .logo { background-image:url(../images/main_02.gif); background-repeat:no-repeat; background-position:top; h…

    Asked by vovchikku,

    0 votes
    3 answers

  10. закругленные углы

    как закруглить углы в css2.1 ? а то не проходит валидацию

    Asked by olechic,

    0 votes
    3 answers

  11. Проблемы с <Input type="submit">

    Добрый вечер! При доделывании чужой работы столкнулся с простейшими на первый взгляд проблемами: На странице есть 2 инпута(на ссылке с принтскрином указано в каком браузере проблема...). В одном из них в мазилле не работает Cursor:pointer? Это связано с тем что там внутри один блок налазит на другой! Если менять блоки местами(в html)то cursor работает - но инпут не функционирует? (перепробовал в течении нескольких часов всё что в моих силах-но безрезультатно!) Работает он изначально нормально только в IE!(не могу понять почему?...) Со вторым инпутом при клике происходит смещение самого текста вниз на пару пикселей!? (происхдит это в IE и Opera?) P.S. Буду очень благодарен…

    Asked by Yamaradg,

    0 votes
    3 answers

  12. ссылка PNG.-кой с прозрачным фоном, как сделать чтобы для нее не отображался атрибут hover из CSS

    ссылка PNG.-кой с прозрачным фоном, как сделать чтобы для нее не отображался атрибут hover из CSS?

    Asked by infinite8,

    0 votes
    3 answers

  13. помогите справится с IE - школьный сайт

    http://school528.spb.ru/main/newspaper/index.php Вот страница сайта, в гугл хроме работает и в мазиле в ie ,хоть один из последних,все равно вылетают подписи в фотографиях и текст в рубрике читайте в номере Уважаемые знатоки, дайте пожалуйста совета Заранее спасибо!

    Asked by Select,

    0 votes
    0 answers

  14. input type=file не расширается

    Народ, я только заметил что Firefox не понимает ширину для input type=file. Смотрите здесь. Не смотря на то что задана ширина 300px Firefox показывает как обычно. Как можно добиться этому?

    Asked by jumancy,

    0 votes
    6 answers

  15. Организация блоков друг под другом

    Есть блок он может быть шириной 360 или 720, в нем два дива. Мне нужно если ширина внешниго блока больше чем 360, то два блока идут в ряд, если меньше или ровно то друг под другом. Как такое можно организовать?. Блоки наполняет картинка и обтекающий текст.

    Asked by like2dev,

    0 votes
    9 answers

  16. Боковые картинки под углом

    Jquery 3d carousel. Как можно, например, в такой карусели: http://fredhq.com/projects/roundabout сделать, чтобы картинки сбоку от центральной (справа и слева) были под углом, как здесь: http://www.olympic.org/ (я знаю, что тут флэш). Можно ли такое сделать с помощью css? Если кто делал подобное, помогите пожалуйста.

    Asked by Tchorteg,

    0 votes
    3 answers

  17. psd—>html

    меня интересует вопрос верстки с псд!!сколько допускают компании несоотвествию макету псд (в пикселях)? практикуюсь,измеряю но получается ошибка +-5пикселя иногда!

    Asked by bot87,

    0 votes
    2 answers

  18. Отступы в Таблице

    Добрый день у меня сайт сверстан таблицой. и между <tr> есть 2px прослойка... а надо чтобы не было... все перекопал ... даже border-spacing:0; не помог в чем может быть причина ? Проблема Решена и была причиной моей невнимательности просто прописать <table ... cellpadding="0" cellspacing="0" >

    Asked by Select,

    0 votes
    0 answers

  19. ячейка в таблице определенного размера

    хоться иметь таблицу с ячейками размером 2 на 2 пикселя но никак не получается кажись вина в шрифте (его размере) помогите кто может всем за ранние спосибо

    Asked by serjico,

    0 votes
    18 answers

  20. Данные в БД не отправляются

    Страница с формой для отправки <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Блок Администрации</title> </head> <body> <form name="form1" method="post" action="add_news.php"> <p> <label>Введите название<br> <input type="text" name="title" id="title"> </label> </p> <p> <label>Введите краткое описание<br> <input type="tex…

    Asked by Mahay,

    0 votes
    6 answers

  21. Какой оптимальный шрифт и размер для разных ОС?

    Какой оптимальный шрифт и размер для разных ОС? Может даст кто совет с практики, а то выходит 13px маленький в Linux, но зато в Windows нормальный.

    Asked by Saturn,

    0 votes
    4 answers

  22. спойлер

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

    Asked by Alex01,

    0 votes
    2 answers

  23. Одинаковые ячейки

    Здравствуйте. На веб странице раньше была табличка с данными (данные получаются с сервера, и поэтом нельзя знать заранее сколько будет там колонок и сколько столбцов. В прочем столбцов там 9 или 10). Потом всё переделалось, и каждая строка таблицы стала отдельной таблицей внутри списка. Это сделалось для того чтобы можно было применить один jQuery плагин позволяющий сортировать списки. Тогда возникла проблема которую я пытаюсь решить уже второй день: нужно чтобы была фиксированная ширина у каждой ячейки таблиц. То-есть было так (тут одна таблица) Стало так (тут список из 10 строчек и в каждом по таблице) Я пытался сделать td { /* значения высчитывал с помощью php */ …

    Asked by faydaen,

    0 votes
    0 answers

  24. rotate для IE

    Была проблема с rotate для осла 8. Проблему решил filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); Но теперь надписи съехали влево. Как сделать отступ их только для ИЕ без догрузки лишнего файла стилей для ие? Пример тут, во всех браузерах кроме ИЕ, надписи "События:Все Лучшие" на своих местах (справа от логотипа)

    Asked by Tchorteg,

    0 votes
    0 answers

  25. margin только для мозилы

    Нужно чтобы margin-left: и margin-top: в определенном классе видела только мозила. как такое сделать?

    Asked by Tchorteg,

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