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. ie высота ячейки

    Есть таблица следующего вида: <table> <thead> <tr> <th><span>12323</span></th> <th><span>12323</span></th> <th><span>12323</span></th> </tr> </thead> <tbody> <tr> <td><span>12323</span></td> <td><span>12323</span></td> <td><span>12323</span></td> </tr> <tr> <td><span>12323</span></td> <td><span>12323</span></td> <td><span>12323</span></td> </tr> <tr…

    Asked by theo_,

    0 votes
    2 answers

  2. размер шрифта на сайте и операционная система.

    Ребят, полазил по форуму, не получилось найти ответа, так что создаю тему. Суть вот в чем, в настройках винды (ПЕРСОНАЛИЗАЦИЯ), установил крупный шрифт и решил посмотреть на свои работы и ужаснулся - шрифт стал больше и все стало некорректно выглядеть. Вопрос. Можно ли с помощью CSS сделать шрифт одного размера не смотря на настройки ОС. Спасибо за внимание.

    Asked by getalusk,

    0 votes
    2 answers

  3. Выравнивание в div по вертикали

    День добрый. Вопрос в нете обсуждался, но именно, то что нужно мне не нашлось. Итак, нужно в div выровнять два элемента. Один по верху (обычно) а один элемент вывести в самом низу. Высота родительского div фиксирована. Всем спасибо

    Asked by ekkl,

    0 votes
    1 answer

  4. Список с разными маркерами

    Как правильно сделать список чтобы у каждого элемента списка была своя картинка-маркер? создал Вот такой список: <div id="menu8"> <ul> <li><a href="#1"><span id="one"> Подсолнух</span></a></li> <li><a href="#2"><span id="two"> Лютик</span></a></li> <li><a href="#3"><span id="three"> Ромашка</span></a></li> </ul> </div> сss-код: #menu { /** background: #333333; **/ float: left; width: 250px; height: 624px; margin-top: 10px; margin-right: 10px; border: 1 solid black; padding-right: 20px; } /* …

    Asked by Newbie,

    0 votes
    3 answers

  5. Стиль бордюра

    Скажите как коротко записать чтоб, верхней границы бордюра не было, а право, лево и низ было чёрным цветом 1 пиксель? border:право лево низ solid black; Вот так не получаеться .menubordur{border:1px 1px 1px solid black;}

    Asked by people2010,

    0 votes
    2 answers

  6. Список ссылок в диве

    Внутри ячейки возникла необходимость сделать список ссылок,то есть внтутри <td> я хочу сделать несколько ссылок, только каждая ссылка на следующей строке должна находиться/ Раньше делал таким коротким способом, сейчас чего-то этот способ не работает. Создал класс .d{display:block;} А потом в диве писал такое раньше и выходило, а сейчас не выходит: <div class="d"> <a href="#">Privet</a> <a href="#">Privet</a> <a href="#">Privet</a> </div>

    Asked by people2010,

    0 votes
    1 answer

  7. Как сделать перенос текста на новую строку, если он не влазит в div?

    Доброго времени суток. Обрашаюсь за помощью к сообществу. В вёрстке я глубокий чайник Есть вот такая картинка: страница на которой всё это http://club.desantura.ru/lit/ не могу понять, как сделать, чтобы текст, который не влазит в ячейку переносился на новую строку, а не вылазил за её пределы. уже весь мозг сломал. Лучший вариант, который смог достичь, это применение overflow: hidden чтобы обрезать лишнее.

    Asked by am-inbox,

    0 votes
    4 answers

  8. Не изменяется цвет фона контента.

    Не могу понять почему не изменяется цвет контента. Я взял шаблон кода html+css с сайта. Вот у меня в body {} стоит background-color: #a1cfff;. Это я так поставил цвет краёв, т.е. что не входит в границы сайта. Теперь я хочу чтобы контент и сайдбар были белыми. Я пишу в #content { background-color: #fff; } и фиг меняется что. Пишу в #container { background-color: #fff;}. Тоже ничё не меняется. В сайд баре поменялось. Не могу понять почему. Вроде всё должно менять и работать. Помогите мне разобраться пожалуйста, если конечно поняли меня.

    Asked by prowoke,

    0 votes
    1 answer

  9. 2-ая ячейка вышла за полюс

    У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!DOCTYPE HTML PUBLIC "-//W3c//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" al…

    Asked by people2010,

    0 votes
    1 answer

  10. 2-ая ячейка вышла за полюс

    У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!DOCTYPE HTML PUBLIC "-//W3c//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" al…

    Asked by people2010,

    0 votes
    0 answers

  11. Выпадающее индексированное поисковыми роботами

    Подскажите, на чём нужно делать и как сделать выпадающее меню, чтоб оно индексировалось поисковыми роботами? Если кто делал,напишите пример реализации. Заранее благодарю.

    Asked by people2010,

    0 votes
    6 answers

  12. Шрифт и разные браузеры

    Сталкнулся с проблемой. В Опере и Фаерфоксе текст отображается поразному, из-за этого в Опере текст съезжает и не помещается в таблицы как задумано. Подскажите как с этим бороться. Если можно с примерами. Спасибо.

    Asked by gohtwew,

    0 votes
    6 answers

  13. верстка на дивах, когда вставлена картинка верстка съезжает

    Так вот, ситуация следующая, сверстала макетик, для проверки просто вставила туда текст, все работало замечательно, но по задумке в одном из блоков (их всего 4 - шапка, две колонки, подвал - все фиксированное), а именно в левой колонке, где располагается основная часть, которая должна быть картинкой, слетела верстка. Если в левой колонке стоит просто текст, то все отображается нормально, но если я ставлю туда картинку, то она съезжает вниз на длину правой колонки (на макете зеленая). как это должно выглядеть, но тут вставлен текст. а вот как выглядит макет когда в него картинка вставлена вместо текста. при чем белая полоса над картинкой удлиняется, если длина зеленой ко…

    Asked by rognarek,

    0 votes
    2 answers

  14. 3 колонки у каждой получается своя высота

    Доброе время суток! В верстке не сильна, поэтому спрашиваю. У меня сайт из 3 колонок. Они должны быть одинаковой высоты и заканчиваться у футера. Но проблема в том, что они растягиваются по содержимому и обрываются. Пробовала ставить высоту 100%, все равно не получается. Если укажите также ошибки, буду очень благодарна. css /* Основные элементы для всей страницы */ body { background-image: url('pict/fon2.jpg'); /* Путь к фоновому изображению */ color: #000000; /* Цвет шрифта */ margin: 0px auto; /* Отступы и положение */ font-family: Arial, Verdana, 'Times New Roman'; /* Шрифт */ font-size: 14px; /* Размер шрифта */ } /* Все для ссылок: ак…

    Asked by klara7,

    0 votes
    12 answers

  15. Резиновая вёрстка с минимальной шириной центра

    Всем привет! Возникла одна интересная задача, которую пока не смог решить. Имеется резиновая вёрстка: 2 боковые колонки, фиксированной ширины, и растягивающийся центр. Проблема в следующем. Минимальное разрешение экрана для нормального просмотра сайта - 1024х768. Мне нужно сделать так, чтобы центр полностью разместился на экране, имея минимальную ширину примерно в 990px, а боковые колонки чтобы просто "срезались", заняв оставшееся место на экране. При большем разрешении экрана, соответственно, колонки будут показаны уже больше. А у кого совсем широкий экран - колонки будут на месте, а центр растянется под свободное место. Думаю, идею изложил ясно. Итак, вот что имеется: …

    Asked by Yuriy,

    0 votes
    13 answers

  16. Выравнивание по центру изображения с absolute

    Здравствуйте! В верстке новичок, возникла необходимость выровнять картинку с position:absolute по центру. Кроме этого, картинка вписана в окно браузера, и масштабируется с сохранением пропорций. Если убрать absolute, получается выровнять с помощью text-align:center; Но без absolute она некорректно отображается в опере, ие и мозилле. Помогите советом. Код: <STYLE type="text/css"> *{padding: 0; margin: 0;} body, html {height: 100%;} #soon { /* Set rules to fill background */ height: 100%; min-width: 640px; min-height: 480px; /* Set up proportionate scaling */ height:100%; /* Set up positioning */ z-index: -1; position: absolute; } </STYLE…

    Asked by Elmirill,

    0 votes
    2 answers

  17. Выпадающее меню и z-index

    Всем доброго времени суток, я создал выпадающее меню в drupal, оно находится в левом блоке сайта, основные пункты отображаются корректно, но выпадающее менюшки доходят только до края левого блока и обрезаются, плюс они не кликабельны, пробовал ставить на меню максимальный z-index, но проблема так и осталась, вот отрывок кода где левый блок - sideleft <div id="container"> <div id="sideLeft"> <div id="left_menu"> <?php echo $left ?> </div> <!-- #left_menu--> </div> <!-- #sideleft--> <div id="content"> <div id="padding"> <?php echo $content; ?> </div><!-- #padding--> </div><!-- #content--…

    Asked by selevit,

    0 votes
    10 answers

  18. Зазор между div'ами при нулевом padding,margin,border

    Не очень понимаю откуда взялась такая проблема, поскольку раньше ее не встречалось. Задача: требуется составить 3 блочных слоя в один ряд без зазоров, т.е.вплотную друг к другу. Решение: делаю, как обычно. У каждого из трех: {width:100px; border: 0; padding: 0; margin:0; display: inline-block;}.И все прекрасно, но вместо 300 в сумме получаю по 3 дополнительных пикселя с каждой стороны у каждого дива. В чем может быть дело? Не могу понять. Подскажите, пожалуйста.

    Asked by v.asya,

    0 votes
    6 answers

  19. вопрос по верстке горизонтального сайта

    добрый день уважаемые форумчане есть такой сайт mediteczt точка ру / cleanrus имеется ряд вопросов 1. скачет меню в разных браузерах вместе с контентом - особенно видно в опере. помогите отредкатировать 2. сайт представляет собой горизонтальную прокрутку которая осуществляется через ряд JS библиотек(приложил исходник) . так почему непонятно в один из BOX ов(boxaМИ называю эти самые сектора горизонтальной странички) я не могу вставить например простейшие lightbox или другие JS модальных окон? теоретически вставить можно но тогда идет конфликт с другой JS библиотекой и горизонтальная плавная анимация просто пропадает. как быть? ccылка на пример http://files.mail.ru/SPA4OX з…

    Asked by Deca,

    0 votes
    1 answer

  20. Zend Coding for Notepad++ v0.6.1

    Подскажите как настроить этот плагин под notepad++ что б наберая какоето сокращение вызывались кусочки кода полные????

    Asked by fastikkk,

    0 votes
    1 answer

  21. Градиентный текст

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

    Asked by npofopr,

    0 votes
    2 answers

  22. Вопрос по таблице

    таблицами верстать не умею как то не сложилось) а тут клиенту надо таблицами делать вот и возник вопрос есть блок с желтым тайтлом и тремя ячейками в ряд надо ячейки равномерно по ширине таблицы расположить(ширина таблицы фикс/ячейки фикс) слоями знаю как а вот таблицей и что бы кроссово хз ПС у меня картинка примера не видна хз что не так пруф на то что должно быть _http://walkman.asia/htmlforum/sample.jpg

    Asked by WalkMan,

    0 votes
    13 answers

  23. Прозрачный margin

    Всем доброго времени суток, Собственно, Сабж, заранее спасибо =)

    Asked by selevit,

    0 votes
    6 answers

  24. наложение заголовков на меню в ИЕ7

    Столкнулся вот с такой штукой наблюдается в ИЕ7. В ИЕ6, ИЕ8, ФФ3.6 все нормально. никак не могу понять, где засада прошу помощи сообщества пациент здесь

    Asked by am-inbox,

    0 votes
    8 answers

  25. Резиновый сайт

    Есть шапка размером 1024Х180px Хочу сделать чтоб шапка при больших разрещениях увеличивалась ,а при уменьшении экрана на 700-800 пикселей ,чтоб появлялась во всех браузерах полоса прокрутки, чтоб нормально показывалось на всю ширину на экранах 15,17,19,22 дюйма. Подскажите как, код пробный. Проблема в том, что у меня не появляеться полоса прокрутки при уменьшении окна браузера на меньше 800 пикселей в браузере ИЕ, там и 900 и 1000 пикселей, полоса появляеться. А в др. браузерах аообще не появляеться при уменьшении на меньше 800 пикселей. Хочу чтоб на всю шрину было в экранах размером 15,17,19,22 дюйма. Подскажите как в моём коде правильно написать. Заранее благодарю за …

    Asked by people2010,

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