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. каракули вместо русских букв....

    доброго времени суток!!! проблема в том что сделал сайт. все было в норме. загрузил его. и вместо русских букв получились каракули. использовал дримвейвер 9. что делать???? нужна помощь!!!!!

    Asked by lacostex,

    0 votes
    10 answers

  2. Проблема с min-width

    Вот код в css, но почему-то фаербаг в Мозиле ругается на это "Ошибка при анализе значения свойства «width». Потерянное объявление." width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%'); В чем ошибка, подскажите плиз?

    Asked by okunev2,

    0 votes
    0 answers

  3. Не работает стиль в Мозиле

    Собственно есть сайт на нем стиль ссылок в листалке сообщений, в Опере и ИЕ выглядит одинаково и применяется стиль, но в Мозиле и Сафари стиль ссылок не применеятся! <div id="number_vo"><span class="stil1">1</span> <span class="stil1_1"><a href="#">2</a></span></div> #number_vo { padding-bottom: 20px; padding-top: 50px; padding-right: 15px; text-align: right; } .stil1 { font-family: Trebuchet MS; font-size: 1.5em; font-weight: lighter; color: #ef6e12; padding-right: 3px; padding-left: 3px; } .stil1_1 a { font-family: Trebuchet MS; font-size: 1.5em; font-weight: lighter; color: #516669; padd…

    Asked by okunev2,

    0 votes
    7 answers

  4. как: фотки-ссылки были обведены рамкой

    хотел сделать на своей хтмл страничке что бы фотки-ссылки были обведены рамкой и рамка меняла цвет при наведении мыши. нашел сайт где так сделано. там был в теге <head> такой код: <STYLE TYPE="text/css"> <!-- a:hover { color: #0000CC} A .aimage{border: 1px solid; border-color: #000000} A:hover .aimage{border: #FFFFFF 1px solid} --> </STYLE> добавил я это код в <head> на своею страничку. в фаерфоксе2 - заработало, а больше нигде. однко та страничка откуда я брал код все делает как надо и во всех броузерах! как такое может быть ? ну не копипейстилка же потеряла код... подскажите где ошибка ?

    Asked by pribl,

    0 votes
    4 answers

  5. Internet Explorer 7, комментарии и :first-child

    Это из серии "На заметку" наверно... Только что столкнулся с багом под IE7. Поддержка :first-child в данном браузере отрубается, если перед первым входящим тегом стоит комментарий:

    Asked by klierik,

    0 votes
    17 answers

  6. Семантическая верстка хедера

    День добрый форумчане. Сейчас пытаюсь семантически грамотно сверстать хедер страницы, содержащий название фирмы и ее контакты. Что я подразумеваю по "семантически грамотно"? Разметка должна быть логичной, все элементы html должны использоваться по назначению, следственно не должно быть таблиц. Контакты оформлены микроформатом hCard. Но это пока что не обязательно. Название фирмы в тег h1. Логически правильно весь хедер оформить в тег div. А отдельные его части, если потребуется в span. Всё представление должно быть вынесено из html во внешний css файл. В html должна остаться только структура данных и сами данные. Итак, имеем мы следующее: html: <div id="header"> …

    Asked by happyproff,

    0 votes
    12 answers

  7. Как отобразить Рукописный шрифт на сайте

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

    Asked by Guest Monarch,

    0 votes
    5 answers

  8. Наложение прозрачного PNG или GIF на картинку, в зависимости от её ширины

    Здравствуйте. Суть задачи такая: 1) Есть бесконечно большое число картинок, у которых будет одинаковая высота, но разные длины. 2) Есть две прозрачные картинки, которые нужно накладывать сверху, на каждую картинку из первого множества. Принцип накладывания PNG будет таков: координата _x PNG = ширина картинки - 100px; Проблема: Изначально не известно, какая длина будет у картинки, на которую сверху будут накладываться PNG, поэтому задать смещение строго в пикселях не получится. Прилагаю картинки как должно быть, и из чего должно собраться (просьба не обращать внимания на то, что на конечном вариантеприсутствует ещё и фоновая картинка): За ранее спасибо. P.S.: Если такая …

    Asked by Guest Flashist,

    0 votes
    8 answers

  9. какие есть скрипты для текста: тень, вдавленный и пр...

    какие есть скрипты для текста: тень, вдавленный и пр... подскажите пожалуйста, а то в дримвивере МХ только курсив, полужирн и подчеркивание....

    Asked by vovchikku,

    0 votes
    8 answers

  10. форматирование внутри дива

    Возникла проблема: необходимо отформатировать название сайта и координаты фирмы следующим образом: блок 100% ширины, высоты 100px, название сайта картинкой слева высотой в 100, координаты справа текстом в три строки привязаны к нижнему краю хеадера. Сам хеадер логично сделать дивом, картинка тоже блочный элемент. текст можно хоть спаном, хоть дивом. примерный html: <div id="header"> <h1><img src="/images/sitetitle.jpg" /></h1> <span class="contacts"> город, улица, дом назавние@домен.ру тел (000) 000-00-00 </span> </div> Заранее спасибо за возможные варианты решения!

    Asked by happyproff,

    0 votes
    6 answers

  11. хтмл простенький сайт и поисковики

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

    Asked by Accessdenied,

    0 votes
    3 answers

  12. Пропадает background div элемента в ie 6.0

    Всем привет Пропадает background div элемента в ie 6.0, уже не знаю что делать. Причем back не png файл, а обыкновенный jpg. В Firefox и ie 7.0 все нормально показывается. Может подскажите в чем дело? Сайт находится по адресу http://apex.fram.com.ua/test/ на главной странице под словом акции должен быть back.

    Asked by Djeki,

    0 votes
    4 answers

  13. <embed />

    на одной и той же странице данным тегом разместил два разных файла - видео и аудио после чего при попытке просмотра видео - реал плэер пытается открыть файл не там где он размещён непосредственно,а там где должен открываться аудио файл...при запуске аудио обратного эффекта не происходит всё играет ,как надо ... В результате чего это происходит ? - может быть использовать <object></object> для корректности ? p.s. зарание благодарен

    Asked by Guest Гость,

    0 votes
    0 answers

  14. атрибуты тэга <p> для определенного блока

    Вроде о css имею начальные понятия, а вот как установить параметры тэга <p> для определеннго блока не знаю. Например, есть 2 блока <div> и в них находятся <p>. HTML <div class="need"><p>[b] Вот здесь и нужно применить атрибуты [/b]</p><p>[b] Но как сделать это? [/b]</div> <div class="not_need"><p>[b]А здесь использовать другие настройки[/b]</p>. А вот CSS: p{margin:10px;font-size:100%;text-indent:2em} Данный код я хочу применить только для тех <p>, которые находятся в блоке <div class=need>, а для <div class="not_need"> и всех остальны…

    Asked by Aleshka,

    0 votes
    2 answers

  15. Аналоговые часы на css

    И так вопрос, у меня есть нескольно картинок с изображение <div style="background:url(images/clock_bg.gif) 0px 0px no-repeat;height:85px;width:85px;"> <div id="clock_hour" style="background:url(images/hour.gif) -340px 0 no-repeat;height:85px;width:85px;"> <div id="clock_minutes" style="background:url(images/minutes.gif) -510px 0 no-repeat;height:85px;width:85px;"> <div id="clock_second" style="background:url(images/second.gif) -4845px 0px no-repeat;height:85px;width:85px;"> </div> </div> </div> </div> Первый div, c изображением циферблата (основной бекграунд) Второй div, с изображением часо…

    Asked by Guest Гость_Rukos_*,

    0 votes
    7 answers

  16. Меня мучает один вопрос

    Ребят,меня мучает несколько вопросов: Вот я недавно начал изучать программирование,выучил HTML, щас учу CSS,ну и конечноже не собираюсь овтанавливаться,так вот я недавно зашёл на Фриланс,там меня удивило одна вещь: Почему такие дешёвые сайты? Почему Люди.которые например имеют опыт по 5 лет,берут за заказ какихто 50$(за весь сайт) 1)Неужели так дёшево цениться Вёрстка?Или я может быть чтото путаю? 2)Получаеться,что люди тратят так много времени на изучение програмирования,сидят,учат,паряться,а заработать на этом нормально низя? 3)Потом ещё я узнал,что есть шаблоны(сайты) куда можно войти и выбрать любой за копейки,и эта тема развиваеться с бешеной скоростью. Так вот вопро…

    Asked by psywalker,

    0 votes
    9 answers

  17. Параметры onClick, onMouse в тегах TR, INPUT

    Добрый день. Вопрос в следующем: как правильно нужно указывать параметры onClick, onMouse и им подобные внутри тегов <a>, <input> чтобы данные строки были валидны согласно синтаксису XHTML? Спасибо за помощь

    Asked by DImaN,

    0 votes
    4 answers

  18. IE8 Beta

    На прошлой неделе тестил IE8 beta. Вот то что на первый взгляд удалось отыскать. 1) Наличие встроенного IE development Tools, очень похожа теперь на fireBug, а в чем то даже, пожалуй, превосходит его. В частности есть отдельные опции отслеживания старта и выполнения JS функций. (fb показывает время работы) 2)умышелнно уронил браузер - автоматически оживает! 3)ну и вобщем как и общеалось - эмулция ie7\ie8 одной кнопкой. Похоже microsoft проапгрейдил таки свою кучку индусов.

    Asked by Amigos,

    0 votes
    16 answers

  19. Ищу книгу

    Скажите пожалуйста,а есть какие нибудь книжк,где материал вот также прям разбераеться по Ноткам,как тут? http://www.pastukhova.com/lesson1.php

    Asked by psywalker,

    0 votes
    0 answers

  20. цвета

    подскажите пожалуйста - возможно ли такое с помощью html: <TR> <TD><B><I><FONT COLOR="#000099">Доступные сиглы</FONT></I></B></TD> <TD><B><I><FONT COLOR="red">&BOOKPOINTS</FONT></I></B></TD> </TR> <TR> <TD><B><I><FONT COLOR="#000099">Доступные сиглы</FONT></I></B></TD> <TD><B><I>&BOOKPOINTS</I></B></TD> </TR> с базы у нас берется данные - и прописываются красным цветом, а нам необходимо чтобы все прописывалось черным,только одно слово например чзп - прописывалос…

    Asked by кассетка,

    0 votes
    2 answers

  21. Различия верстке списков под разными браузерами

    В чём заключается различие в вёрстке списков под разные браузеры?

    Asked by ArtK,

    0 votes
    5 answers

  22. DIVы с параметром адщфе и динамическое изменение размеров одного элемента

    Друзья, в общем не знаю можно ли сделать что нибудь с этим или нет но примерно опишу что нужно. В общем есть скрипт, скрипт выводит элементы на экран в контейнере DIV, понятное дело что каждый новый ДИВ переносится на новую строку. Я делаю float:left; тем самым добиваясь размещения на одной строке и переноса на следующую всех не поместившихся. Все бы было отлично если бы не одно НО. В каждом контекнере есть активные элементы, по просту добавляющие элементы формы, тем самым раздвикая мой контейнер (только один!) по высоте, отсюда получается что те контейнеры что были внизу, на второй строчке переносятся дальше, начиная с того, чья высота была изменена. вот код гогда все эл…

    Asked by Master of Code,

    0 votes
    2 answers

  23. IE vs FF

    На этом сайте высоту левой и правой колонки IE отображает не так как FF и Opera. Почему? А написанно так: <td valign="top" width="130" height="440" ><!--//левые обновления-->

    Asked by Bolmazov,

    0 votes
    4 answers

  24. В чем ошибка?

    Подскажите, что я сделала не так в написании стиля страницы body { font-size: 500%; font-family: Arial, Verdana, sans-serif; text-align: center background: #333; color: red; } Цвет и размер текста воспринимает, а остальное нет.

    Asked by losso,

    0 votes
    7 answers

  25. Не Отображаются Иконки Ico

    Здравствуйте! Надо, чтобы отображались иконки в строке браузера и напротив названия сайта, когда он добавляется в ИЗБРАННОЕ. Для этого в разделе <head> прописал такие строки: <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> Но при этом ничего не отображается, ни в адресной строке, ни в избранном. Файл favicon.ico существует и находится в папке WWW\HTDOCS, то есть в корне. Помогите, пожалуйста!

    Asked by Hleb,

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