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 и Firefox обведена рамкой, что уже только не прописывал в css все равно не помогает. не знаю как ее убрать. делаю все на дивах http://zodiak93.wen.ru/1120/0011204.gif

    Asked by ZODIAK93,

    0 votes
    2 answers

  2. Старый добрый футер внизу страницы!

    Сегодня прочитал вот эту статью http://habrahabr.ru/blogs/css/66805/ , тема вроде-бы заезжаная, но всё таки ещё актуальная, как мы видим. Для себя я доделал и решил, что буду всегда использовать именно такой метод http://psywalker.ru/Forum/shadow/Untitled-1.html Так вот вопрос: Чем мой метод хуже Хабрахабравского да и вообще какие минусы есть в моём методе прижимания Футера?

    Asked by psywalker,

    0 votes
    31 answers

  3. Маргает в ие

    Добрый день! Подскажите как бороться с морганием в ослике: #logo a { float:left; background: url(l.jpg) no-repeat left center; padding: 0px; margin: 0px; outline: none; width:268px; height:86px; } <div id="logo"><a href="/"></a></div> Когда наводишь мышку, моргает. В других браузерах нормально.

    Asked by phz,

    0 votes
    11 answers

  4. Теги для вставки файла в текст

    Здравствуйте! Буду признателен если поможете мне в решении вот какого вопроса: Я новичек и только недавно начал изучать програмирование. Подскажите, пожалуйста, как можно вставить файл (zip) в текст статьи? Что-бы текст выглядел примерно следующим образом: Бла-бла-бла. Бла-бла-бла. Скачать Бла-бла-бла. Бла-бла-бла. Скачать В общем, что бы посетитель жал на ссылку и мог скачать документ или аудиофайл, например. Какие теги необходимо использовать? Заранее благодарен за помощь.

    Asked by Dim@,

    0 votes
    4 answers

  5. Жесткая ширина ячейки

    Ребятки, подскажите, пожалуйста, как можно задать ширину ячейки таким образом, чтобы элемент, находящийся внутри нее (картинка), съедалась самой ячейкой? Тоесть если картинка шире самой ячейки, нужно сохранить ширину самой ячейки, а она раздвигается по ширине картинки...

    Asked by qweminus,

    0 votes
    2 answers

  6. Центровка элементов страницы

    Есть у меня сайт. Главная страница разделена таблицей на две части 10% (меню), 90% (начинка). Начинка набивается кучей маленьких блоков, вот так (сократил): <body> <table> <tr><td width=10%>menu</td> <td width=90% align=center> <div class="column1"> новость 1 </div> <div class="column1"> новость 2 </div> <div class="column1"> новость ..... </div> </td></tr></table> стиль column 1: .column1 { float: left; margin-right: 20px; margin-bottom: 20px; } Очень удобно все получается, если экран у монитора широкоформатный, то блоки выстраиваются по горизонтале, если не очень, то в…

    Asked by Alexey Menshikov,

    0 votes
    3 answers

  7. Очень нубский вопрос по HTML =)

    Вобщем есть 2 кода счётчика, назовём их "X" "Y" Нужно сделать чтобы они шли не друг под другом, когда я ввожу в модуле Joomla 1.5.14 произвольный HTML код, а в строчку Всё это должно быть в div'е Заранее спасибо =)

    Asked by Duveloper,

    0 votes
    11 answers

  8. шапка

    ...........

    Asked by cosonic,

    0 votes
    11 answers

  9. <object> и <param />

    Поискал на форуме - практически везде только и спрашивают, как вставить флэш на страничку и ему подобные. Меня же интересует, что вообще можно делать с их помощью? Какие параметры могут они принимать и что они значат? Может у кого-нить есть ссылки на описания или примеры использования "объектов". Из непроанализированный тегов остались только эти 2) Очень хотелось бы узнать, на что они способны. Спасибо.

    Asked by DjTarik,

    0 votes
    2 answers

  10. атрибут float одновременно меняет позиционирование на абсолютное?

    <!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"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> </head> <body> <div style="border:2px black solid;">родительский элемет <div style="float:left;">Левое Бла - бла - бла</div> <div style="float:right;"> Правое Бла бла бла</div> </div> </body> </html> ТАк и задумано, что с атрибутом флоат дочерние дивы вываливаются из родительского? з.ы. в 6 и 7 ИЕ они не вывали…

    Asked by hf3,

    0 votes
    28 answers

  11. Проблема с боковым меню

    не понимаю что происходит с менюшкой (сбоку), ставлю значение height:100%, добавляю ссылки-кнопки и происходит что-то не понятное, появляется вертикальная полоса прокрутки..... html <div class="menu"> <h2><a href="#" class="kn1"></a></h2> <h2><a href="#" class="kn2"></a></h2> <h2><a href="#" class="kn3"></a></h2> </div> <div class="content"> </div> css * { margin:0 auto; padding:0; height:100%; } body { height:100%; width:780px; border: solid 1px black; } .menu { width:150px; border:solid 1px black; background-color:black; float:left; height:100%;…

    Asked by альберt,

    0 votes
    6 answers

  12. Борюсь с таблицами

    Всем привет! Имеется таблица с двумя колонками. В каждой из колонок имеется вложенная таблица, которая по ширине растянута на 100%. Но количество текста может быть абсолютно произвольным и слева и справа, поэтому у меня вложенные таблицы получаются неодинаковые по высоте, а так некрасиво. Пробовал написать в каждой из вложенных таблиц width = "100%" height = "100%" - почему-то никакого эффекта это не произвело. А что еще там написать можно - я не знаю. Помогите пожалуйста чайнику

    Asked by DasTPID,

    0 votes
    12 answers

  13. Как выровнять баннер по центру ?

    Как выравнить баннер по ценру, : http://kvshu39.ru/forum/viewforum.php?f=7&...619d234b150e10c <!-- INCLUDE overall_header.html --> <script type="text/javascript"><!-- google_ad_client = "pub-5796305367349667"; /* киу_форум_без прокрутки_700x140 */ google_ad_slot = "8800195845"; google_ad_width = 728; google_ad_height = 90; //--> </script>" Пасиб

    Asked by persey01,

    0 votes
    2 answers

  14. Отступы от текста в таблице

    Если задаю отступы для всей таблицы (padding: 10px), то это не работает. Работает только если задаю для каждой ячейки отдельно. Вопрос - это так и должно быть, или это только у меня такая фигня?

    Asked by olgastaf,

    0 votes
    5 answers

  15. <xbody>

    Зачем нужны теги <Xbody> и что они делают или запрещают делать?

    Asked by Glebr,

    0 votes
    14 answers

  16. вырвнивание submit

    <input type="submit" class="submit" value="Найти" /> /*—Css—*/ .submit { width:50px; height:22px; border:0; font-size:.84em; color:#841A16; background:#C2C2C2; } Как сделать, чтобы текст во всех браузерах был вертикально по цетру. type="image" не использовать, в различного рода оберкти не брать. только то, что есть. желательно код один, не отдельно для каждого браузера.

    Asked by Lincky,

    0 votes
    0 answers

  17. Таблица с скроллируемым <tbody>

    Необходимо сделать таблицу у которой <thead> будет фиксированным, а <tbody> будет скроллироваться. И чтоб в ИЕ работало. Есть у кого идеи? Желательно без скриптов, но в принципе и скриптами можно если чистым CSS никак нельзя.

    Asked by Great Rash,

    0 votes
    10 answers

  18. Смена фона яйчейки не пашет

    может кто подскажет где ошибка, просто мозги уже не пашут ... нужно сделать смену фона яйчейки как на http://shebeko.info слева менюшка. Я прописываю все в стилях a.mainlevel:link { font-family: Tahoma; display : block; font-size : 10px; border : 1px solid #E0E0E0; FONT-WEIGHT: bold; width : 100%; text-indent : 10px; margin-bottom: 1px; margin-top: 0px; text-decoration : none; text-transform : uppercase; } a.mainlevel:visited { display : block; font-size : 10px; border : 1px solid #E0E0E0; font-family: Tahoma; FONT-WEIGHT: bold; width : 100%; text-indent : 10px; margin-bottom: 1px; margi…

    Asked by shebeko,

    0 votes
    4 answers

  19. IE8 margin: 0 auto;

    В IE8 этот код в css стиле не центрирует, а в опере и мазиле баннер с идентификатором container стоит по центру #container { width: 760px; margin: 0 auto; }

    Asked by SoFuWa,

    0 votes
    5 answers

  20. Рамка для DIV

    Существует такая структура <div> <h1></h1> <div></div> </div> возможно ли сделать рамку из картинок в родительском DIV, т.е. только стилями, элементов больше нет?

    Asked by Gold Dragon,

    0 votes
    14 answers

  21. Разные CSS для одного элемента

    для всех заголовков на сайте использутся стиль: #osnova H1, H2, H3,{ FONT-SIZE: 17px; COLOR: #4f7ba6; background-COLOR: #f3f3f3; font-style: normal; font-weight: bold; margin: 0px; text-align: right; background-image: url(/images/h1_strela.gif); padding: 0px 5px 0px 0px; } и только на одной из страниц сайта надо задать другой стиль для заголовков в диве zag: <div id="osnova"> <div id="zag"><H1>Заголовок </H1> <H2>Заголовок </H2> <H3>Заголовок </H3></div></div> Задаю, такой стиль не работает т.е всем заголовкам в диве zad присваиваются стили osnova: #zag H1, H2, H3 { FONT-SIZE: 17px; COLOR: #4f7ba6; background-CO…

    Asked by Loed,

    0 votes
    5 answers

  22. сойство float

    Использовать ли свойство float для создания колонок или все таки это свойство предназначено для другого?

    Asked by qb-studio,

    0 votes
    5 answers

  23. Форматирование кнопки submit

    Здравствуйте есть кнопка <input type="Submit" value="пересчитать"> хотелось бы придать ей внешний вид картинкой как здесь http://www.boutique.ru/ (кнопки: регистрация, войти) и обязательно с эффектом ховер на СSS так вот как сделать эффект ховер знаю но как прописать для <input type="Submit" value="пересчитать"> прозрачное изображение что бы отражались картинка фона и картинка фона для hover ? сделал все кроме прозрачного изображения : html <input [b]class="pereshcet" [/b] type="Submit" value="пересчитать"> css [b].pereshcet {[/b] background-image: url(img/bp.jpg); [b]} .pereshcet a:hover {[/b] background-image: url(img/bp2.jpg); } Подскажите пожал…

    Asked by sol,

    0 votes
    2 answers

  24. Как выравнивать внутри DIV с float

    Вот страница, видно, что выравнивание плохое -- картинки сдвинуты влево. Случилось это после добавления тени к ним. Добавлялось по статье с этого сайта "Создание тени по типу "луковой шелухи". Т.е. до добавления тени все было как-то худо-бедно-ровно ,). По синему выделению см. ниже. HTML код простой. <div id='photographs_index_div'> <table id='photographs_index'> <tr> <td><a href='image.php?num=B07613'> <div class='wrap0'> <div class='wrap1'> <div class='wrap2'> <div class='wrap3'> <img src='images/index/hpano/B07613.jpg' /> </div></div></div></div></a&…

    Asked by lazybird,

    0 votes
    12 answers

  25. Блок, в котором текст выравнивается от низа

    Блок может быть произвольной ширины и высоты (или, если при таком условии это не возможно, тогда допустим он фиксированной высоты в 100 и ширины в 150). Текст как видите выравнивается от низа. В случаи двух строк чёрный фон растягивается (или, если при таком условии это не возможно, то на всю длину он не растягивается). Как?

    Asked by Избранный,

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