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. Кроссбраузерная верстка

    Доброго времени суток. Приношу свои извинения за вопрос =), так как он довольно таки "детский". Но я действительно никак не могу найти учебник или книгу, либо хорошую статью, где бы нормально С САМОГО НАЧАЛА рассказывалось о кроссбраузерной верстке. В гугле напарываюсь только на крохотный статейки на тему зачем нужна такая верстка, или же на описание отдельных приемов и хаков. Конкретно сейчас мне надо отдельно для mozillа описать пару классов, в уже существующем большом .css файле. Странно все ругают explorer но пока что самые большие проблемы, лично у меня, возникают именно с mozilla =).

    Asked by mikhail.schedrakov,

    0 votes
    1 answer

  2. Верстка для начинающего.

    Доброе время суток всем, кто бы мог поделиться psd макетом для верстки начинающего. Не шипко сложного формата и что бы верстать приходилось не из jpg картинки.

    Asked by GOODPower,

    0 votes
    0 answers

  3. Проблема с банером

    Добрый день. Проблема такая: я добавил рекламный блок на свой сайт, но он при изменении размера браузера он начинает наезжать на другие объекты. Банер заключён в тег <p> <p style="bottom: 100px; right: 1300px; top: 100px; left: 10px; position: absolute; padding: 10px; clear: both;"> Как исправить?

    Asked by simonit,

    0 votes
    3 answers

  4. Проблемма с вёрсткой

    Вот вёрстка - http://ack.webatu.com/an/ В Mozilla Firefox, всё работает как надо. А вот в Chrome, Safari, Opera. - Отображение неверное... Слайд изображение имеет отступ от внешнего блока... Как только не пробовал не выходит...

    Asked by ohinem,

    0 votes
    5 answers

  5. IE показывает границы между картинками фона

    Здравствуйте, помогите новичку советом. Делаю сайт yasenevka2012.narod.ru В IE видны границы между картинками, как их убрать, привожу код шашки: <table border="0" cellpadding="0" cellspacing="0" width="1000" align="center"> <tr> <td class="menu1" colspan="2" background="images/up01.jpg" width="1000" height="60"><blockquote><blockquote><blockquote> <a name="start" id="start"></a> Транспортные услуги <a href="contact.htm">Контакты</a> </blockquote></blockquote></blockquote></td> </tr> <tr><td width="1000"> <!--2 table begin --> <table width="1000" b…

    Asked by bmgen,

    0 votes
    3 answers

  6. Рамка с заголовком на рамке

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

    Asked by vlav,

    0 votes
    2 answers

  7. Поведение img и a при абсолютном позиционировании в IE

    В итоге некоторых мучений создал тестовый код, который в IE и в браузерах ведет себя по разному. Вот ссылка img-click-test Тут слой с картинкой (z-index:10) размещен под слоем со ссылками (z-index:1000). При чем одна ссылка залита фоном, другая - нет. Собственно, там, где слои пересекаются, не залитая ссылка перестает кликаться. Это проявляется во всех версиях IE включая 9. Удалось починить багу дедовским способом пусканием фона с прозрачной картинкой на ссылке. Может кто знает, как можно решить это более элегантным способом без лишней графики? <!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> #img…

    Asked by keltanas,

    0 votes
    2 answers

  8. Элемент div как ссылка

    Всем привет. Меня попросили скопировать дизайн сайта дизайнерской мебели, сайт сделан во flash, я делаю его в HTML.Вот ссылка на этот сайт Я решил начать с меню, вернее с подменю - блоки с ч/б фото, при наведении указателя на которые они становятся цветными, это мне удалось реализовать, но как сделать так что бы весь блок был ссылкой? Вот мой дэмо сайт где вы можете посмотреть то что получилось и посмотреть код. И вообще правильно ли поступил засунув фото в div ? может правильне было таблицу сделать?

    Asked by Alexey_Balu,

    0 votes
    10 answers

  9. Верстка email-рассылок

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

    Asked by sjinks,

    0 votes
    6 answers

  10. Проблема с закруглением и позиционированием меню

    Доброго вечера! Проблема такая. Сделал меню. Для скругления применял CSS3 и хак PIE.htc. Скругление отрабатывает отлично, но ссылки меню не обрезаются почему-то в браузерах (Opera, Chrome, IE, Safari). Для того чтобы не вылазили применил правило overflow:hidden. Но все равно не отрабатывает? Также с размерамибеда. В FF одни а в остальных другие.Хотя использовал сброс стилей. Помогите каким дельным советом Спасибо. Вот ссылка на сам ресурс с версткой, чтобы наглядно можно было посмотреть. http://amp.vetwebs.ru/

    Asked by vetweb,

    0 votes
    2 answers

  11. Вывод более одного изображения посредствои css

    Прочитал в учебнике css, что через background или background-image можно вывести более одного изображения. Никак не могу применить этот момент на практике. Дело в том, что мне необходимо оформить боковую вертикальную колонку, вынесенную отдельным блоком через <div></div>. Причем, нельзя использовать вставку картинок посредством html (это связано с некоректным отображением сайта в мобильных устройствах). В самом верху надо вывести одну угловую картинку, а потом, под ней или как, вторую. Причем вторая картинка - это квадратик, который повторяется по вертикали. Тем самым, при растягивании основного макета, боковая колонка вытягивается соответственно. Каким образо…

    Asked by rafaello9,

    0 votes
    20 answers

  12. Clearfix'ы - работа

    Добрый вечер. Есть ли ситуации в которых может не работать данный clearfix: .parent:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } а работать этот (через вставку пустого div'а): .clear { clear: both {

    Asked by eis,

    0 votes
    1 answer

  13. Относительные адреса никак непойму всё до конца

    Читал читал, так помоему до конца и не понял корень сайта это у меня на диске D например находится папка спаун и в ней веб страница спаун эта папка и есть корень сайта? (Две точки перед именем указывают браузеру перейти на уровень выше в списке каталогов сайта и там «поискать» в папке help файл me.html.) Это я как полагаю расшифровывается, так :в папке спаун, которая является корнем сайта находятся каталоги над веб-страницей спаун иодин из этих каталогов help и в нём будет искаться файл me.html. Правильно всё понял?

    Asked by jentlmen,

    0 votes
    3 answers

  14. Проблема с 10-11 оперой

    Добрый вечер. Писал сайт небольшой и столкнулся с такой проблемой: есть див контейнер с заданной шириной 500px. Внутри него есть другой див, в котором выводиться список информация вида: ютуб ролик с float:left и некая информация с margin-left. и под каждым роликом clear:both. и таких небольшых блоков N-ное кол-во. так что, ставлю я на див контейней overflow:auto и происходит такая вещь: во всех браузерах работает, а в 10 и 11 опере проблема, заключающаяся в том, что видеоролики скрываются за оверфлоу, как должны были бы, а просто скроллятся по экрану. Хотя текст и прочая лабуда в блоках, скрываются. В 12 опере и <10 все ок. Может, кто знает в чем проблема? ЗЫ. проблем…

    Asked by musiclover1,

    0 votes
    0 answers

  15. Наиболее популярные шрифты

    Название темы говорит за себя. Подскажите какие шрифты наиболее симпатичны юзерам... Мне например очень симпатизирует Times New Roman. И ещё вопрос: Шрифты типа: Georgia, Times New Roman, Arial, Verdana - как я понял, установлены на всех компах. Я прав?

    Asked by ohinem,

    0 votes
    2 answers

  16. Проблемы с изображениями мобильный веб дизайн

    Здравствуйте! При загрузке моего сайта на мобильном телефоне через Опера-мини все картинки, которые я использую для оформления не пропорционально изменяются. Большие сжимаются по размеру, а маленькие наоборот, чрезмерно увеличиваются, что нарушает нормальное восприятие. Более того, Опера-мини просто тупо идет по картинкам, выстраивая их в одну колонку. Пояснения. Сайт по бокам имеет фоновые вертикальные изображения, вынесенные в отдельные div-блоки. Под каждым изображением, кроме этого есть backround-image с вертикальным повторением. Это на тот случай, если содержимое страницы увеличивается, то боковые оформления соответственно вытягиваются. Так-вот. Опера-мини тупо показ…

    Asked by rafaello9,

    0 votes
    0 answers

  17. Вложенность селекторов в IE

    Страница: seo-focus,ru (заменить запятую на точку!). style.css: seo-focus,ru/wp-content/themes/smartstart/style.css. Введенные мной классы - в конце файла. Не получается применить стили к некоторым элементам, например, div. Хочу применить #layer1 { float: left; width: 420px; height: 200px; padding-right: 50px; margin-bottom: 20px; } #layer2 { float: right; width: 420px; height: 200px; padding-bottom: 20px; } к блокам после "Мы предлагаем": "Раскрутка и продвижение сайтов (SEO)..."(см. по ссылке). В ФФ и Опера всё ОК, а в IE8 стили не применяются, всё плывет. !important не помогает. Также и с остальными элементами (h1, a). P.S. Буду благодарен за инфу или ссылку: что озна…

    Asked by BaseTrap,

    0 votes
    2 answers

  18. я не лодырь, просто не знаю

    Доброго времени суток! есть форум на бесплатном сервисе (все сделано до нас), в движке есть такая функция как "система очков" - начисляются очки за активность на форуме, за посещение, за сообщения и т.п. задался я идеей сделать возможность обмена этих очков на какие-то презенты, ну например скидку. а именно сделать кнопку со ссылкой на страницу под названием "бонусы" (это вот я сам могу), где будет панелька с выбором обмена... ну и все на этом. помогите пожалуйста реализовать идею (саму страничку "бонусы" голую сделал http://www.spokupkami.com/h1-page)

    Asked by viteran,

    0 votes
    6 answers

  19. Плавающие элементы "плывут" :)

    Обнаружил такую проблему. При уменьшении (иногда увеличении) размеров страницы через Ctrl +/- элементы, у которых задано правило float (пункты меню и не только) начинают "плыть". Для ясности приложу пару скринов. Если будет нужно - выложу код. Версткой занимаюсь недавно, поэтому взываю о помощи Раз двас

    Asked by sjinks,

    0 votes
    6 answers

  20. Как совместить в одной ссылке несколько атрибутов rel?

    Есть на сайте ссылка-картинка на профиль G+, в ней три атрибута rel: <a rel="me" href="https://plus.google.com/u/0/105.....8276?rel=author" rel="nofollow" target="_blank"> <img title="Добавиться в Google+" src="http://..../gplus.png" alt="Google+" style="border:0;width:32px;height:32px;"/></a> мне кажется что атрибут rel="nofollow" в этой ссылке не работает, так как она вроде бы определяется как открытая к индексации. Можно ли ставить несколько атрибутов rel в одной ссылке, будут ли они работать и как это сделать правильно?

    Asked by weffer,

    0 votes
    9 answers

  21. Принципы создания качественного css

    Поделитесь ссылкой на стандарты, если таковые имеются. И парой ссылок на профессиональные css файлы, или сайты с которых стоит брать пример в оформлении css

    Asked by ar00,

    0 votes
    1 answer

  22. Замена стиля

    Добрый вечер. В общем верстаю шаблон для DLE, и столкнулся с с такой проблемой, нужно убрать border у редактора, но он прописан в php в движке вот таким образом <div class="editor" style="border:1px solid #fff">...</div> прописываю .editor{ border:0 none; } но току 0. Возможно ли как-то подменить стили без правки DLE? Заранее спасибо!

    Asked by inex,

    0 votes
    5 answers

  23. Как реализовать градиент с прозрачностью?

    Есть круговой градиент (кроссбраузерный), однако его фон полностью непрозрачный. Очень хорошо смотрится, если фон за градиентом - однотонный цвет (тот, в который градиент переходит), но если фон за градиентом - картинка, тогда градиент смотрится громоздким блоком. Возможно ли создать круговой градиент, указанный ниже, для перехода белого цвета из центра в прозрачный (такое как бы растворение/свечение)? background: -moz-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -ms-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -o-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -webkit-radial-gradient(circle, #33…

    Asked by Resager,

    0 votes
    2 answers

  24. помогите

    Есть такая задача " есть сайт studygood.ru надо будет взять шаблон и натянуть его на вордпресс". У меня вопрос: "что значит взять шаблон"?

    Asked by olechic,

    0 votes
    1 answer

  25. Масштабирование фонового изображения. Как реализовать?

    Необходимо большое изображение (выбрано большое разрешение для того, что бы на больших мониторах было тоже хорошее качество) установить на фон страницы так, чтобы оно заполняло все доступное простанство и в то же время все вмещалось в эту область. Т.е. масштабировать фоновое изображение до краев и в то же время уместить его полностью. О том, что может выглядеть плохо - понимаю. Пробовал играть со значениями background-size, не помогает. Лучшее, что смог сделать нижеследующий текст. Однако картинка умещается по горизонтали, а снизу белая полоса. Монитор 1280х1024, а картинка 3543х2362. body { background: url(kap_bg_optimize.jpg) no-repeat; -moz-background-size: 1…

    Asked by Resager,

    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