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. Всплывающее меню

    У меня вопрос про меню. Помогите, люди добрые. Как это горизонтальное всплывающее меню сделать шестиуровневым? Друг попросил, а я не умею. <HTML> <head> <title>hover</title> <style type="text/css"> UL {width:800px; list-style:none; margin:0; padding:0; font-family:Arial,sans-serif; font-size:10pt;} UL li {position:relative;display:inline-block;} li UL {position:absolute; display:none; top:20; left:0px; z-index:1;} li A {display:block; width:100%; padding:5px; text-decoration:none; color:#666; border:1px solid #ccc; background-color:#f0f0f0; border-bottom: none;} li A:hover {color:#ffe; background-color:#5488a…

    Asked by slava03,

    0 votes
    17 answers

  2. div'ы и ie6

    Приветствую. Имеем следущий код: #body { width:1000px; height:100%; margin:0 auto; display:block; } #left { width:62px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; background:#e0e0e0 url(../images/index_06.jpg) no-repeat top; -margin:-13px 0 0 0; display:inline; float:left; } #right { width:937px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; -margin:-13px 0 0 0; display:inline; float:left; } #right_top_left { width:286px; height:30px; display:inline; float:left; } #right_top_right { width:651px; height:30px; background-color:#e0e0e0; di…

    Asked by bobo,

    0 votes
    12 answers

  3. Картинка валидации

    Добрый день уважаемые гуру! Страница-заглушка валидная как html 4.01 так и css, но в хроме 11, ie6 , опере 11.10 ссылка на сайт между этими 2-мя ссылками какое-то нижнее подчеркивание "_" ? В Фоксе 4 такого не наблюдается. Что это, глюк? Если картинки на разных строчках делать, то всё замечательно -- Заранее спасибо за Ваши ответы

    Asked by alexey_,

    0 votes
    1 answer

  4. позиционирование в CSS

    Время от времени на разных форумах при обсуждении вёрстки можно прочитать критику типа "всё висит на абсолютах" и т.д. А чем это плохо?? Чем плохо чрезмерное использование позиционирования?? На чём это может сказаться??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  5. First-letter в Firefox

    Во всём кроме Фаерфокс эта конструкция корректно работает, а как её подружить с ФФ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> a { display: block; width: 123px; height: 114px; border: #505050 1px solid; text-decoration: none; position: relative; } a:hover { background-image: none!important; background-color: #eff4e7!important; text-decoration: none!important; } a span { di…

    Asked by Wak,

    0 votes
    5 answers

  6. Cкрытые br как их удалить

    Оч. странная вешь, Firebag показывает br а в блокноте и Dreamweaver их нет, а надо бы их удалить! Не подскажете в чем может быть баг? http://s41.radikal.ru/i091/1105/08/92376147cd72.jpg вот тут большое изображение Всем заранее спасибо за помощь!

    Asked by proud,

    0 votes
    8 answers

  7. Проблема отображения в Firefox

    Здраствуйте, в разработке сайтов новичок, даже не знаю в чем может быть проблема.. В браузере Firefox 4.0.1 сайт отображает некоректно, такое впечатление что стили вовсе не работают (цвет ссылок синий с подчеркиванием, фонового изображения нет).. Адрес сайта: http://marasyanechki.narod.ru

    Asked by Serik,

    0 votes
    9 answers

  8. Просто кнопка

    Пытаюсь повторить поле ввода по картинке, но не получается разметить нормально кнопку отправки. Она не хочет выравнятся по вертикали в центре. Что с ней не так? Собственно сам код

    Asked by Tmin10,

    0 votes
    4 answers

  9. Отправка формы в iframe на другой странице

    Привет, Нужна помощь, обыскал весь google, но нечего не нахожу. Задача такая, есть: 1) Страница #1 на которой форма (логин и пароль) 2) Страница #2 на которой iframe Реально ли передать данные формы из страници #1 в iframe на странице #2? Передавать данные со страници на страницу, умею, но реально ли это сделать в данном случае? Буду, очень признателен, если поможете.

    Asked by uncancelled,

    0 votes
    3 answers

  10. Ротатор изображения в шапке

    В стиле есть строка, отвечающая за изображение, находящееся в шапке сайта: .headimage { background:url(images/headimage.png); height:150px; background-repeat:no-repeat; background-position:center; } На просторах интернета нашел ротатор изображений на php: $format=array("jpg","JPG","jpeg","JPEG","GIF","gif","PNG","png"); $img_rand=array(); $c1=sizeof($format); for($i=0; $i<$c1; $i++){ $add_img=glob("./images/*.".$format[$i].""); $img_rand=array_merge((array)$add_img,(array)$img_rand); } $c2=sizeof($img_rand); $rand=rand(0,($c2-1)); echo "<img src='".$img_rand[$rand]."'>"; Как прикрутить этот ротатор к сайту?

    Asked by bagfinder,

    0 votes
    3 answers

  11. маленький хелпик html and css

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

    Asked by xotabb,

    0 votes
    4 answers

  12. Еще о HREF

    Здраствуйте! У меня такая проблема: Мой СМС позволяет мне загрузить только файлы-рисунки(контролируется расширение имени файла, FTP доступа, как вы понимаете тоже нет. Нужно расместить на сайте DOC файл. Тупо поменяв ему расширение на, например, GIF, я его могу туда загрузить и сделать на него ссылочку без проблем. Но пользоватили то будут пытаться открыть его графическим просмотрщиком а не WORD. Можно ли сделать так, что-бы он сохранялся у узеров под другим именем(не заставляя их при этом руцями вводить новое имя файла и расширения) Пример: 1. у меня есть документ ttt.doc 2. переименовываю его в ttt.gif (СМС пропускает только графические файлы) 3. Он там даст ему какоето…

    Asked by ksasw,

    0 votes
    8 answers

  13. не работает ссылка

    Здравствуйте, у меня такая проблемка, делаю сайт http://filinajewelry.ru/ , точнее попросили доделать, не могу понять почему не работают ссылки на разделы .модели и дизайн .ремонт и обслуживание .партнеры .контакты, никак не могу понять что надо сделать?? если надо файлы какой-нить страницы html и файл css могу скинуть

    Asked by oledjiks,

    0 votes
    3 answers

  14. Помогите плз

    Народ такой вопрос , никак сам немогу вникнуть как сделать что бы текст находился на картинке по центру ( всё это было ссылкой , и картинка и текст ) и в одном диве , так же что бы при :hover на это всё , текст оставался таким же . а картинка изменялась. html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link type="text/css" href="lol.css" rel="stylesheet" /> </head> <body> <div class="gg"> <a href="#">te…

    Asked by MaferoK,

    0 votes
    2 answers

  15. не получается прозрачный бэкграунд

    в бэкграунд ложится картинка, нужно средствами CSS задать ее прозрачность сделал так: .mainbg { background: url('../img/general.jpg') no-repeat; /* Internet Explorer */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5; } но почему-то прозрачным становится текст сайта вот как отработало _hххp://sbsg-consulting.com помогите плз

    Asked by SKM,

    0 votes
    10 answers

  16. Как зафиксировать меню сверху экрана

    Есть меню, оно в середине экрана, при прокручивании страницы, когда скрывается это меню - его надо зафиксировать с верху браузера? Что-то похожее есть в яндекс почте.

    Asked by pixelranger,

    0 votes
    4 answers

  17. DOCTYPE

    Здравствуйте! Написал 2 html страницы, после их валидации ужаснулся, в одной стронице 222 ошибки, в другой - 22. Писал вроде бы всё правильно, поэтому вопрос, какой DOCTYPE прописывать в начале? Скача мануал с сайта, оттуда скопировал следующий DOCTYPE: Что в нём не так? Или я действительно так много раз ошибся при написании страницы?

    Asked by Feers1de,

    0 votes
    23 answers

  18. Тег <collapse>

    Кто-нибудь знает как работает тег <collapse>? Мне нужно сделать разворачивающийся текст Допустим набираю: <collapse collapsed title="Этот текст будет разворачиваться"> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </collapse> на экране отображается только текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст Что я делаю не так?

    Asked by S-art1,

    0 votes
    6 answers

  19. ПО для создания "графических" макетов

    Всем хи... Подскажите плиз существуют ли в природе какие-либо програмулины ориентированные на создание графических макетов???(никогда не делал макетов, сразу верстал в HTML). То есть чтобы можно было быстро сделать набросок, а потом, когда определишься с примерным видом страницы, наводить красоту в фотошопе например.

    Asked by CoDy,

    0 votes
    1 answer

  20. в IE7 не устанавливается курсор в текстовом поле

    Помогите плиз!!! не могу понять в чем дело. есть текстовое поле, в выкидыше мелкософта версии 7 курсор в нем устанавливается только при щелчке мыши на тексте (значении атрибута value). Код: <div id="search"> <input type="submit" id="search_submit" value=""> <input type="text" id="search_text" value="Что ищем?" onblur="valu('#search_text', 'Что ищем?')"> </div> Стили: #search {width: auto; height: 92px; padding: 0px 131px 0px 24px; overflow: visible;} #search_text {width: 100%; height: 22px; border: 1px solid black; position: relative; left: 0px; top: 3px; line-height: 22px; font-size: 12px; color: #000; padding-left: 13px;} #search_submit {w…

    Asked by Vlad_P,

    0 votes
    5 answers

  21. _height:expression

    Привет!! Что за _height:expression(document.body.clientHeight+'px'); и где его использовать?? Это растягивание на высоту родителя дочернего блока или нет?? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> .za{position:relative; top:100px; left:100px; width:200px; height:400px; background:url(d.jpg) no-repeat; z-index:1} .moo{position:absolute; background-color:red; top:10px;bott…

    Asked by bot87,

    0 votes
    6 answers

  22. Site INTRO (нужен совет)

    Здравствуйте Всем. Есть конкретное задание - полностью продублировать Flash сайт используя обычную верстку, PHP, Java и сопутствующие языки. Оригинал (flash): http://simplyfitcanada.com/ Сверстанный дубликат (html, php, java...): http://simplyfitcanada.com/test Если вы пройдёте по ПЕРВОЙ ссылке, то уведите "site intro" на флеше. Там позирует парень на белом фоне. Только после этого загружается главная страница. Задача: Сделать такое же сайт-интро на новом сайте. Другими словами, сделать точно такое же вступление с позирующим парнем на новом сайте. Мне сказали, что это достаточно простая задача. Но я с таким раньше не сталкивался. ПРОШУ ВАШЕЙ ПОМОЩИ! Отвечу на любые вопрос…

    Asked by nazarlee,

    0 votes
    7 answers

  23. Размер элемента в процентах минус 100 пикселей

    На странице имеется шапка высотой 100px и яндекс карта высотой 100% как сделать чтобы размер карты был 100% минус 100 пикселей <!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" /> <script src="http://api-maps.yandex.ru/1.1/index.xml?key=AIQcg0wBAAAA5e0zBAMAh7of_DfOHY1gl_R0v5CsZ9mboTsAAAAAAAAAAAA53fz1iFk7mzC8xQGtKj2VyYSkrA==" type="text/javascript"></script> <style type="…

    Asked by mkone112,

    0 votes
    2 answers

  24. Сделать контуры к изображению CSS

    Не могу сделать так, что бы контуры у всех изображений в статьях и их анонсах на главной слегка выделялись. У меня получается, что выделяются сразу все изображения на сайте. Как в CSS сделать границы как у этого сайта http://n-wp.ru/ Заранее спасибо.

    Asked by JlEHb,

    0 votes
    6 answers

  25. onClick

    Когда инпут расположен между тегами <form> онклик не работает (почемуто) а когда просто без тега форм все работает как сделать чтоб онклик работал в тегах форм?

    Asked by T@NKIST,

    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