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. картинка в таблице?

    верстаю сайт http://tuuut.16mb.com/DB, столкнулся с проблемой: как вставить в таблицу между ячейками полосу(картинку)?

    Asked by olechic,

    0 votes
    1 answer

  2. Картинка в таблице. Видно бордюры

    Всем здравствуйте. На форуме не нашёл ответа Суть вопроса. Сверстал таблицей шапку. Вставляю картинки и между этими картинками, которые в разных ячейках, видно границы каждой ячейки border="0" уже сделал. Самих границ не видно, но цветной фон видно. Картинки занимают 100% ячейки. Как сделать так, чтобы картинки примыкали друг к другу вплотную?

    Asked by Tezil,

    0 votes
    10 answers

  3. Картинка в табличке

    Приветствую Вас. Скажите плз, как убрать зелёную рамку воктруг картинки? Т.Е. все отступы сделать 0. <body style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px; padding-top:0px;' bgcolor='red'> <table style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px; padding-top:0px;' bgcolor='green'> <tr style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; pad…

    Asked by SuperPuperLesha,

    0 votes
    2 answers

  4. Картинка в теге title

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

    Asked by GeK,

    0 votes
    2 answers

  5. Картинка в футере

    Нужно разместить картинку справа над полосой футера, без фона. <div id="container"> ... <div id="footer_correct"> </div> </div> <div id="footer"> <a href="index.html">Главная</a> | <a href="contacts.html">Контакты</a> | © 2012 Компания </a> </div> #container { width: 900px; margin-left: auto; margin-right: auto; min-height: 100%; height: auto !important; /* IE6 */ height: 100%; position: relative; padding: 0; font: 86% Tahoma,lucida sans, sans-serif, Trebuchet MS, Geneva, tahoma, Verdana; line-height: 1.8em; background: transparent; color: #000; } #footer_correct { height:…

    Asked by Silvandir,

    0 votes
    3 answers

  6. Картинка в центре DIV

    Имеется картинка всегда разной шириной и высотой. Контейнер шириной IMG+отступы, высота разная. Как мне расположить картинку ровно по центру DIV?

    Asked by Gold Dragon,

    0 votes
    15 answers

  7. Картинка в шапке

    Здравствуйте. Появилось необходимость поместить в шапку сайта изображение. Использовал тег img <img src="контакты.png" alt="номер телефона"> На главной все отображается отлично, а на остальных страницах отображается альтернативный текст. Что я сделал не так?

    Asked by rob.rob,

    0 votes
    19 answers

  8. Картинка в шапку.

    У меня есть сайт в шапке у меня широкая полоска, хочу заменить ту полоску картинкой. Но немогу понять что к чему в коде...( Вот каритинка. http://i.imgur.com/CSHkR9C.png Вот код. <?php/** * The header for our theme. * * Displays all of the <head> section and everything up till <div id="content"> * * @package storefront */?><!DOCTYPE html><html <?php language_attributes(); ?> <?php storefront_html_tag_schema(); ?>><head><meta charset="<?php bloginfo( 'charset' ); ?>"><meta name="viewport" content="width=device-width, initial-scale=1"><title><?php storefront_title(); ?></title><link…

    Asked by KenLo,

    0 votes
    3 answers

  9. Картинка валидации

    Добрый день уважаемые гуру! Страница-заглушка валидная как html 4.01 так и css, но в хроме 11, ie6 , опере 11.10 ссылка на сайт между этими 2-мя ссылками какое-то нижнее подчеркивание "_" ? В Фоксе 4 такого не наблюдается. Что это, глюк? Если картинки на разных строчках делать, то всё замечательно -- Заранее спасибо за Ваши ответы

    Asked by alexey_,

    0 votes
    1 answer

  10. Картинка вместо градиента

    В этом примере используется гриадиент при скроле. Можно ли использовать картинку вместо граиента, и как это реализовать! Заранее спасибо

    Asked by isamael,

    0 votes
    0 answers

  11. Картинка вместо кнопки

    Добрый день, помогите разобраться, каким образом все эти функции присвоить jpg картинке? Как сделать так что бы эти функции выполнялись по нажатию не кнопки, а по нажатию на графическую картинку?

    Asked by elders,

    0 votes
    1 answer

  12. Картинка вместо кнопки отправки данных

    Здравствуйте. Подскажите, пожалуйста, возможно ли сделать вместо кнопки для отправки данных картинку? type="image" пробовал, картинка вставляется, при нажатии переходит на нужную страницу, но данные формы не отправляются. Как я понял данные отсылаются только при submit. Возможно ли с submit вместо кнопки сделать картинку? Извините за беспокойство. Уже нашел

    Asked by m4es,

    0 votes
    1 answer

  13. картинка вниз ячейки таблицы

    Есть таблица в одну ячейку которой помещен рисунок. Как грамотно сделать так, чтобы этот рисунок выравнивался по нижней границе ячейки.

    Asked by nikvah,

    0 votes
    4 answers

  14. Картинка внутри div

    Помогите пожалуйста, не могу сообразить. Хочу чтоб картинка помещалась внутри div и чтоб эта картинка была больше этого diva и отцентрирована по центру, а часть картинки которая выходит за пределы div не было видно. Как в контакте, в юзерпике отображается только часть фото. .div{ width: 166px; height: 166px; overflow:hidden; } .img{ width: 100%; } С помощью этого я обрезал картинку по диву, но как ее сдвинуть чтоб центр этой картинки был внутри div

    Asked by darlov,

    0 votes
    5 answers

  15. Картинка внутри блока

    Есть блочный элемент, внутри которого находится текст, ширина этого элемента задана в процентах. При уменьшении окна браузера и соответственно ширины элемента текст вед?т себя нормально, т. е. передвигается внутри блока и не вылазит за границы. Проблема такая: При помещении внутрь блока (между строками текста) графической картинки, при уменьшении ширины блока меньше ширины вставленной картинки, картинка начинает вылазить за границы блока. Так вот, как это вылечить? Какие есть решения этой проблемы? Прич?м применение к блоку таких свойств как "min-width" или "overflow" здесь не прокатывает, уже пробовал. Заранее благодарен.

    Asked by max999,

    0 votes
    17 answers

  16. Картинка внутри контейнера другого блока

    https://codepen.io/baicuao/pen/LYewoPZ вот песочница. У меня картинка находится в блоке world, но когда смотрю через инспектор она находится в блоке ниже в .help__container, из-за этого даже стили на элементах .help не работают

    Asked by Данияр,

    0 votes
    0 answers

  17. Картинка внутри фона

    В коде не получается целиком вместить изображение внутри фона, чтобы оно не вылазило за границы допустимого, помогите пожалуйста, вот сам код <span style="-moz-border-radius: 10px; -webkit-border-radius: 8px; width: 180px; background-color:#4682B4; border:5px ridge #cccccc"> [[File:Edhelmir.png|24px]] [[File:Earendil2.png|200px|link=User:Shtormhold]] [[File:Edhelmir.png|24px]]</span>

    Asked by shtormhold,

    0 votes
    2 answers

  18. Картинка всегда внизу

    Здравствуйте! Подскажите как сделать что бы картинка всегда была внизу блока, вне зависимости от количества контента?

    Asked by stan07,

    0 votes
    6 answers

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

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

    Asked by Fate-ol,

    0 votes
    2 answers

  20. картинка всегда по центру

    Как разместить некоторый рисунок так, чтобы он всегда, на любом нарзрешении монитора, был посередине экрана ?

    Asked by revresbo,

    0 votes
    6 answers

  21. Картинка вылезает из контента...

    Доброго времени суток. Долго я ломал голову, но так и не смог понять в чем у меня ошибка... В общем, есть блок (контент), в котором стоит php код, на вывод портфолио из базы. Картинки выводятся хорошо, НО как только картинка доходит до границы контента, она вылезает из него и футер поднимается вверх. Да и как не странно, все тянется. Если растягивать допустим с 6 картинками все нормально не выезжает, если 7 вставляешь появляется этот баг, начинаешь масштабировать и все становится нормально... Как-то так это выглядит

    Asked by FLaShiQQ,

    0 votes
    4 answers

  22. Картинка выползает за div

    Столкнулся с проблемой выезда картинки за пределы div. <div class="newsdgrp_right" id="news_217"> <div class="newsthomb_right"><img class="newsicon_right" src="index_data/217s.gif"></div> <div> Ассортиментная скидка </div> </div> и код css .newsdgrp_left, .newsdgrp_right { clear: both; padding: 5px 5px 10px 5px; margin-bottom: 5px; border: 1px solid #A3C5E9; padding: 5px 5px 10px 5px; margin-bottom: 5px; } div.newsthomb_center, div.newsthomb_right{ float: right; padding-bottom: 5px; padding-left: 10px; } .newsicon_right, .newsicon_center, .newsicon_left{ margin-right: 10px; } В итоге получаю вот такое: …

    Asked by Alfiks,

    0 votes
    2 answers

  23. Картинка выходит с блока , если float:left

    Здравствуйте! Картинка выходит с блока (.box) .box { padding:5px 5px 5px 5px; margin-bottom:10px; border:1px solid grey; width:700px;}, если для картинки свойство float:left. Почему?

    Asked by mylogin,

    0 votes
    1 answer

  24. Картинка двигается мышью

    Тег <IMG>. Если Захватить мышью картинку, то можно ее двигать. Это нормально? Или я какие-то настройки тега не добавил?

    Asked by кэп,

    0 votes
    14 answers

  25. Картинка для <input>

    Всем привет Возникла проблема с задачей свойств для input, нужно вот такое поле: Задаю стили: <input type="text" name="field_email" style="font-family: verdana; font-size: 10pt; width:190px; height:28px; background:url('/images/forma_img.jpg');" value="" size="50 " /> А получается так: Как убрать серую рамку? а, все, разобрался. border:0; рулит а я указывал вне стилей border="0" и ничего не давало.

    Asked by Walk,

    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