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. Почему только в Opera работает так, как надо?

    <style type="text/css"> table.switch { border: 2px groove #1d1916; background: #332D2A; margin: 0 auto; width: 60%; cursor: hand; } </style> margin: 0 auto ; - это отвeчает за то, чтобы таблица была по середине. Это работает только в Opera, FireFox, а в IE она отображается слевого края, как по умолчанию. Прошу помочь, почему такое различие. В одних браузерах всё как надо, а в IE такая проблема. И каким безболезненным способом её можно решить? Второе: cursor: hand; - это значит, что при наведении курсора на таблицу он изменяет свой вид на вид руки. В этот раз, это не рабоатет в FireFox, в IE и Opera работает как надо. А в файрФоксе курсор ведет …

    Asked by tolikrog,

    0 votes
    6 answers

  2. Не отображается фон у DIV'а

    Не отображается фон у DIV'а (хтмл) вот такое свойство у дива { background: url('des/img.gif') 0 0 no-repeat fixed; width: 920px; height: 59px; margin: 144px auto 0; } путь к фону указал правильный при просмотре в браузерах, фон у дива не отображается в чем ошибка?

    Asked by barman,

    0 votes
    6 answers

  3. Дайте пожалуйста совет...

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

    Asked by aknur,

    0 votes
    6 answers

  4. Закругление textarea && text

    Вот ищу сейчас в гугле и на этом сайте и везде информация о закруглении дивов или картинок. А можно как нить закруглить поля для ввода ? Это text и textarea.

    Asked by prowoke,

    0 votes
    6 answers

  5. Центрирование или нет сам не пойму

    Сайтец: опа До этого вместо flashки была просто картинка, через css background top center, нижний прокрутки не было. Вставил flashку, появилась полоса прокрутки + что-то мне подсказывает, что отцентрировал я не правильно. Как заставить flash вести себя как background? Сейчас сделал через position:absolute;z-index:5. Всем остальным элементам position: relative; z-index: 10.

    Asked by Master of Magic,

    0 votes
    6 answers

  6. Проблема с img

    доброго времени суток, у меня возникла проблема с тегами имг, по вертикали все нормально сходится а вот по горизонтали нет, вот код <table align="center"> <img src="/design/main.jpg"> <img src="/design/forum.jpg"> <img src="/design/logo_footer.jpg"> <img src="/design/mypage.jpg"> <img src="/design/about.jpg"> </table> все перебровал уже и в таблицу запихивал, и рулс на нон ставил

    Asked by REALman,

    0 votes
    6 answers

  7. Подскажите как называется такой эффект?

    Вроде как такое можно сделать на JS, но вот названия этого эффекта я не знаю, поэтому ничего не гуглится ) Можно было бы наложить полупрозрачную картинку, но как сделать полупрозрачный градиент в фотошопе я хз, да и как-то не очень изящно будет =)

    Asked by SEObomj,

    0 votes
    6 answers

  8. Проблема с новостями

    Набераю опыт в вертске скажит как поднять блок новости выше.вот картинка код и ксс <!DOCTYPE html> <html> <head> <title>My verst</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <!--Верх--> <!--Верхняя строка--> <div class="hd">Вы вошли как:<font color="#FF0000"> admin</font> </div> <!--Верхняя строка(end)--> <!--Шапка--> <div class="hds">&</div> <!--Шапка(end)--> <!--Нижняя строка--> <div class="hdz">&</div> <!--Нижняя строка(end)--> <!--Верх(end)--> <!--Левый блок--> <div align=…

    Asked by azarkin7,

    0 votes
    6 answers

  9. Выпадающее меню

    Помогите подправить выпадающее меню, чтобы можно было кликнуть по всем пунктам. А также бы хотелось услышать что нибудь про дизайн. Лаймовый фон только для тестирования, далее он будет белым.

    Asked by Tmin10,

    0 votes
    6 answers

  10. <object>

    У меня есть вопрос по теме object. Как мне с помощью этого дескриптора вставить в страничку приложение .exe? MIME type: "application/octet-stream"

    Asked by htmlonline,

    0 votes
    6 answers

  11. заезжает один div под div

    Всем привет, ребята подскажите почему может блок 4 уезжать под блок 1 Блоки 2 и 3 наезжают на 1, а блок 4 почему то уходит под блок 1 вот картина: css: #1 блок{ width:960px; margin-top:8px; border:1px solid red; background:url('../image/menubg_4.png') no-repeat; height:90px; text-align: center; } #2 блок { float: left; width: 180px; margin-top: -45px; margin-right: 10px; } #3 блок { float: right; width: 180px; margin-left: 10px; } #4 блок { border:1px solid red; float: right; width: 578px; margin-bottom: 10px; margin-top: -45px; } html в коде хтмл обычные дивы

    Asked by sce,

    0 votes
    6 answers

  12. затруднения с HTML и Сриптом

    Доброго времени суток! в кратце: я - владею графическими прогами на достойном уровне этим и живу, а вот html никак не выучил, пока есть вот этот сайт, он тока запущен... ^ Мы видим форму 1, вот ее надо как то передвинуть... смотрим ниже форма 1 должна быть сверху слева и притом ненмого изменены поля (добавлены новые, см. увелич вар.), но это еще что... на кнопке ЗАПРОС ^ нету никакой функции т.е. href "#", а нужен скрипт для отправки всех введеных данных на e-mail, это возможно? кто хоть поможет как двинуть это дело?

    Asked by bijouone,

    0 votes
    6 answers

  13. Выравнивание подписи по нижнему краю рисунка

    Здравствуйте. У меня есть широкое изображение, подпись к нему, и неограниченное количество текста сверху и снизу. Как задать ширину изображения в 60% экрана и расположить подпись по нижнему его краю вот таким образом? Исходный код: <div class="img"> <img alt="" src="http://designyoutrust.com/wp-content/uploads/2011/01/eli-neugeboren-fashion-monsters-06-600.jpg" /> </div> <p class="under-picture">Test image sign.</p> <p class="text">Text text text...</p> Демонстрировать можно здесь: http://www.webdevout.net/test?02f Прошу прощения. Вовсе не собирался спамить. Просто кнопка создания темы никак не реагировала на нажатие, вот я и кл…

    Asked by Ugo,

    0 votes
    6 answers

  14. чёртов DOCTYPE, не работает линк на css

    Это так и должно быть или я что-то не так делаю прописываю <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> и css не загружаеться <link type="text/css" href="style.php"> как только доктайп убираю всё нормально, css загружается

    Asked by gradus,

    0 votes
    6 answers

  15. код+псд=?

    до меня все никак не может дойти, сколько я не старался донести до себя следующую информацию: как происходит совмещение кода страницы и непосредственно шаблона ( псдшка ), с помощью каких программ, и как это называется в общем ? тухлые помидоры оставьте при себе, сами такими были

    Asked by maxsnw,

    0 votes
    6 answers

  16. резиновый Div во весь экран с отступами по краям

    Пытаюсь сделать резиновый Div во весь экран с отступами по краям, только вот блок съезжает на право. ссылка Как реализовать задуманное, мой способ не работает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>XHTML</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> #head {width:100%; height:98px; margin:2px 10px; background:gray; border:2px solid black;} </style> </head> <body> <div id="head"> </div> </body> </html>

    Asked by xDev,

    0 votes
    6 answers

  17. Почему изображения на странице видны только в мозила и не всех компютере?

    может паможте? имею виду етат саит www.laztour.com спосибо заранее большое

    Asked by burdga,

    0 votes
    6 answers

  18. Помогите растянуть div на 100% по высоте другого div`а, который растянут 100% по высоте html!

    Добрый день! Проблема следующего плана. Есть макет вида <!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><html> <body> <div id="container"> <div id="#right-background"> - блок нужен только для того, чтобы пустить заливку по правой стороне! </div> </div> ... </body> </html><!--c2--></div><!--ec2-->, в котором футер прижат к низу. css имеет такой вид: <!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->html { height: 100%; } body { height: 100%; width: 100%; } #container { margin: 0 auto; wi…

    Asked by aiven,

    0 votes
    6 answers

  19. Два вопроса по блокам

    Вопрос часто встречался ,но тут есть небольшая особенность.. Есть блок ,включающий в себя три блока: <div id="box"> <div id="boxmenu"></div> <div id="boxpanel"> </div> <div id="boxmain"> Сейчас здесь должна быть такая большая ссылка на картинку знаете ли) <a href="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5Ojf/2wBDAQoKCg0MDRoPDxo3JR8lNzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3 Nzc3Nzc3Nzf/wAARCAA2AH8DASIAAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAAAAQDBQYCAQf/xABDEAABAwICBQgFCQYHAAAAAAABAgMEABESIQUGExQxFUFRVGFxktEHIlOBoRYjMlKRk5TS8D…

    Asked by boooze,

    0 votes
    6 answers

  20. как сделать ссылку-изображение на php

    Как сделать изображение-ссылку на php. Так не работает: echo "<a href='index.php?id=main'><img src="main.jpg"/></a>";.

    Asked by epic,

    0 votes
    6 answers

  21. Не понимаю...

    У меня проблема, не могу прижать боковые колонки к верху. Вот код: <style> .left_container {border: 1px solid gray; width: 200px; height:100px; background-color: #fefefe; border-spacing: 0px;} .left_title {background-image: url('http://img-life.ru/upload_image/cc8e25dab286958a2cc47ccfe98a06a8.png'); height:30px; font-family: Verdana; font-size: 12px; border-bottom: 1px solid gray; padding-left: 5px; color: white; font-weight: bold;} .left_message {vertical-align: top; padding: 5px; font-family: Verdana; font-size: 12px;} .center_container {border: 1px solid gray; width: 800px; height:100px; background-color: #fefefe; border-spacing: 0px;} .center_title {back…

    Asked by epog333,

    0 votes
    6 answers

  22. Неправильное отображение верстки в IE 6,7,8

    Добрый день. Суть проблемы следующая: Один из блоков DIV (красный) лежит поверх всех модулей (в будущем там будет флеш), и при этом заходит на два из них. Проблема появляется только при отображении в браузерах - IE 6,7,8 (в FF2,3, Opera, Chrome, Safari все отображается нормально. Красный модуль растягивает родительский модуль, вместо того, что бы заходить за его границу. Этот же модуль вмето того, что бы лежать поверх другого "оранжевого" модуля расположился ниже по оси y. Скорее всего я просто чего то не знаю (тожественно захлопнул самоучитель месяц назад), но вот чего именно... Основная цель сейчас IE 7,8 - IE 6 буду мучать позже (насколько я понимаю - это отдельная Са…

    Asked by Ripley,

    0 votes
    6 answers

  23. Помогите побороть Firefox

    Ребята помогите побороть фаерфокс. Во всех браузерах четко, в FF блок с формой обратной связи уползает. Подскажите где копать, бьюсь уже несколько часов. Спасибо.

    Asked by Buriy,

    0 votes
    6 answers

  24. display:table для ie6

    Добрый вечер. Есть такая проблема. Есть меню вертикальное. Пункт активной страницы выделяется фоном. Но нужно чтобы ширина пункта зависела от текста. Вот пример <!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> <title>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> body {background:#719ca5;} ul {list-style:none } .menu { padding:7px 0 40px 14; width:300px; } .menu li { display:table; } .menu a { color:#fff; text-decoration:none; display:block; height:28…

    Asked by Dioni$$,

    0 votes
    6 answers

  25. Загрузка других сайтов внизу страницы

    Я новичок совсем в html верстке, вот делаю такой вот сайт - (картинка сделана в Google Docs - Drawing) Два фрейма - меню и тело, в котором есть iframe со своим содержимым. Внизу есть ссылки, которые ведут на другие сайты, но я не хочу чтобы люди тыкая по ним уходили на эти сайты, я хочу чтобы эти сайты открывались внизу страницы, как бы сам Scroll увеличивался, но чтобы iframe мой никуда не терялся. Я думал вначале реализовать с помощью iframe, но там насколько я знаю нужно размеры указывать точные, а я не знаю, я хочу чтобы сайт полностью грузился внизу. Например если тыкнуть по "мини-ссылке", то внизу появлялся весь сайт, например youtube и так далее. Как такое мо…

    Asked by hello2,

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