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. Не работает vertical align в ИЕ 9

    Сайт: http://vhost-2549-1.hosting-service.in.ua/ В хедере справа от лого блок навигации. Во всех браузерах работает нормально, но в ИЕ ведёт себя не адекватно, текст ползёт вверх. Вот код: <div id="menu" class="floatR"> <table> <tr> <td><a href="http://localhost/dle/news/" title="Новости">Новости</a></td> <td>|</td> <td><a href="http://localhost/dle/articles/" title="Статьи">Статьи</a></td> <td>|</td> <td><a href="http://localhost/dle/advises/" title="Советы">Советы</a></td> <td>|</td> <td>&lt…

    Asked by Vlad_kot,

    0 votes
    2 answers

  2. Подскажите как лучше сверстать шаблон

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

    Asked by Sirega,

    0 votes
    8 answers

  3. как привязать кнопки к краям границы блока?

    Здравствуйте. Предыстория в кратце Мне нужно настроить для Joomla модуль новостной ленты mod_news_pro_gk4 (кто знает). Здесь вопросов нет. Далее на модуле расположены кнопки "влево" и "вправо", которые располагаются по краям бокса, слева с краю и соответственно справа. И вот здесь уже у меня вопросы по верстке, которые я уже несколько дней не могу осилить: 1. шаблон сайта сделан таким образом, что пользователь может собственноручно изменить ширину окна. на узко, средне, и широко. Но у стрелочек, стоит жёсткая привязка к ширине, и когда на одном из режимов хорошо, на другом, они уже вылезают совсем не туда, куда следует. Все попытки сделать, что бы стрелочки располагались …

    Asked by Neptun,

    0 votes
    1 answer

  4. Немного съезжает текст в IE.

    Добрый день, понимаю что вопрос банален до безобразия, но все же, в верстке не так давно и не могу решить проблему отображения строки в IE, во всех других браузерах отображается корректно. Ниже картинка с самой проблемой. вот как должно быть и как отображается в Google Chrome: А вот как обображается в IE. "Моська" - статический элемент, а вот " - название раздела" добавляется автоматически, в зависимости от раздела в котором находимся. Так вот почему так смещается текст и как это смещение убрать? Заранее спасибо. вот сайт snobstore.ru

    Asked by kmaroff,

    0 votes
    9 answers

  5. вопрос опытным верстальщикам

    Встал вопрос - в каких единицах вы указываете размер шрифта? Сначала я указывал в px, но перешел на em, особых трудностей для меня ни то ни другое не вызывает, но боссы говорят что в px указывать размер предпочтительнее. Я не понимаю почему, ведь em это же относительный размер, соответственно он удобнее.. Можете ли вы вкратце объяснить, что лучше использовать?

    Asked by Lemming,

    0 votes
    2 answers

  6. Смешная проблемка с дивами

    Здравствуйте, у меня очень смешная проблема с блочной версткой. Я хочу сделать заглушку для сайта, после чего потихоньку начать разработку, совмещая все это с заказами. (я не верстальщик, а дизайнер, но в основном хочу стать веб-программистом и уже начал делать прогресс, активно учусь). Задача, которую я себе поставил: Сделать repeat - фон - сделано. Сделать картинку (800х800) и разместить ее относительно Wrapper - тут-то и проблема. Код таков (index.html): <body> <div id='wrapper'> <div id='promo'> </div> </div> </body> В css: #wrapper { height: auto !important; width: 1000px; margin-left: auto; margin-right: auto; } img { bor…

    Asked by BetaVersion,

    0 votes
    2 answers

  7. Несколько проблем

    Asked by lolka84,

    0 votes
    2 answers

  8. Горизонтальное меню (LI пропорционально)

    Имеется горизонтальный UL длинной 1000px в нем несколько LI Пример кода: Ссылка на код Пункты меню могут добавляться из CMS. можно ли равномерно распределять пункты по всей длине списка?

    Asked by lost,

    0 votes
    15 answers

  9. Вызов окна во фрейме

    Есть файл, например, index.htm с содержимым: <style> #wind { position: absolute; width:320px; left: 35%; top: 100px; border:solid #105a98 4px; display: none; z-index: 10; overflow: hidden; background-color:#348c03; color:#fff; text-align:center; padding:10px; } </style> <a href="#" onClick="document.getElementById('wind').style.display='block'; return false;" title="Всплывающее окно">Открыть окно</a> <div id="wind"> Содержание всплывающего окна. <button type="button" value="закрыть" onClick="document.getElementById('wind').style.display='none'; return false;"> закрыть</button>…

    Asked by SFproG,

    0 votes
    7 answers

  10. Картинки в Div-е

    Имеется Div фиксированного размера. Нужно равномерно по ширине расположить в нём несколько картинок. Мой вариант: <div width="800px" style="padding: 0; text-align: justify;"> <img width="100px" height="50px"></img> <img width="100px" height="50px"></img> ... <img width="100px" height="50px"></img> </div> К сожалению не работает. Как правильно это сделать?

    Asked by Тёмик,

    0 votes
    10 answers

  11. Проблема с SVG в Chrome

    Доброй ночи, есть тут интересно специалисты в SVG) разное отображение в браузерах, вот иллюстрация как бы слой с текстом получается снизу, а должен быть сверху сам свг тоже прилагаю, можете у себя его просто открыть в браузере SVG

    Asked by fortunato,

    0 votes
    3 answers

  12. 2 колонки

    del

    Asked by Ergonav,

    0 votes
    1 answer

  13. Формула по центру

    Нашёл на данном сайте интересное задание на CSS http://htmlbook.ru/node/1054 Хочу предложить свой вариант решения , при котором всё центрируется как положено независимо от высоты формулы (картинки) <div style="width: 100%; text-align: center; position: relative;"> <img src="[ссылка на картинку с формулой]" /> <div style="display: inline-block; position: absolute; right: 0px; height: 100%;"> <table style="height: 100%; font: 14pt Calibri;" cellpadding="0" cellspacing="0"> <tr><td>([номер формулы])</td></tr> </table> </div> </div> Можно ли это оптимизировать?

    Asked by Logan,

    0 votes
    0 answers

  14. Скролл для комментариев

    Здравствуйте. Подскажите пожалуйста кто знает. (сайт на друпале) Задача: сделать скролл для комментов. Стал решать так (как в примере на этом сайте): Для #comments { overflow: scroll; /* Полосы прокрутки */ width: 900px; /* Ширина блока */ height: 850px; /* Высота блока */ padding: 5px; /* Поля вокруг текста */ border: solid 1px #eee; /* Параметры рамки */ } Все работает, только беда в том, что под скролл попадает и форма отправки комментариев. Вот код, который показал firebug [div id="comments"> [a id="comment-11"> [div class="comment comment-odd"> [a id="comment-10"> [div class="comment comment-even"> [div class="box"> - для формы комментов [/div> С…

    Asked by gorcom,

    0 votes
    4 answers

  15. Простая страница с сss.

    Добрый день. В данном коде элементы(изображения) с помощью css должны располагаться слева и справа (код для верхних и нижних элементов написал корректно). Как грамотно написать соответствующий код? <html> <head> <style type="text/css"> body{ position : relative; margin : 0; } /* вверхнее изображение */ #top{ float : centre; background: url(rep.jpg) repeat-x; /* Параметры фона */ height: 100; /* Высота блока */ } [img=http://s019.radikal.ru/i613/1203/2e/ec991701e907.jpg] </style> /* изображение cлева */ <style type="text/css"> .l1 { position : relative; } .l2{ position : absolute; top:5px; left:4px; } /* изображение справа отступ о…

    Asked by scofield,

    0 votes
    0 answers

  16. реконструкция блога

    Есть блог "бесконечность.od.ua" 2 колонки, узкий. Надо расширить и создать 3-ю колонку(2-ой сайдбар). Помочь можете?

    Asked by gusewvalia,

    0 votes
    1 answer

  17. Проблема с float в IE 6-7

    Позвольте вопрос по верстке. Проблема с float в IE 6-7. Есть макет сайта, имеющий структуру, как на схеме (упрощенно). Суть в том, что в в div основного контента вставлены два дива, один из которых, по замыслу должен быть пристыкован к левому краю, второй, соотоветственно к правому. Внутри каждого пристыкованного дива находится таблица для структурирования контента. Для левого пристыкованного прописано align:left; float:left, для правого, соответственно align:right ; float:right. Во всех браузерах отображается нормально, кроме IE 6-7. В IE 6-7 текст не обтекает внутренние диву и "спускается" ниже, а между внутреннними дивами отображается пустое поле. Как решить проблем…

    Asked by Palomnik,

    0 votes
    4 answers

  18. Что такое default button

    Здравствуйте! Объясните, пожалуйста, что такое default button (в чем отличие от command button) и как ее вставить в html-код?

    Asked by hike,

    0 votes
    2 answers

  19. DOCTYPE и высота ячеек таблиц

    <!--DOCTYPE html--> <html> <head> <title></title> <style> html { border: red dotted 1px; height: 100%; } body { border: blue dotted 1px; height: 100%; } body > table { border: red solid 1px; height: 100%; } /*body > table > tbody > tr > td { height: 100%; }*/ body > table > tbody > tr > td > table { border: blue solid 4px; height: 100%; } </style> </head> <body> <table> <tbody> <tr> <td style="border: green dotted 3px;"> <table> <tbody> <tr> …

    Asked by skvor,

    0 votes
    1 answer

  20. Помогите разобраться!

    Не могу ни как понять! Моя ссылка HTML,Body 100% все хорошо; Только в CSS заношу #conteiner внизу появляется отступ и прокрутка! HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Block</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> function fontSize() { var width = 1500; // ширина, от которой идет отсчет var fontSize = 16; // минимальный размер шрифт…

    Asked by hrupin,

    0 votes
    10 answers

  21. html5 doctype и ie6 quirks

    Может кто знает, как с html5 доктайпом заставить IE6 в quirks работать?

    Asked by MiksIr,

    0 votes
    10 answers

  22. Проблема с высотой

    Здравствуйте. Столкнулся с проблемой вёрстки. Необходимо получить следующий вид: , однако у меня получается такой вид: Привожу код страницы: <!DOCTYPE html> <html> <head> </head> <body> <div id="wrapper"> <header id="header"> <div>Заголовок</div> <nav id="hor_menu"> Меню </nav> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div> <aside id="sideLeft"> <nav id="ver_menu"> Меню </nav> </aside> <…

    Asked by param,

    0 votes
    7 answers

  23. type="radio" в САФАРИ (5.1.2)

    Вот такая конструкция <div style="float: left; width: 15px; " align="right"> <input type="radio" > </div> в Сафари отображается серым квадратом без возможности выбора. Кто сталкивался? Баг Сафари? Как лечится?

    Asked by user_000149,

    0 votes
    1 answer

  24. Background в 3 слоя

    Помогите сообразить пожалуйста. нужно бэкграунд составной сделать. Общий фон идет текстурой, и уже на общем фоне по обе стороны сайта нужно вставить картинки: как я понимаю можно сделать через абсолютное позиционирование, но при сжатии окна картинки будут залезать поверх основного блока сайта..

    Asked by ViES,

    0 votes
    11 answers

  25. Элементы списка и инпуты

    Есть следующий код: Требуется чтобы при фокусе определенного инпута, бордер вокруг этого поля менял свой цвет. Вот так: Первый элемент - это фокус содержащегося в нем инпута. Остальные - неактивные. (картинка сделала в Paint с подменой цвета) Закоментированная фраза в стилях - это мои мысли по поводу того, как это сделать. Только я не учел, что фокус принимает инпут, а не элемент списка li(ol) Это вообще реально? Если да, дайте подсказку, как это оформить(полное решение конечно хорошо, но лучше если я сам дойду до этого с некоторыми подсказками)

    Asked by Serafim1991,

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