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 как <table> , <tr>, <td> и т.д.,но когда начал изучать css,то понял,что могу обойтись без этих тегов и верстать на дайвах без проблем.Собственно,такой небольшой вопрос: Как сделать так,чтобы форма,сделанная на дайвах,не выделялась как текст?

    Asked by SteeLZzZ,

    0 votes
    3 answers

  2. проблема с div'ом id=#topmenu

    в css я писал для этого div'a margin-top:10px; а он отступает не от родительского div'a header , а я не знаю от чего, похоже от окна браузера. index.php: <?php // защита от прямого доступа к файлу defined('_JEXEC') or die; ?> <!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="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" > <head> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template…

    Asked by dmr,

    0 votes
    4 answers

  3. Как сделать такую менюшку

    Доброго дня форумчанам! Вот есть такая картинка с меню, хочу на своем сайте сделать примерно такую же менюшку. Но судя по картинке меню сделано в виде ссылок. Можно ли сделать такое же меню с помощью чекбоксов или списка и замаскировать под ссылки? Или так же красиво оформить. Просто в меню должны быть параметры, которые передаются в скрипт для выборки данных из БД, а с помощью ссылок передать сразу два параметра как-то сложновато получается )) Спасибо за внимание! Меню

    Asked by SunshineElf,

    0 votes
    1 answer

  4. Как сделать картинку при наведении курсора картинка изменяется

    Вот код я использую: #header .site-info {padding:100px 0 0 120px;height:84px;text-shadow:1px 1px 0 #000;background:url(http://www.cod.game-pack.net/images/logocallofduty.png) 30px 40px no-repeat;overflow:hidden;} А вот код другой код: <div class="site-info"> Помогите!!!!

    Asked by GhostNiniga,

    0 votes
    2 answers

  5. Опустить DIV в DIV'е в нижний правый угол

    Не могу опустить DIV в DIV'е в нижний правый угол при фиксированном размере вложенного div'а и c padding'ом. Может кто покажет на примере?

    Asked by stlb,

    0 votes
    2 answers

  6. Всплывающие подсказки

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

    Asked by JastinB,

    0 votes
    2 answers

  7. тэг {edituser}

    Доброго Вам время суток. столкунля с проблемай двиг DLE надо сделать что бы 1 стал такимже как 2 .userinfo { padding-left: 125px; } .ui-dialog-content .userinfo { padding: 10px 0 10px 125px; } .userinfo .l_con { margin-left: -125px; width: 110px; padding-right: 15px; } .userinfo .r_con { width: 100%; } .userinfo .rcol ul { margin-left: 0; } .userinfo .rcol ul li { margin-bottom: 2px; }

    Asked by trooper,

    0 votes
    2 answers

  8. Использование иконок в спрайтах и "em"

    Не могу решить проблему. У меня для инлайновых элементов, например для внешних ссылок указана иконка, через background. Так вот, когда размер шритфа фиксированный, например строго 14px/16px, то проблемы нет, задаю: background: url(images/sprite.png) no-repeat 0 -64px; И все здорово, иконка по центру строчки, все красиво. Однако когда шрифт нужно задать в em, например 1em/1.2em , то тут возникает проблема. Так как физический размер в пикселях может изменяться, то и иконка "гуляет", уползая вверх-вниз. Есть ли решение этой проблемы? Вариант с иконкой через :before не предлагать, он не работает в ие7, а городить костыли крайне нежелательно..

    Asked by danik.html,

    0 votes
    9 answers

  9. Свернутое окно

    Всем доброго дня! Вопрос следующий, при сворачивании окна на половину, все картинки и текст съезжаются, подскажите что нужно прописывать для закрепления текста в таблицах, и картинок, заранее спасибо.

    Asked by Web,

    0 votes
    6 answers

  10. Тормозит IE при добавлении 3d галереи jquery

    Здравствуйте! Подскажите пожалуйста как бороться с такой проблемой. На странице добавлена 3d галерея jquery появляется при нажатии кнопки методом show,hide везде работает нормально кроме IE(7,8,9) в них тормозит очень сильно(при появлении галереи!). Заранее спасибо!

    Asked by Indo,

    0 votes
    6 answers

  11. Что значит в css "."

    #middle:after { clear: both; content: "."; display: block; height: 50px; visibility: hidden; } Что значит конкретно content: ".";

    Asked by Imperil,

    0 votes
    5 answers

  12. Кнопки в шапке Wordpress

    Всех приветствую!!! Вот уже парюсь не первый день... Как мне сделать меленькие красивые кнопочки в ряд,так,как показан на рисунке,что бы этот ряд был прикреплен в правой или в левой стороне,без разницы???и без промежутка от картинки логотипа. И пожалуйста,напишите сам код. Заранее спасибо.

    Asked by Моя Кровь,

    0 votes
    8 answers

  13. Как сделать рамку

    Здравствуйте http://imedia.3dn.ru/ Под основным меню сайта я сделал еще одно так сказать под-меню. Но я хотел бы сделать это под меню такого же вида как и основное меню сайта, прошу помочь как это можно сделать

    Asked by Yura1,

    0 votes
    16 answers

  14. тянуть колонки по высоте

    Собственно SUBJ, возможно ли средствами css и html, реализовать "тягучесть" по высоте, у колонок, в зависимости от разрешения пользователя? Например в гугл+, есть такая фишка, но как я понял там javascript юзается. Кто, что думает по этому поводу?

    Asked by Kerny,

    0 votes
    4 answers

  15. недогоняю

    делаю навигацию под статьями в joomla сделад вывод куска в таком формате <div class="pagination"> <p class="counter"> Страница 8 из 17 </p> <ul class="pag"> <li class="tab"><strong><a href="/index.php?limitstart=0" title="В начало">В начало</a></strong></li> <li class="tab"><strong><a href="/index.php?start=24" title="Назад">←</a></strong></li> <li><strong><a href="/index.php?start=8" title="3">3</a></strong></li> <li><strong><a href="/index.php?start=12" title="4">4</a><…

    Asked by Actticus,

    0 votes
    2 answers

  16. -webkit-transform не работает в Chrome

    Доброй ночи. У меня проблема, сделал анимацию меню через css3, отображается везде кроме хрома и осла. Подскажите почему не происходит анимация в хроме, хотя в css она прописана -webkit-transform: translate(0,-10px); http://svetlogradstroy.ru/1/ Спасибо

    Asked by BoB,

    0 votes
    1 answer

  17. Opera и фон страницы

    Праивльно ли я понимаю, что в Opera при открытии страницы изначально всегда тот фон, который определен в настройках (белый по умолчанию)? Соответственно, на сайтах с темным фоном при относительно быстром переходе от страницы к странице, мелькает фоновый цвет (белый). Можно ли что-то сделать с таким мельканием, кроме помидорного терракта в штаб-квартире разработчиков сего браузера? (фоновый цвет задан и для html и для body, равно как и 100%-е ширина и высота)

    Asked by nicothin,

    0 votes
    1 answer

  18. картинка всегда внизу блока

    Здравствуйте! Волнует вопрос как сделать так, что бы картинка располагалась всегда в правом нижнем углу, в независимости от наличия и объема контента в блоке. (контент должен ее обтекать) Background не пойдет так как в таком случае текст будет наползать на картинку... жду хоть каких то идей..

    Asked by Fate-ol,

    0 votes
    2 answers

  19. Помогите с переопределением

    Что-то совсем не получается в модуле Джумлы1.5 сделать вот такое вот: http://s2.ipicture.ru/uploads/20120224/4dzTAayK.png Получается только вот так: http://s2.ipicture.ru/uploads/20120224/75X6621k.png Вот код менюшки: http://jsfiddle.net/WP9XM/ А как модуль переопределить чтобы можно было такую структуру выстроить не понимаю Вот как я делал: http://jsfiddle.net/b4jxg/ Но как классы то придать заголовкам чтобы двигать их можно было, жирность выставлять и т.д.? Как структуру правильно выстроить? Очень нужно, спасибо.

    Asked by Imperil,

    0 votes
    2 answers

  20. Вопрос по отправке формы

    Здравствуйте, вот такая у меня проблема. У меня есть код <form action="http://localhost"> <input name="lol" type=image src="1.gif"> </form> По-идее браузер должен отсылать параметры картинки 1.gif, но они каждый раз разные, почему?

    Asked by bagipro,

    0 votes
    1 answer

  21. Размер щрифта

    Всем привет!! У меня есть макет в psd. Наткунулся на такую проблемку. 1) В psd размер шрифта 12pt Нужно ли переводить их в PX при верстке шаблона или писать просто 12px или (12pt = 16px) МАКЕТ ДЕЛАЮ ЭЛОСТИЧНЫЙ! что писать 12px или 16px если в фотошопе 12pt

    Asked by garicktry,

    0 votes
    4 answers

  22. Размер щрифта

    Всем привет!! У меня есть макет в psd. Наткунулся на такую проблемку. В psd размер шрифта

    Asked by garicktry,

    0 votes
    1 answer

  23. Масштаб изображения по размеру экрана.

    Как сделать чтобы изображение полностью было на экране, без прокрутки? например изображение 1600х1200. а размер окна намного меньше.

    Asked by AlexVrag,

    0 votes
    2 answers

  24. Изменение размера textarea

    Добрый день! На странице есть элемент textarea. Проблема в том что к нему не применяется resize. Пишу resize: vertical и нифига, как изменялся размер так и изменяется

    Asked by mcavalon,

    0 votes
    11 answers

  25. помогите убрать странный отступ снизу

    помогите убрать странный отступ снизу(для IE). используется плагин с сайта http://css3pie.com/ <html> <head></head> <title></title> <style> #main{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); …

    Asked by pdbq,

    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