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. Ужасная проблема с div

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

    Asked by Diman777,

    0 votes
    9 answers

  2. Уже второй день копаю. Выручайте. Фаер фокс и бакграунд ссылки

    Всем привет. Столкнулся с фоном ссылке.. В ИЕ отображается фон нормально (при наведении) а в опере и фоксе отображается только под текст ссылке. а надо в фиксированную длинну и высоту... вот CSS a.mainlevel:link { height: 18px; width: 230px; color: #07569a; font-weight: normal; text-decoration: none; font-size: 12px; font-family: Verdana; padding-left : 10px; } a.mainlevel:visited { text-decoration: none; color: #07569a; font-weight: normal; font-size: 12px; font-family: Verdana; width : 230px; height : 18px; padding-left : 10px; } a.mainlevel:hover { font-weight: normal; background: url('templates/beez/image/mnfc.gif') repeat-x; /* Ioou e oiiiaiio e…

    Asked by Brabus23,

    0 votes
    2 answers

  3. Уже замучался, помогите.

    Проблема заключается в том, что если жать мышку (ну как будто хочешь выделить текст) в месте нижнего меню или справа от кнопки контакты и потянуть верх, то начнут выделяться пустые куски местности, даже тем где никакого текста нету. Я сначала думал, что это из-за того, что у меня не все дивы имеют display:block. Но он ничего не меняет, просматривал как сделан сайт "фрилансим" с которого я делал себе макет для тренировки, но так ничего путного я и не понял. Пожалуйста подскажите в чем ошибка, что я делаю не так? Вот макет сайта, он очень маленький: http://logicface.narod2.ru/ Вот скрин беды: (Нажмите для увеличения)

    Asked by logicface,

    0 votes
    6 answers

  4. Узнать ссылку по нажатию кнопки.

    Ребят, помогите советом. Вот страница http://hroost.com- видите, там есть неумело установленная менюшка с валютой - украина, россия, и кнопка "валюта". Скажите, можно ли узнать, какая получается ссылка при нажатии на "валюта"? чтобы назначить вместо этой менюшки обычные ссылки, нажимая на которые я смогу менять валюту на сайте. Спасибо Правая кнопка мыши не помогает.

    Asked by ЮрийП,

    0 votes
    0 answers

  5. укажите на основные ошибки верстки

    "учу" верстку уже очень долго но из за того что нет мотивации кроме как хочется но не колоситься научился не многому как я уже писал укажите на основные ошибки ибо знакомых верстальщиков нет хотелось бы развивать навык но из за того что не нахожу подходящей вакансии со стажировкой хоть как то применить знания и увидеть все изнутри в общем там большой прирост с подобной практики из за этого приходится просить вас. Заранее спасибо за потраченное время. https://spartak987.github.io/

    Asked by spartak9871,

    0 votes
    5 answers

  6. Укажите на ошибки верстки

    Нарисовала и сверстала свой первый сайт. Прописывала под разные разрешения экранов опр комментарии - все равно отображается некорректно. Уже задолбалась ))). Подскажите по пунктам что нужно исправить чтобы все было ровненько и красивенько . Залила на беспл хостинг - вот смотрю как он себя ведет - неочень вот ссылка на мой сайт http://alenagrinchenko.zzz.com.ua/index.html

    Asked by Алёна Гринч,

    0 votes
    3 answers

  7. Укажите на ошибку

    В сверстанном макете дважды дублируется информация, думаю на Тег <body>. Подскажите новичку в чем ошибка. Посмотреть trigis(точка)ру

    Asked by utckindmitrij,

    0 votes
    5 answers

  8. Указание width и height

    На html академии выложили правила написания вёрстки https://htmlacademy.github.io/codeguide/ У меня вопрос относительно пункта "Размеры картинок", а в частности указания "Изображениям <img> должны быть явно заданы с помощью атрибута размеры". Нет, для SVG я ещё могу понять зачем это нужно. Но для остальных картинок зачем это всё в 2015-ом году?

    Asked by antonKar,

    0 votes
    3 answers

  9. Указание высоты элементов в процентах

    Хотел спросить с точки зрения кроссбраузерности указание высоты таких элементов как header или footer ни к каким проблемам не приведет?

    Asked by Vevo,

    0 votes
    1 answer

  10. Указание фона для элемента списка

    Доброго времени суток. Мне необходимо создать меню по средствам элемента списка. <ul id="mainlevel"> <li><a href="****.html" class="mainlevel" >Главная</a></li> <li><a href="*****.html" class="mainlevel" >О компании</a></li> <li><a href="****.html" class="mainlevel" >Продукция</a></li> <li><a href="****.html" class="mainlevel" >Контакты</a></li> <li><a href="*****.html" class="mainlevel" >Новости</a></li> <li><a href="*****.html" class="mainlevel" >Услуги</a></li> </ul> Графическое оформление предусматривает задание …

    Asked by romko,

    0 votes
    4 answers

  11. Указатель кол-ва просмотров страницы

    Добрый день всем, интересует один вопрос, необходимо на статьи поставить счетчик кол-ва просмотров (пример на скрине), если есть идеи буду примного благодарен!.

    Asked by selebros,

    0 votes
    3 answers

  12. Указать ширину картинки, а высота бы пропорционально изменилась?

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

    Asked by borus,

    0 votes
    2 answers

  13. Указать шрифт

    Подскажите что нужно прописать, что бы задать определённый шрифт для всей страницы?

    Asked by CssHammer,

    0 votes
    8 answers

  14. Украли 1% )

    Сделал небольшой HTML макет и табличку стилей http://jsfiddle.net/4BaAQ/ Не понятны 2 момента: 1) Почему при width: 60% у #center блок Right улетает на вторую строку. 2) (следует из первого) Как убрать эти красные дырки?

    Asked by HTMLJunior,

    0 votes
    5 answers

  15. Укращение дикой ячейки.

    Добрый вечер. У мя така проблема: есть таблица из 5 ячеек и нужно сделать так, чтобы ячейка с картинкой не растягивалась, т.е. шиоина ячейки=ширине картинки. <html> <head> <title> Фильм. </title> </head> <body> <table border=1> <tr> <td align=center valign=top width=200> <b><h1>Меню</h1></b> </td> <td> Картинка </td> <td align=left valign=top><br> 1 </td> </tr> <tr> <td> 2 </td> <td colspan=2> Бла бла бла бла бла блаБла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла …

    Asked by xCOOLer,

    0 votes
    5 answers

  16. Улучшение вида сайта без CSS. Возможно?

    Для нашей работы заказали мы простенький сайт.Шапка+Новости+Меню(4 вкладки). Никаких проблем: сайт создан, простой , на мой взгляд в меру симпатичный. Но в силу специфики работы (научно-производственная, постоянно изменяется)заполнять его решили сами. Рисунки, текст и прочая специфичная тематика. Пользуюсь CMS, доступ к которой был дан разрабами (Вроде клон TinyMCE). Пытаюсь разнообразить содержимое.Но <head> в редакторах html этой CMS закрыт от моего доступа. Подгружать файлы можно лишь -рисунки, видео, пдф и архивы. Css прописанное в теле не сохраняется, только лишь javascript и html. На просьбу разрешить загрузку других расширений разрабы обосновали, тем "чтоб…

    Asked by sas1555,

    0 votes
    10 answers

  17. уменьшается ширина в firefox

    Всем привет!) происходит что-то не объяснимое.) Ширина в firefox 15.01 почему-то отображается немного меньше чем та которую я установил в коде. В остальных браузерах все в порядке. подскажите что не так? вот ссылка

    Asked by Bava,

    0 votes
    6 answers

  18. Уменьшать div'ы

    Такая задача, есть горизонтальная строка с div'ами, они создаются автоматически, когда их становится слишком много, нужно их уменьшать по ширине, как, например, в браузере гугле хроме. <div id="onchantopswitch" class="onchantopswitch globbutton"> <div class="room_s" tab="chlist"> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="канал1" tabs="kn77a4ko1yxlxs28asub2g9tnvlw85s" tabz="1" taby="terminal" tabx="1"></div> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="*канал2" tabs="euqab84pmzoa6o4w2y812lkqhktek" tabz="1" taby="terminal" tabx="11"></div> <div class="room_s" tabg="f2jb1y3v…

    Asked by Kerny,

    0 votes
    14 answers

  19. Уменьшаются некоторые символы после Fontsquirrel

    Шрифт PFSquareSansPro-Medium.ttf после прогона через fontsquirrel начинает некорректно отображать некоторые кириллические символы. Они становятся меньше или появляются артефакты. Причем на маке, например, это не проявляется Например, здесь уменьшается буква "м": а здесь появляется какая-то "засечка": Другие веб-шрифто-генераторы не подходят по причине очень большого размера файлов шрифтов на выходе, хотя может я просто не нашел нормальный. Подскажите, пожалуйста, как это можно исправить, обойти, как-то настроить fontsquirrel, или использовать другой веб-шрифто-генератор, который на выходе не будет отдавать файл размером в 400 кб.

    Asked by selahssea,

    0 votes
    2 answers

  20. Уменьшение изображений для адаптивной верстки

    Здравствуйте, подскажите, есть макет psd, по нему надо сверстать адаптивный сайт, я взял оттуда все изображения, и те, которые вставлял через css, уменьшил для каждого типа разрешения. Проблема в том, что чем сильнее изменяю размер, тем сильнее изображения теряют качество, как решить эту проблему?

    Asked by Oleg90s,

    0 votes
    14 answers

  21. Уменьшение разрешения, разных изображений

    Есть такая проблема, если загрузить изображение, у которого сторона x короче стороны y, то всё нормально, а если наоборот, то после загрузки, остаётся пустое место, как этого избежать? Можно дописать атрибут height=80, но тогда изображения будут искажаться. https://jsfiddle.net/0bL3m6mm/

    Asked by DivMan,

    0 votes
    6 answers

  22. Уменьшение фонового изображения, находящегося в спрайте

    Здравствуйте! У меня есть спрайт с несколькими изображениями - логотип и иконки для соцсетей. На спрайте логотип имеет размеры 411 на 160 пикселей. Мне нужно сделать это фоновое изображение (логотип) в два раза меньше. Подскажите, реально ли это сделать? Если да - то как? Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    1 answer

  23. Уменьшенные фото при просмотре в Opera

    Здравствуйте. Сделал интернет-магазин на joomshopping. Всё уже почти допилено-настроено, но тут выяснилось что в Opera фотографии товара на витрине очень-очень мелкие, как иконки. Причём не у всех. Т.е. вот Опера вроде бы одинаковая, но у меня и напарника фотографии мелкие, а у некоторых нормально отображаются. Кто-нибудь знает из-за чего такое может быть? Никакой блок рекламы и экономия траффика не стоит. Адрес сайта: elixir.org.ua Сайт на Joomla 2.5. У меня самого Firefox.

    Asked by Akkianu,

    0 votes
    4 answers

  24. Уменьшить активную область блока div

    Есть блок див у которого есть свойство background-color с картинкой png. Из-за большой тени вокруг картинки размер самого блока больше чем сама картинка соответственно. Подскажите, как уменьшить активную область дива? Т.е если это ссылка или событие какое при наведении мышкой - чтобы они срабатывали, скажем, на плоскости дива что меньше оригинала например на 20%? Т.е чтобы при наведении не на картинку, а на её тень вокруг чтобы ничего не происходило. http://jsfiddle.net/vyyTg/ Вот пример. Наводим на краешек дива он окрашивается. А нужно чтобы окрашивался только тогда, когда например мышка не на первом пикселе края дива а заехала на пятый или 10й Или, быть может, можно ка…

    Asked by фонарик,

    0 votes
    3 answers

  25. Уменьшить вес css

    Есть код: http://pastebin.com/kfreQMQc В нем очень длинная строка вызова woff шрифта. Как её упросить?

    Asked by okunev2,

    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