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://cssdeck.com/labs/sqnc9dd9 Вот и первые вопросы: *Как можно было ещё перенести слова в столбик ? я это сделал при помощи <br> а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу *Можно ли как то установить блок main по центру вертикально автоматически или же нужно в ручную подгоняя пиксели через топ ? * да и В общем ,как вам эта вёрстка в целом ?

    Asked by extrabass4,

    0 votes
    52 answers

  2. Вопрос по картинкам

    Народ! существует ли способ создания закругленных углов в картинках с помощью css. К примеру имеем картинку http://www.ageent.ru/demo/22.jpg На выходе должны получить http://www.ageent.ru/demo/11.jpg Картинки могут быть разного размера, закругление должно работать в ie. еще раз. вопрос стоит не в создание закруглений у div а в создании закруглений у картинки <img src="" /> Просьба скидывать примеры, если есть. Заранее благодареенн.

    Asked by ageent,

    0 votes
    51 answers

  3. ну никак не хочет отображаться нормально

    Здравствуйте я запарился с этим макетом вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <link rel="stylesheet" type="text/css" href="styleIE.css"> <title>Актау Камаз Сервис</title> </head> <body style="background: url(wall.jpg);"> <table height=800 width=90% style="border:solid 1px red;" > <tr id="header"> <td colspan=2 style="background:white;height:168px;"> Это шапка</td> </tr> <tr id="mainer"> <td id="menu" style="background:blue;">Здесь меню</td> <td style="background:yellow;">Здесь конте…

    Asked by boy_from_Mexico,

    0 votes
    51 answers

  4. Проблема с @font-face

    Добрый день Вроде как много где пишут, про использование любых шрифтов через стиль @font-face. Но вот чего-то в Opera 9, 10 не работает Может я делаю что-то не так? @font-face { font-family: "Vesna"; src: url(../font/Vesna.eot); /* for IE6-8 */ src: local("Vesna"), url(../font/Vesna.ttf) format("truetype"); /* for Firefox 3, Safari */ } html, body { font:normal 23px "Vesna"; } Вот сайт: Посетить мою домашнюю страницу

    Asked by Chervontsev,

    0 votes
    51 answers

  5. overflow:hidden

    Есть некоторый код (для примера) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> </head> <style> div { } ul { list-style-type:none; margin: 0; padding: 0; } li { float: left; margin: 3px; } </style> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <div> bla-bla-bla </div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html…

    Asked by kvant,

    0 votes
    51 answers

  6. Опера и высота окна

    Сверстал такую вот штуку: http://maestro-magnifico.ru/test/ Почему сверстал именно так, даже на спрашивайте... По задумке блок #middle должен будет ездить влево-вправо за границу блока #content, у которого overflow: hidden. Не суть! Во всех браузерах эта вёрстка отображается замечательно, кроме оперы, где при ресайзе окна, высота контента не меняется. Отчего так - не понятно, надеюсь на совет матёрых верстальщиков. З.Ы. Я в курсе проблемы наезжания футера на контент, и знаю как её решить, просто до этого пока ещё дело не дошло.

    Asked by Freakmeister,

    0 votes
    51 answers

  7. Нестандартные шрифты на холсте Canvas.

    Всем привет. Недавно начал экспериментировать(в первые для себя) с различными манипуляциями над тегом Canvas и задался одним вопросом: Можно ли как то отображать на холсте нестандартные шрифты?(при условии, что они заранее не установлены на компьютере естественно.) (Не используя картинки!) Можно ли как то задействовать в этом плане сервис Cufon? Если да - то как именно? (Имею ввиду как именно все это дело подключать? Это же не элементы dom дерева, насколько я понимаю?) Возможно существует какая то альтернатива в этом плане? P.S. Заранее благодарен за ответ..

    Asked by Yamaradg,

    0 votes
    51 answers

  8. Может поможите?

    у меня проблема!я не могу придумать про что можно сделать сайт?я хочу сделать очень интересный сайт о чем-нибудь!вот может сделать о военной техники, какие у вас на этот счет мысли?

    Asked by vvsh,

    0 votes
    50 answers

  9. Как правильно. Селекторы

    Собственно например код <div id="pageHeader"> <p class='main'>111</p> </div> Вопрос как правильно по семантике и т.д запрос в ксс #pageHeader .main{} .main{} p.main{} Какой из 3 все 3 работают.

    Asked by Dessss,

    0 votes
    50 answers

  10. Фотошоп. Простые вещи.

    Как обещал, открою серию мини-уроков по всеми нами любимому продукту компании Adobe - Adobe Photoshop CS4. До этого я пользовался версией CS3, но он не очень удобен при работе с масками, поэтому пришлось раскошелиться на новую версию. Многие думают, что знают фотошоп хотя бы на 50% его возможностей. Я не буду в этих, назовем это заметками, уроках, описывать создание различных эффектов с помошью этого редактора. Такого добра в инете полно. А коснусь я простейших вещей, которые, несмотря на всю свою простоту, иной раз могут очень пригодиться. Итак, заметка первая. Использование инструментов Slice Tool и Slice Select Tool для разрезки пунктов меню Естественно, этот инструме…

    Asked by Alastor,

    0 votes
    50 answers

  11. Вопросы к знатокам

    Приветствую всех кто так или иначе освоил html, php, css! Мне очень нравится заниматься разработкой сайта http://handbookhmm1.narod.ru/ посвященному игре герои меча и магии. Но, я понимаю, что необходимо двигаться дальше, переезжать на платный хостинг, ставить нормальный форум. Развивать проект. В Интернете огромная куча информации, но она такая противоречивая и размазанная, что для обычного обывателя – нуба (вроде меня), является непонятной и нереализуемой на практике. Перечислю мои проблемы: 1. Размещаю новости здесь http://handbookhmm1.narod.ru/news.html, путем редактирования с последующей заменой файла news.html. Очень хотелось бы, что бы новости можно было бы добав…

    Asked by VDV_forever,

    0 votes
    50 answers

  12. Как сделать не прямоугольную форму с одним фоном

    Нужно сделать как на картинке: т.е. у прямоугольной формы еще и треугольник внизу. Но проблема в том что фон для них один. Можно увидеть как темная полоса продолжается на треугольнике. И конечно это не фиксированной ширины.) Подскажите, можно ли такое реализовать?

    Asked by bob_24,

    0 votes
    50 answers

  13. Мотивирующий топик для заказчиков о изящной деградации

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

    Asked by Zverushka,

    0 votes
    50 answers

  14. разводы

    Здравствуйте . После сохранения картинки на странице, вокруг нее появились разводы(картинка сохранена в формате" jpg") Как от них избавиться ? Спасибо.

    Asked by Lobo,

    0 votes
    49 answers

  15. Резиновая шапка

    Добрый вечер, господа! Чтож, у меня такая проблема. Нужно оптимизировать шапку под все браузеры и сделать её резиновой, чтобы при сужении окна или при просмотре страницы через разные браузеры части шапки не наесжали друг на друга. Так же мне сказали, что размеры шапки нужно делать под разрешение 800х600... Так у меня в два раза больше разрешение экрана(( Если я так сделаю, то у меня будет не одна картинка, а две в шапке страницы... Такая проблема, что у меня шапка очень большая, а при уменьшении всё искажается(( Я и так искозил её максимально... Запутался я В общем, господа и прошу помощи... Код шапки, чтобы сделать её резиновой. К сожалению, вроде всё пересмотрел и вроде…

    Asked by Безымянный,

    0 votes
    49 answers

  16. проблема с маштабированием

    У меня возникла такая проблема, есть два блока(1 болк флоат лефт 1 флоат райт) при открытие в ie7 ie8 mozile opere они онинаковой высоты, при любом увиличении маштаба они становятся разных росмеров. Как зделать что б они были онинаковыми. Посетить мою домашнюю страницу

    Asked by fastikkk,

    0 votes
    49 answers

  17. Помогите исправить код!

    Здравствуйте, уважаемые эксперты! Вот есть код и сайт dollarforukraine.com Подскажите, пожалуйста, как сделать бирюзовую кнопку в виде кнопки которая ниже (маленькая кнопка Donate в рамке) и чтобы она открывалась в новой вкладке. Огромное спасибо заранее! P.s. маленькая кнопка Donate уже была в шаблоне и ссылалась на "Read more"...

    Asked by budanov,

    0 votes
    49 answers

  18. Динамическая подстановка class

    <ul> <li id="test" class="active"><a href="xXXXXXXXXXXX" accesskey="1" title="Главная" onclick="loadmenu">Главная</a></li> <li id="test1"><a href="XXXXXXXXXXXXXX" accesskey="2" title="Заказать">Заказать</a></li> </ul> Вопрос, как сделать чтобы при нажатии заказать, class="active" присваивался к этому li, а с первого убирался, дуамю примерно должно выглядеть так <script type="text/javascript"> function loadmenu() { var menuName = ....................... document.getElementById("test").class = .....; } </script> хотя помоему это не то

    Asked by slavok47,

    0 votes
    48 answers

  19. Вёрстка форм

    Всем добрый вечер/день/утро/ночь (у кого как). Верстаю уже не первый год, но вопросы всё ещё остаются. Постоянно сталкиваюсь с различными формами и их реализациями. Интересует, как семантически грамотно верстать различные формы. Хочется услышать мнения пофессионалов и советы людей, которые действительно знают, что такое верстка, семантика и валидность. Пример 1: <form action="#" enctype="#" method="#" id="#"> <fieldset> <label for="f1"><input type="text" name="#" value="Ваше имя" id="f1" /></label> <label for="f2"><input type="text" name="#" value="Ваш e-mail" id="f2" /></label> <label for="f3"><textare…

    Asked by DjTarik,

    0 votes
    48 answers

  20. Проблема с div-ами...

    Есть некоторая задача: "Сделать два резиновых столбца. Первый — 20% по ширине, второй — 80%, между ними расстояние 20 пикселей, расстояния от краёв страницы слева и справа 10 пискелей. Без использования таблиц и javascript." Мой вопрос такой: Как сделать расстояние 20px. между колонками, если 20%+80%=100% т.е. вся доступная ширина, которая исключает еще какие-либо размеры вроде "20px".

    Asked by Mark Ghaphes,

    0 votes
    48 answers

  21. Ищу наставника :)

    Здравствуйте. Имею некоторый опыт верстки, очень и очень поверхностные знания по js, jquery, php немного получше. Хотелось бы найти человека, которому не лень было бы давать мне задания, с которыми я мог бы справляться за вечер-другой. Ну и проверка и указание ошибок тоже мне очень помогли бы. Если кто-то захочет выступить в роли наставника, буду очень рад. Для связи отписывайтесь в этой теме, а я отвечу вам лично, чтобы связаться уже помимо форума. Спасибо.

    Asked by Frey,

    0 votes
    48 answers

  22. Как спрятать html код на сайте и строку состояния

    Как можно спрятать html код у себя насайте, чтоб не могли просмотреть вообще и чтоб в строке состояния не отображался адресь клика или как при клике сделать так чтоб в строке состояния вместе отображения урл отображалась другая инфа или надпись? Я такое видел и никак не смог увидеть Html код 2. Как можно сделать так, чтоб в адресной строке была эмблема своего логотипа? Сейчас логотип IE стоит, а некоторые меняют на свои. Кто знает html код? 3. Еще удивляюсь что есть такие вундеркинды, которые делают так ,чтоб при открытии сайта Сайт автоматически становился стартовой странице? В общем ответьте мне на первый вопрос. Мне просто нужен html код

    Asked by romay,

    0 votes
    47 answers

  23. Нужна ваша помощь

    Пожалуйста, уважаемые верстальщики, у кого на полке пылятся PSD макеты,(выполненные заказы и т д ) подарите их мне) Я бы их потихоньку верстал и набирался опыта После выполнения сам psd я уничтожу (сожгу, съем) в сеть естественно выкладывать не буду. Также не беспокойтесь что буду доставать вопросами типа "А как это сделать?" (Хотя, если у вас есть желание могу показать вам готовую работу для оценки) Взамен могу вам предложить бесплатную помощь в верстке, правда я только начинаю верстать, так что после меня надо будет переделывать, возможно. Перечитал кучу книг, пересмотрел кучу разных видео уроков по верстке. Теперь надо побольше практики Сверстал один макет, скачанный …

    Asked by Kenny,

    0 votes
    47 answers

  24. Вёрстка разделителей списков

    Здравствуйте! Столкнулся с проблемой. Не знаю как написать CSS для списка вида: Скрипт выводит html код вида: <ul> <li>Элемент1</li> <li>Элемент2</li> <li>Элемент3</li> </ul> Проблема в том, что элементов может быть любое количество, но если через CSS привязать разделитель (в данном случае - символ "|"), то он будет применяться и для последнего элемента списка (что совсем не нужно). Посоветуйте, как быть в данной ситуации?

    Asked by Wak,

    0 votes
    47 answers

  25. Прозрачный цвет фона

    Подскажите пож-та, как сделать прозрачный цвет фона у DIV? <style> #blocks_box { background-color:black; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.30; opacity:0.30; } </style> <div id="blocks_box"> Здесь много текста... </div> Так не получается

    Asked by Ars_Art,

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