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. Текст под картинкой в ссылке

    Приветствую. Столкнулся с проблемой. Может просто не догоняю, или устал просто. Что нужно? Нужно в ссылке выводить картинку и под ней текст. Все через CSS. Тут сложного ничего нету, но проблема в padding'е. Пример. Есть CSS #menu li.home a {float:left;display:block;width:49px;height:48px;background: url(../img/sour.gif) no-repeat -169px -6px;} #menu li.home a:hover {background-position: -169px -57px;} И есть сcылка <li class="home"><a href="/" title="Главная">Главная</a></li> Таким образом текст(Главная) по середине картинки. Как опустить текст под картинку? Если ставить padding, то тогда высота li будет в два раза больше и отодвигает другое меню…

    Asked by dropoff,

    0 votes
    34 answers

  2. текст под картинкой.

    Здравствуйте! нужно сделать вот так: (текст по картинкой) У меня сейчас вот так: Вот Html: Вот Css: Помогите реализовать, то что на первой картинке (сам текст, который под картинкой).

    Asked by Simpsons,

    0 votes
    5 answers

  3. Текст под ролловером

    Такая проблемка. Пункты меню на сайте написаны не текстом, а картинками, ролловерами. Ролловеры сделаны на CSS. Всё чудесно, кроме одного. Некоторые чудаки бродят по Интернету с отключёнными картинками, и для них такое меню просто невидимо. Как назначить альтернативный текст картинке - общеизвестно. А вот как назначить текст ролловеру?

    Asked by Pinguin,

    0 votes
    10 answers

  4. Текст после таблицы

    Уважаемые специалисты! Есть некая задача. На странице выводится простая таблица (!с возможностью редактирования): Код страницы такой: <HTML><HEAD> <META content="text/html; charset=utf-8" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD> <BODY contenteditable="true"> <TABLE style="WIDTH: 100%" bgColor=#ffffe1> <TBODY> <TR borderColor=#ffffe1> <TD>Text XYZ</TD></TR></TBODY></TABLE> </BODY></HTML> Задача состоит в том, чтобы принудить пользователя редактировать текст именно внутри желтенькой таблицы, а не за ее пределами. Но п…

    Asked by knyazevsergey,

    0 votes
    3 answers

  5. Текст прижать к правому краю DIVa.

    Здрасте. Пытался сделать это с помощью - text-align: right; , не сработало. Требуется в одной строке с <h1>MagicShine EAGLE F3,</h1>, но не в нём самом сделать надпись - "Опубликовано 5.06.2015." у правого края блока. Я указал смещение относительно - position:relative;, считаю это некорректно, вдруг размер блока для контента по каким-то причинам изменится, и надпись окажется не там. Вот оно на странице - http://велосвет.рф/china/mj-f3.html. Подскажите, как мне прижать к правому краю её ?

    Asked by Kompilator,

    0 votes
    6 answers

  6. Текст пропадает в IE6

    При обновлении странички, текст становится как бы цветом фона, т.е. он визуально невидимый. Когда нажимаю Ctrl+A, или просто делаю выделение его мышкой ? он появляется. В чем может быть проблема, может кто-то сталкивался с подобным? <div id="user-panel"> <ul class="menu"> <li class="home"> <a href="#">Home</a> </li> <li> <a href="#">Blog</a> </li> </ul> <div class="spacer"></div> <p class="username"> MILAX </p> <p class="links"> <a href="#">Link1</a> <a href="#" class="exit">Exit&…

    Asked by milax,

    0 votes
    5 answers

  7. Текст разного размера по одной линии

    Имеем: <ul style="margin: 0; padding: 0; list-style: none;"> <li style="font-size: 11px; float: left;">текст</li> <li style="font-size: 12px; float: left;">текст</li> <li style="font-size: 13px; float: left;">текст</li> <li style="font-size: 14px; float: left;">текст</li> <li style="font-size: 15px; float: left;">текст</li> </ul> Вопрос: Можно ли сделать кроссбраузерно чтобы текст был на одной линии?

    Asked by VJiK,

    0 votes
    6 answers

  8. Текст расползается на ширину всего экрана (внутри <table>)

    Подскажите пожалуйста, как можно решить следующую проблему? внутри таблицы тэг <div> не реагирует на ее ограничения по ширине. причем в опере и ИЕ все нормально - а в файрфоксе и сафари ненормально - можно ли как то установить приоритет таблицы или что-нибудь подобное?

    Asked by psy_addicted,

    0 votes
    1 answer

  9. текст растягивает табличу или "прячется"

    К примеру использование overflow: hidden; <table border="1" cellpadding="0" cellspacing="0" width="30> <tr> <td> sdfk jgklfjkljg klfdgdsfggf dgsdfgdfgs dfgsdfgfsd </td> </tr> </table> растягивает таблицу, если строку погрузить в контейнет div то часть строки прячется. как сделать так чтоб не растягивалась и не пряталась? нашел nowrap было <td nowrap> <table border="1" cellpadding="0" cellspacing="0" width="30> <tr> <td> sdfk jgklfjkljg klfdgdsfggf dgsdfgdfgs dfgsdfgfsd </td> </tr> </table> </td>

    Asked by clgs,

    0 votes
    1 answer

  10. Текст русскими буквами или "&#1080"?

    Добрый день! Ответьте неспециалисту! Я делал себе сайт с помощью Макромедиа Дримвьюер, англ. версия. Там весь русский текст, Тайтл и другие теги выглядят не в кириллице а в виде знаков типа "и", причём в браузере вариант в кириллице или в этих знаках отображаются одинаково. Как лучше с точки зрения поведения робота Гугл при ранжировании, или исходя из других соображений? Оставить всё в варианте "и", или переписать кириллицей? Спасибо всем кто ответит!

    Asked by Wow@,

    0 votes
    5 answers

  11. Текст с видео внутри

    Здравствуйте. Подскажите пожалуйста как сделать так, чтобы внутри текста было видео с бэкграунда? Примерно как на картинке, но вместо картинки - видео. Сам я не профессиональный верстальщик, просто делаю маленький "абстрактный" сайт для себя (надеюсь это сообщение не отобьет желания помочь). Спасибо.

    Asked by ignatif,

    0 votes
    2 answers

  12. Текст сверху border

    Коллеги, подскажите пожалуйста, какие стили прописать тексту, чтобы он был поверх рамки border-top? Скриншот:

    Asked by efendi,

    0 votes
    21 answers

  13. текст сжимается

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

    Asked by Gotafak,

    0 votes
    2 answers

  14. Текст смещается!

    вот собственно в чем проблема. при нажатии ctrl и прокрутке колеса, вот такая вот история...текст влево смещается и уменьшается, а он не может на своем месте уменьшатся? почему он смещается?!

    Asked by Gotafak,

    0 votes
    3 answers

  15. Текст спадает вниз

    Текст на кнопке "Перезалейте" почему-то спадает вниз, но если на неё нажать, то появляется другой текст, который уже отображается нормально. Вопрос: почему он тогда сразу спадает? Сайт

    Asked by iBars,

    0 votes
    1 answer

  16. текст справа картинки

    здравствуйте помогите пожалуйста нужно чтобы описание появилось справа картинки а кода добавляю float:right вот что получается ссылка на код http://codepen.io/lybrook/pen/neCkv/

    Asked by adminfilm,

    0 votes
    7 answers

  17. Текст строкой

    Установил ограниченную ширину, а текст всё равно идёт строкой и не переносится на след. строчку, выходит за грани (т.е. ширина таблицы из-за него автоматически увеличивается). Ничего не могу понять толком, в чём проблема? http://team-unity.narod.ru/test.html xD Всё, разобрался. Просто у меня текст был одним словом и естественно ничего не переносилось, а я, дурень, в коде ошибку искал. Извините за глупость)

    Asked by Shin,

    0 votes
    0 answers

  18. Текст убегает с DIV блока

    Все привет, столкнулся с проблемой при верстке а именно текст убигает с блока <div> сам не пойму о.О [b]INDEX[/b] <tr> <td id=wapka> <div id=avto class=div_avto > <div id=new class=div_new> <p>787686888686868686868688686867887777777777</p> </div> </div> </td> </tr> CSS #wapka { background-image: url('verst/02.gif'); background-position:right top; background-repeat:repeat-x; } #avto { background-repeat: no-repeat; background-image: url('verst/03.png'); background-position:left top; } .div_avto { height:320px; margin-top: 20px; margin-left:10px; } #new { ba…

    Asked by romawka_ural,

    0 votes
    3 answers

  19. Текст уезжает за границы

    Ребята, выручайте. Есть задача сделать плитку с датой, как во вложении. Сделал рамку скруглённую в виде фонового изображения блока div. Внутри div сделал 3 тега "р" , так как у каждого текста свои стили должны быть и отступы разные. Но текст разъезжается и вылезает за выделенные для него границы. Подскажите, как быть.HTML<div class="latest"><p class="number">15</p><p class="june">June</p><p class="year">2016</p></div>CSS.latest {background-image: url(image/square.png);width: 98px;height: 139px;margin-left: 445px}.number {padding-top: 32px;color: #000000;font-family: Poppins;font-size: 32px;font-weight: 500;height: 24px;}.jun…

    Asked by Laeda87,

    0 votes
    1 answer

  20. Текст уезжает под DIV (Firefox)

    Во всех брузерах, нормально работает, a в FF текст уезжает под div с картинкой HTML <div class="slayserImg"><img src="/images/image.jpg"/></div> <p>Куча текста</p> CSS .slayserImg {float:left; padding: 5px; border: 1px solid #999; margin: 0 15px 0 0; zoom: 1;} .slayserImg IMG { width: 130px;}

    Asked by Панч,

    0 votes
    1 answer

  21. Текст уходит за пределы видимости

    День добрый! На сайте fifarus.ru есть центральные темные блоки под шапкой, в которых присутствует список со ссылками. В Опере текст последнего пункта списка отображается в пределах блоках, в вот если смотреть через Хром или Файрфокс (оба же используют движок ВэбКит), то видно, что последняя строка выезжает на половину за пределы блока и становится не видной. Посоветуйте, что нужно сделать, чтобы в Хроме выглядело все красиво. Можно, конечно, для .topblocks ul (используется в class="latestnews") поменять на но хочется более правильный вариант.

    Asked by bncom,

    0 votes
    10 answers

  22. Текст шире ячейки

    Народ, подскажите как сделать так чтобы текст вылезал за границы ячейки, т.е. нужно изобразить следующее http://gyazo.com/57f7c267be08e36c938a25f291f471c7 Ширина всего столбца по пунктирной линии, а слово питание в верхней ячейки шире всего столбца.

    Asked by Knyaz,

    0 votes
    1 answer

  23. Текст, изображение выходит за блок... Помогите пожалуйста

    Вот скрин того чего не получается: Вот скрин того что должно получиться, но текст должен быть справа: Как можно это сделать ? А то картинка выходит за блок. или текст выходит когда ему присваиваю свойство float:right; Как с этим бороться ? Надеюсь на вашу помощь! и еще один раз столкнулся с такой проблемой Архив с сайтом Надеюсь на вашу помощЬ!

    Asked by aknur,

    0 votes
    0 answers

  24. Текст, который длиннее 1 строки, переносится на следующую строку

    На сайте есть блок тестирования. Проблема отображена в скриншоте. Может кто-нибудь поможет разобраться, как это исправить?

    Asked by adm-pr,

    0 votes
    1 answer

  25. Текст, надпись на фоне-картинке

    Подскажите, пожалуйста, что нужно сделать, чтобы текст с места не съезжал? Т.е. в хтмл редакторе я пишу в нужных мне местах, а на сайте, текст оказывается съехавши или вверх или еще куда-нибудь. И еще одна просьба, можете подсказать хтмл код для того, чтобы писать поверх картинки. (на форуме нашла только css код, а т.к. я не сильна в css, то лучше дайте хтмл код) Вот хтмл код странички <HTML><HEAD><TITLE></TITLE><!--OCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dt--> <META http-equiv=Content-Type content="text/html; charset=windows-1251"><link type="text/css" rel="StyleSheet" href="http://audrey-pa…

    Asked by Hell,

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