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. Вопрос про прозрачность png

    Здравствуйте. Столкнулся с такой делемой. Примитивно, код такой... <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <body> <div id = "main"> <div class = "button"> <img src = "images/catalog_menu/buttons/u2.png" /> </div> </div> </body> </body> </html> В CSSке прописан бэкграунд страницы, бэкграунд дива main. Файлик u2.png должен быть одной из конпок на странице. У него есть прозрачные пиксели, через которые должен быть виден бэкграунд дива main. Так вот проблема именно в том что через эти прозрачные пиксели видно фон страницы, а не дива main. Подскажи…

    Asked by Abrak-a-dabrA,

    0 votes
    2 answers

  2. Need помощь

    W"z Я не знаю возможно ли это сделать без flash. ближе к делу. Нужно сделать квадрат, допустим в нем надпись "мои друзья" наводим на этот квадрат там появляются надписи "петя" "маша" "саша" уводим мышь обратно - о5 мои друзья. Примичание необходимо чтобы "петя" "маша" "саша" были сылками. Прошу прощения если тему засунул не туда.

    Asked by Vanilnaya,

    0 votes
    2 answers

  3. не работает позиционирование

    в общем по уроку клепаю блоки и началась тема позиционирования, при приклеплении картинки она просто висит внутри блока, хотя при смене параметров top и left она должна применять их свойства, но ничерта не происходит и при создании div контейнера, задав ему параметры и цвет, блок не создается, даже не знаю в чем проблема, помогите разобраться. Интересующие элементы #new и #container <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/style_p.css" type="text/css" rel="stylesheet" /> <title&gt…

    Asked by maxsnw,

    0 votes
    2 answers

  4. ГОЛОВОЛОМКА С ВЕСТКОЙ СЛОЕВ И ФРЕЙМОВ

    Здравствуйте дорогие форумчане подскажите пожалуйста в чем мои ошибки или как можно лучше реализовать мою задумку во всех браузерах при разрешении 1024*768 все скачет при разрешении 1440*900 шапка впорядке нижние фремы все равно косячат. необходимо чтоб вся инфа на странице была динамичной(при изменении разрешения картинки уменьшались вот как тут http://саманта74.рф/ вот код подскажите пожалуйста <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/JavaScript" src="index/k…

    Asked by Aleksandrid,

    0 votes
    2 answers

  5. Кратная (минимаксная) ширина div

    Здравствуйте, столкнулся со следующей проблемой: Есть один div с 100% шириной, в нём много вложенных div'ов с заданной конкретной шириной - 150 px. Проблема состоит в том, что при некоторых разрешениях экрана ширина родительского div'a становиться не кратна ширине вложенных. Например: 1440px - в родительском div оказывается 9 вложенных div'ов и ещё где то половина пустого пространства (фона). Как без использования js можно добиться того, что бы родительский div мог растягиваться и в нём было максимальное кол-во вложенных div'ов, но при этом он облегал вложенные div'ы по ширине (т.е. например вместо 1440 получалось 1350)? Пробовал: присваивать min/max-width без указанной …

    Asked by Arkham,

    0 votes
    5 answers

  6. с чего начать?

    Весьма недавно я начал входить в мир html and css. Я весьма быстро разобрался, что к чему и почему, но сейчас я просто сажусь по вечерам за компьютер и начинаю, что то писать, какие то таблицы делать, потом просто закрываю и уди спать (не сохраняя, поскольку там в том что я сделал смысла не какого нету, да и мне оно самому не нужно). Вот сегодня я каким то чудом понял, что я не знаю, что мне писать. Т.е. я знаю, как, но не знаю, что. прошу вас, подскажите, что то, какой то концепт сайта, или просто какой то давно заброшенный проект над которым можно было бы поработать и дальше учится, а не как я таблички делать. Но учтите то что я еще начинающий, я не знаю, что такое php …

    Asked by krofik,

    0 votes
    2 answers

  7. Проблема c input и autofocus

    Добрый день. У меня есть две проблемы: 1) Почему поле input не подсвечивается в Mozilla,Opera жёлтым , как в Google Chrome например? Вот фотка : Вот ссылка: http://slizers.com/list1.html 2) Вторая проблема заключается в том, что autofocus не загружается, то есть при нажатии на кнопку поиск выплывает окошко и там должен быть autofocus. Возможно ли это как-нибудь это сделать? Мною опробованы методы : 1) Скрипты <script type="text/javascript"> function formfocus() { document.getElementById('element').focus(); } window.onload = formfocus; </script> 2) <input id="q" autofocus> <script> if (!("autofocus" in document.createElement("input"…

    Asked by averin13,

    0 votes
    0 answers

  8. Два Дива - одинаковой высоты в не зависимости от контента

    Как сделать вот такую вот картинку дивами? Рядом стоящие и растягивающиеся по высоте в не зависимости от контента Напрашивается таблица, но хотелось бы дивами подобной структуры: http://jsfiddle.net/2c4MK/

    Asked by artemhp,

    0 votes
    6 answers

  9. Видео тест

    Уважаемые господа профессионалы помогите с одной задачкой. У меня есть проект(мини-тест) с 10 текстовыми вопросами и ответами к каждому из них. Вопросы и варианты ответов я писал в javascript(используя function которая переключала вопросы(Следующий /предыдущий вопрос)). Сейчас мне надо сделать такой же тест только вопросы должны быть по 10 видео(также представленным в проекте). К каждому вопросу другое видео, как и куда мне помещать ссылки на видео из youtube в html документ, или в js. Ответы пишите в комментариях или на Navara677@gmail.com Зарание спасибо <html> <head> <title>Vіdeo test in geography</title> <link rel="Stylesheet" type="t…

    Asked by Navara,

    0 votes
    0 answers

  10. Нужна помощь! JavaScript - custom scroll bar

    Доброго дня всем! помогите советом, пожалуйста, форумчане! в двух словах суть вопроса: есть сайт. сейчас на нем планируется редизайн. начали потихоньку с того, что меняем элементы - галерею, форму обратного отзыва и тп. вопрос касается непосредственно галереи - выбор пал на Anything slider на jQuery/ галерею подключил, особых проблем не возникло. дело встало на моменте, когда необходимо сделать свой скроллбар внутри этой галереи. вообще способы создания своего скроллбара я опробовал, разобрался, как они работают на простых примерах. а именно здесь не работает. сам скрипт здесь: http://kontek.su/photogallery/fotogalereja-10 не могу понять, как организовать это дело: внутр…

    Asked by mrmixsun,

    0 votes
    3 answers

  11. Футер по краю

    Здравствуйте. При вёрстке возникла одна проблема с нижней частью сайта, а именно при разрешений экрана 1280x1024 и при широкоформатном все элементы располагаются по центру, т.е. как надо. Но, если например использовать ноутбук, то футер сдвигается к левому краю. Вот код футера. Помогите пожалуйста разобраться. Заранее благодарен. <table style='border-collapse: collapse; width: 1031px; height: 289px; background-attachment: scroll; background-repeat: no-repeat; background-image: url("/diz_n/niz/bot_new_project2.png"); background-position: 50% 100%; background-size: auto; background-origin: padding-box; background-clip: border-box' align="center"> <tbody> &lt…

    Asked by immortal2305,

    0 votes
    3 answers

  12. 2 колонки

    Вот опять не пойму как быть: конструкция вот такая <div id='content'> <div id='left'></div> <div id='right'></div> </div> #content { height: auto; border: 1px dashed red; } #left { float: left; border: 1px dashed red; width: 720px; min-height: 400px; } #right { border: 1px dashed red; width: 230px; min-height: 200px; float: right; } как сделать чтобы блоки left и right были внутри блока content, и высота блока content зависила от высоты блоков left и right? заранее спасибо

    Asked by kamaz6141,

    0 votes
    3 answers

  13. Проблема с fixed в IE

    Приветствую. Не могу побороть проблему в IE с фиксированным положением элемента на странице. (пример http://seotop.pro/photo/folder-2008-2009-peru.html) Панелька должна прибиваться к низу и держаться там при скролинге и при ресайзе страницы. Везде естественно кроме IE пашет, прибегать к js для этого не хочется - в IE при пересчете положения панель начинает "скакать" за страницей, выглядит плохо. Поэтому ищу способ через CSS. Кто знает подскажите методы решения.

    Asked by byxah,

    0 votes
    5 answers

  14. Фиксирование слайдера

    Добрый день, возник вопрос, как зафиксировать div с слайдером по центру не зависимо от масштаба в браузере? Заранее спасибо!

    Asked by kamaz6141,

    0 votes
    2 answers

  15. Табл.верстка. Подвал внизу

    Делаю курсовик-сайт по Web-дизайну. Т.к. это первая работа на HTML, а срок поджимает выбрал табличный тип верстки. Возникла проблема, не получается опустить подвал сайта вниз. Ни с помощью CSS, ни средствами HTML. Прошу помощи <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Шаблон</title> <link rel="stylesheet" type="text/css" href="style/page.css"> </head> <body> <!-- Общий контейнер --> <table cellpadding='0px' id='container'> <!-- Шапка сайта --> <t…

    Asked by lex63,

    0 votes
    2 answers

  16. переходы фона

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

    Asked by cyklop77,

    0 votes
    2 answers

  17. Проблема с background

    У меня проблема с размещением изображения. В опере все показывает отлично. А вот в хроме и мозиле 0. Если убрать left или bottom +..px - показывает. Может кто-то знает в чем может быть причнина или как по другому можно написать? Заранее спасибо. background: url(img/12.png) no-repeat bottom left, url(img/13.png) no-repeat bottom+15px left+100px, url(img/14.png) no-repeat bottom+15px left+230px, url(img/11.png) no-repeat bottom+5px left+350px; }

    Asked by assd18,

    0 votes
    2 answers

  18. z-index в IE7

    http://leveler.ru/awag/ В интернетах советуют назначить родительскому контейнеру менюшки большой z-index, чтобы она не перекрывалась контентом. В моем случае почему-то не помогает - в IE7 всё равно пункты выпадают под аккордеон. В остальных современных браузерах всё хорошо. Посоветуйте что-нибудь?

    Asked by d0ublezer0,

    0 votes
    1 answer

  19. Неотображается код PHP

    Здравствуйте уважаемые форумчане, у меня не отображается php код, я только начал знакомится с языком php, поэтому сильно не пинайте помогите лучше) Буду вам весьма признателен. Итак вот простой документ: <!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=windows-1251" /> <title>документ</title> </head> <body> <?php $name = "автобус"; echo "$name"; ?> </body> </html> Должно по идее на странице, появиться слово автобус, вроде и пе…

    Asked by Riko911,

    0 votes
    2 answers

  20. Изменить ширину самой правой ячейки таблицы в IE

    Здравствуйте. Вопрос начального уровня, но почему-то привел меня в ступор. Есть исходный текст <html> <head> </head> <body> <table id="toppage" style="background-color:#eaedf6;"> <tr> <th style="background:yellow;">111</th> <th style="background:green; width:10px;">V</th> </tr> <tr> <td colspan="2" style="background:silver; width:800px;">222</td> </tr> </table> </body> </html> Как уменьшить ячейку с текстом "V" до минимальных размеров? Firefox отображает правую ячейку с минимальными размерами, как и было задумано, а вот в IE проблема... Скорее всего я что-то …

    Asked by Кириллов С.Н.,

    0 votes
    0 answers

  21. Корсбруезерный div с вложеными div'ами

    В общем есть проблема с div'ом. <!-- // CONTAINER // --> <div id="Container"> <div class="content"> <div class="shadowLeft"></div> <div class="cornerLeft"></div> <div class="content"> <!-- // CONTENT TOP // --> <div id="ContentTop"> <a id="Logotype" href="#"><img src="../Images/Design/Logotype.png" /></a> </div> <!-- // MENU // --> <div id="Menu"></div> <!-…

    Asked by giologi,

    0 votes
    2 answers

  22. Верстка вертикального меню

    Всем привет. Столкнулся с проблемой верстки вертикального меню. Сейчас выполнено в таком духе <td class="cat_box"> <ul> <li><a href="/catalog/furniture/office/">Офисная мебель</a></li> <li><a href="/catalog/furniture/textile/">Текстиль</a> <ul> <li><a href="/catalog/furniture/bath/">Для ванной</a></li> <li><a href="/catalog/furniture/bedroom_txt/">Для спальни</a></li> <li><a href="/catalog/furniture/co_/">Ковры</a></li> </ul> </li> </ul> …

    Asked by Sven,

    0 votes
    0 answers

  23. "Абсолютные" блоки за вне сайта.

    Здравствуйте. Возникла такая проблема: Я патаюсь сделать слева и справа от сайта фоновые узоры. Т.е. есть один основной блок, в котором содержится весь сайт. Его position равна relativ. В нем есть 2 блока с узорами. Их position absolute. Им выставляется например left: -300px и right: -300px. Все работает как и задумано. Но вдруг я обнаружил что на мониторах с маленьким разрешением появляется горизонтальный скролл. Я же хочу чтобы эти узоры были видны только на больших мониторах. А на маленьких просто обрезались. Конечно есть возможность отключить горизонтальный скролл. Но в этом случае, если ктото войдет на сайт с мобильного устройства, и маленьким разрешением монитора, к…

    Asked by HobbyStudio,

    0 votes
    3 answers

  24. Насчёт иероглифов на сайте.

    Приветствую всех! Бегал по форуме, находил темы насчёт Иероглифов, но так и не нашёл чёткого ответа. http://beloved-mc.hut4.ru/ вот сайт, те кто заходит с оперы и мазины, всё время пишет ерунду "Р?РіСЂРѕРєРё, фанаты Minecraft. Рады вам сообщить, что открылся новый сервер РїРѕРґ названием " что то типа того, я вставлял вот такие мета теги: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Type" content="text/html; charset=koi8-r" /> <meta name="keywords" content="text/html;charset=utf-8"> /> Толку от них нет . Помогите пожалуйста!

    Asked by ashimano,

    0 votes
    11 answers

  25. Неотображаются кнопки "Поделитесь с друзьями" от Яндекса в IE

    Стандартный скрипт - "Поделитесь с друзьями" от Яндекса (http://api.yandex.ru/share/) = не отображается в IE - вместо нужного места пишется Поделиться…; Кнопок на социалки нет. И они появляются внизу страницы Текстом. В других браузерах нормально. Пациент тут На других сайтах тот же код нормально отображается в IE.. что за мистика?) —————-- P/S: Кстати, как верста и дизайн? (про валидность ни слова))

    Asked by HES,

    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