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. Определение стилей текста

    Есть некий текст на странице. Необходимо определить его стиль с помощь js, php или jquery(точнее даже лучше php). То есть получить в переменную все стили, которые на данный момент применены к этому тексту(например, нечто похожее осуществляет firebug - что-то вроде сводной таблицы стилей конкретного элемента страницы). Имеется ли возможность осуществить такое?

    Asked by soulwarez,

    0 votes
    4 answers

  2. Списки в ИЕ

    есть скрипт выпадающего списка... цсс #pmenu {padding:0; margin:25px 0 50px 15px; list-style-type: none; width:101px;} #pmenu ul {padding:0; margin:0; list-style-type: none; width:201px;} #pmenu li {position:relative;} #pmenu a, #pmenu a:visited {display:block;width:200px; font-size:10px; color:#000; height:23px; line-height:22px; text-decoration:none; text-indent:5px; background:#b2ab9b;; border:1px solid #fff; border-width:0 1px 1px 0;} #pmenu li:hover > a {background:#dfd7ca; color:#c00;} #pmenu li ul {display: none;} #pmenu li:hover > ul {display:block; position:absolute; top:0; left:201px;} хтмл <ul id='pmenu' name='pmenu'> <li class="tree_li">&l…

    Asked by gaolong,

    0 votes
    2 answers

  3. id=menu

    В свойствах CSS/hover/пример №2 есть такой фрагмент кода id="menu" для чего это, ведь код работает и без этого ?

    Asked by Reanatolij,

    0 votes
    2 answers

  4. киоск

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

    Asked by Садовник,

    0 votes
    5 answers

  5. fullWindow при старте

    добрый день помогите пожалуйста. надо сделать чтобы при заходе на сайт vasyapupkin.ru он открывался сразу в fullWindow как сделать это чтобы открыл он поп-ап могу как сделать чтобы открывало фул виндов при нажатии на ссылку - могу. как сделать чтобы страница сразу была fullwindow заранее благодарен за ответы

    Asked by imaniac,

    0 votes
    20 answers

  6. проблема с размещением

    У меня такая проблема, в разных браузерах, текст меню отоброжается поразному(в опере-выше..в фоксе-ниже)вчем проблема? PS я начинающий верстальщик. <html > <head> <title>Новый Документ</title> </head> <style type="text/css"> body{ background: #FFFFFF;} #head{ /*margin-top:-8;*/ margin: auto; padding:0px; width:800px; height:auto; background: #FFFFFF; } #head_1{width:112px; height:300px; float:left; margin-top:50px; margin-left:30px; text-align:center; background: #CCCCCC; } .head_2{width:800px; height:auto; float:left; background: #FFFFFF; …

    Asked by sistem32,

    0 votes
    1 answer

  7. Проблемма со слоем в ИЕ6

    На сайте http://www.laureaty.ru/ в ИЕ6 основной блок улетает вниз... расположить его рядом с меню никак не получается div.wrap2 .mainpanel { color:#000000; background-color: #fff; width:750px; float:left; } пытался экспериментировать с position, ничего путного не выходит помогите грамотным советом

    Asked by allod21,

    0 votes
    3 answers

  8. Три картинки в ряд

    Нужно расположить в ряд три картинки, чтобы одна из них была всегда по центру, а две других - сбоку от нее. При этом боковые картинки при уменьшении размера окна обрезаются окном браузера. Расстояние между рисунками 5%, ширина 540px. Горизонтальной полосы прокрутки быть не должно. Рисунки одновременно являются ссылками. Какие есть идеи, как подобное реализовать?

    Asked by Vlad,

    0 votes
    5 answers

  9. Один файл стиля для нескольких переменных

    В css как и в html туговато соображаю. Но основвываясь на опыте (не серьезным, связаном с игрушками), понимаю что css позволяет задавать переменные. Что то вроде: var color1="#ffffff"() var color2="#tttttt"() Как правильно задать переменные в css файле и как потом их правильно подключать? Просто в хтмлбуке только это И не слова о переменных. Поиск привел в термину CSS: Selector Variables, но что то информации русскоязычной по нему не очень...

    Asked by Ururu,

    0 votes
    3 answers

  10. Submit неотмеченного checkbox-а

    Здравствуйте. Вроде бы простая проблема, но совершенно поставила меня в тупик. Мне нужен checkbox, который при submit-е передает 0 если он не отмечен, и 1 когда отмечен. Когда он отмечен проблем нет, все работает как надо. Но когда бокс не отмечен, он вообще не передается в запрос. Можно ли как-нибудь сделать чтоб его статус всегда передавался, независимо, отмечен он или нет? Вот его код: <input name="nulpack" type="checkbox" id="nulpack" value="1" /> При отмеченном: test-1.html?nulpack=1 При неотмеченном: test-1.html? (надо чтобы было nulpack=0)

    Asked by Keroro,

    0 votes
    5 answers

  11. CODE и UL

    Ссылко Как видно в FF3, если внутрь <code> запихать список, то почему то список вылазит за пределы блока. Пример <code> <ul> <li>Запись</li> <li>Запись</li> <li>Запись</li> </ul> <code> И даже Firebug отображает, как внешний элемент, а не внутри. Как с этим бороться? P.S. Другой баг со списками. Если поставь картинку с float left, то список наезжает на картинку? А тут как?

    Asked by PaLyCH,

    0 votes
    1 answer

  12. Высота слоя = высоте картинки

    Всех с праздником! Есть значит слой такого вида: <div> Text1 <img class="FLL" src="/pic.gif" width="200" height="200"> Text2 Text3 Text4 </div> style.css: IMG.FLL {float:left;} Все отображается правильно, а именно: Название новости, а под ним: слева картинка, справа текст. только, если высота Text2,3,4 выше высоты картинки. Вопрос, как сделать, чтобы слой заканчивался по нижнему краю картинки, а не сразу под текстом? (новостей (слоев) много, и картинки разных размеров, текст бэкграунда и цвет слоя разный) И, бонусный вопрос, к предыдущему. Чтобы еще текст центрировался по вертикали относительно картинки. Но это наверно слишком круто... Заранее спасибо …

    Asked by aero,

    0 votes
    2 answers

  13. траблы с float в ie6

    имеется такая конструкция: <p class="block"><span class="info">День рождения:</span>19.09.2007</p> и соответствующие стили: .block { margin :5px 0px; font :normal 1em sans-serif; } .info { display :block; float :left; font :bold 1em sans-serif; margin :0px 10px 0 0; width :210px; overflow:auto; } так вооот в ие6 текст который находится внутри класса info странным образом исчезает, но если убрать float, то он появляется. может мне кто-нибудь объяснить почему так происходит?

    Asked by c1n1k,

    0 votes
    2 answers

  14. Фреймы

    Возникло несколько вопросов по фреймам. 1) Лого (шапка) это фрейм. На самой странице (лого) много элементов картинки, текст. Как можно запретить не только копирование а вообще выделение или перетаскивание лкм? 2) хочу что бы при клике на фрейм "лого" в родительском окне был переход на главную страницу, тоесть обновился index.htm что здесь не так? это в index <a href="index.htm" target="_parent"><frame scrolling="no" noresize src="frlogo.htm" name="frlogo" frameborder="0"></a>

    Asked by Ururu,

    0 votes
    8 answers

  15. Ссылка на обновляему тему в форуме, как сделать?

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

    Asked by Hottabych,

    0 votes
    0 answers

  16. какими тегами сейчас создают сайты ?

    Подскажите пожалуста! Какими из трех способов сайтостроительства, больше всего, сейчас используются вебмастерами: Фреймы, Таблицы или DIV ? Если ли еще какие-то способы, подскажите пожалуйста !

    Asked by МитяЙ,

    0 votes
    9 answers

  17. Как вычислить высоту горизонтальной линейки прокрутки?

    Никто не знает, есть ли способ средствами JavaScript узнать высоту горизонтальной и ширину вертикальной линеек прокрутки, когда они появляются в слое с overflow: auto? Или, может быть, есть способ самому назначить эти размеры?

    Asked by dvm,

    0 votes
    0 answers

  18. Проблема с ивритом

    добрый день подскажите что делать , пишу в html на иврите содержимое происходит что то не вероятное . к примеру написал строчку , ставлю точку , проверяю а она у меня в начале предложения , или использую список ul и li точка вдруг с лева а не справа . Подскажите что нужно еще прописать кроме того что я уже прописал <META http-equiv=Content-Type content="text/html; charset=windows-1255"> <META http-equiv=Content-Language content=he> Спасибо всем кто сможет мне помочь

    Asked by bgraf,

    0 votes
    3 answers

  19. Высота таблицы

    Здравствуйте. У меня опять проблема. Что-то не могу понять как высоту таблицы задать. Нужен эффект примерно как на http://ya.ru т.е. что бы строка с копирайтами была строго внизу окна, а не тела документа. Задавал height=100% для table и работало, как надо, а в спецификации сказано, что это свойство для тега table не поддерживается. Как на том же яндексе это сделано, так и не понял.

    Asked by UNIX,

    0 votes
    1 answer

  20. Нарезка макета сайта в psd

    Необходим совет. Какой вариант будет быстрее загружаться в браузере (скорость соединения не учитывая): 1. шапка сайта (на 1/3 экрана по высоте) нарезана 6 кусков (6 дивов); 2. шапка сайта взята цельным куском. Интересует быстрота прорисовки. В каком случае появление шапки будет более производительным? На сайте htmlbook.ru есть упоминание, что один графический файл размером 100kB загружается быстрее, чем 10 файлов по 10kB. Но, как я понял, это касается файлов небольшого размера и вроде только для php. В общем, прошу совета. Как в данной ситуации быть, чтобы после не исправлять ошибки?

    Asked by Lionel,

    0 votes
    3 answers

  21. ПРОШУ ПОМОЩИ!

    ПРОШУ ПОМОЩИ СПЕЦОВ! У МЕНЯ ПРОБЛЕМА, РАМКА ВОКРУГ ФОТО СО ССЫЛКОЙ В INTERNET EXPLORER ВЫСВЕЧИВАЕТСЯ НОРМАЛЬНО, А В ОПЕРЕ И ЛИСЕ - ЖИРНАЯ СИНЯЯ ПОЛОСА ПО НИЗУ ФОТОГРАФИИ. В ПРОГРАММИРОВАНИИ Я ДУБ. ЕДИНСТВЕННОЕ ЧТО МОГУ СДЕЛАТЬ - ИСПРАВИТЬ САМОЕ ПРОСТЕЙШЕЕ В СТИЛЯХ (НАПРИМЕР, ФОН). ВЫРУЧАЙТЕ! ПОДСКАЖИТЕ ЧТО ДЕЛАТЬ. ПЫТАЛСЯ СДЕЛАТЬ САЙТ ГОРОДА, ПОСМОТРИТЕ ЧТО ВЫШЛО. http://www.borovsk-1358.ru/node/18 ПОМОГИТЕ КТО МОЖЕТ, ПОЖАЛУЙСТА!

    Asked by AleksWolf,

    0 votes
    14 answers

  22. Границы таблицы. Нестыковка.

    Hi All! Разъясните пожалуйста один момент. Имеется таблица, шапка этой таблицы не имеет границ, а вот само тело обрамлено границей толщиной 2 пикселя. На стыке шапки и тела, возникает неприятный эффект (см. рисунок). Как от этого можно избавиться? По сути нужно как-то "втолкнуть" границу внутрь ячейки, а не наружу. Сдается мне, CSS такого не умеет. Фокус с добавлением ячеек по краям прошу не предлагать, хотелось бы без этого.

    Asked by UNIX,

    0 votes
    8 answers

  23. CSS селектор в ИЕ

    Хорошая возможность есть в css2: input[type=text] { width: 100px; } то есть писать селекторы опираясь на атрибуты элементов. В ИЕ такая штука не работает (вроде). Можт кто подскажет как можно задать стили всем инпутам типа текст в ИЕ? Думаю ответ на данный локальный вопрос даст ответ и на более общий - можно ли в ИЕ писать селекторы оперируя атрибутами элементов.

    Asked by vavr,

    0 votes
    1 answer

  24. Иконка сайта

    Прочитал в рецептах данного сайта как делать иконки сайта. Сделал, послал в корневую папку сайта ВВВ. http://www.po-miry.ru В Опере отражается, в ИЕ нет. А вот иконка данного сайта видна во всех браузерах. Почему?

    Asked by beze,

    0 votes
    6 answers

  25. не могу изменить картинку бекграунд имедж по средствам ява скрипт

    здравствуйте ! помогите , не могу понять свою ошибку , функция получает номер закладки , в цикле я устанавливаю всем закладкам картинку бекграунда не включенной закладки потом по номеру я делаю фон включенной закладки применяя к фону другую картинку и вставляю содержимое закладки почему не меняются картинки причем если я меняю просто фон на цвет работает а картинку не меняет function mark(num) { for ( i = 0; i < 4; i++ ) { document.getElementById(marks).style.backgroundimage="url(images/sb_botton_off.jpg)"; } document.getElementById(marks[num]).style.backgroundimage="url(images/sb_botton_on.jpg)"; document.getElementById("cont").innerHTML = document.getElementById…

    Asked by bgraf,

    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