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. Списки в ИЕ

    есть скрипт выпадающего списка... цсс #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

  2. id=menu

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

    Asked by Reanatolij,

    0 votes
    2 answers

  3. SSI

    У меня установлен Apache и php, а как мне подключить SSI?

    Asked by Noks,

    0 votes
    3 answers

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

    У меня такая проблема, в разных браузерах, текст меню отоброжается поразному(в опере-выше..в фоксе-ниже)вчем проблема? 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

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

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

    Asked by Lionel,

    0 votes
    3 answers

  6. 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

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

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

    Asked by Ururu,

    0 votes
    3 answers

  8. траблы с 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

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

    Всех с праздником! Есть значит слой такого вида: <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

  10. 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

  11. Как изменить фон?

    Поставил Lightbox 2 (брал отсюда http://www.lokeshdhakar.com/projects/lightbox2/) Я хотел поменять темный полупрозрачный фон на белый без изменения параметра overlayOpacity=8, но ко конца не въехал как он строит задний темный фон. Может быть кто знает?

    Asked by massimo,

    0 votes
    3 answers

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

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

    Asked by UNIX,

    0 votes
    8 answers

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

    добрый день подскажите что делать , пишу в 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

  14. Не растягиваемся по содержимому

    Содержимое сайта заполняем посредством пхп из субд. ИЕ растягивает контент так как нужно (6причем), а вот Mozilla это делать отказывается. Такое ощущение что он взял для body какое то значение, и держится его намертво, конечно проблему можно решить поставить height:'n'px; для боди, но это не желательно для дизайна сайта. Пример css body {margin:0;height:100%;background:url("../image/wall10-1280x1024.jpg") no-repeat black;color:black} #rezin {background:url("../image/ev_bg.gif") repeat-y;width:1064px;margin:0px auto;height:100%;} #mfon {background:url("../image/parchment-light2.jpg");width:1000px;margin:0 32px;height:100%} #top {height:135px;background:url("../image/bg_…

    Asked by Farter,

    0 votes
    2 answers

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

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

    Asked by Hottabych,

    0 votes
    0 answers

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

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

    Asked by dvm,

    0 votes
    0 answers

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

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

    Asked by UNIX,

    0 votes
    1 answer

  18. printable css для большой таблицы

    Здравствуйте Подскажите пожалуйста. Есть таблица с данными. Эта таблица большая по ширине. Настолько, что появляется горизонтальный скролл. Перед мной стоит задача сделать так, чтобы при распечатке все было красиво и читабельно. Т.е. как-то надо эту таблицу при помощи стилей перекрутить и выплюнуть на лист бумаги через принтер. Может, кто-то сталкивался с такой проблемой? Или хотя бы подскажите куда копать. Таблица эта состоит из n-ного количества столбцов. Каждый столбец отвечает за какой-то товар. Таблица эта - сравнение товаров по различным характеристикам. Воть тяк...

    Asked by milax,

    0 votes
    13 answers

  19. Проблемы с текстом

    В свое время делал странички в программе Фронтпейдж. набрался небольшого опыта. Теперь пытаюсь переделывать ручками ( ну и головой, соотвественно) Раньше было Сейчас, если вы пройдете по ссылке http://www.po-miry.ru/POHOD/anekdoti.htm то увидите, что такого в диалогах нет, особено если он начинается с красной строки. И еще вопрос. Если вы заглянете в код, то увидите, что в BODY Забит шрифт Вердана, однако текст написан Таймс Нью Роман. Я брал его из Ворда. Там он Роман. Но почему он автоматом не превратился в Вердану?

    Asked by beze,

    0 votes
    3 answers

  20. <area></area>

    Делаю в дриме страницу для рабочего стола. Выделяю область с помощью <area>. Ссылка на файл не работает (браузер предлагает скачать), локально (применяя на рабочий стол) работает всё кроме ссылки.... Помогите разобраться. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Стол</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body marginheight="0" topmargin="0" leftmargin="0" marginwidth="0"> <p align="center"><img src="Image/vetton_ru_284.jpg" width="1600" height="1200" usemap="#smail" start="fileopen"> <map name="smail"&gt…

    Asked by Jilted,

    0 votes
    2 answers

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

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

    Asked by AleksWolf,

    0 votes
    14 answers

  22. Как запретить копирование изображения

    Подскажите, как блокировать копирование изображения пользователями сайта?

    Asked by Garikms,

    0 votes
    3 answers

  23. svg и Firefox

    Здравствуйте. Делаю сайт для одной компании, решил поэксперемнитировать и сделать круглые уголки на svg и vml. Вроде бы все хорошо, если бы не одно. Когда верстал на локальной машине в firefox'е все отображалось замечательно, как только перенес на сервер firefox перестал отображать svg-элементы и требует установить плагин. В общем, почему так происходит и как быть? Заранее спасибо. PS Посмотреть можно тут.

    Asked by uskoul,

    0 votes
    2 answers

  24. заколовки h1 h2 h3 внутри текста

    Есть текст, внутри которого есть заголовки h3, как текст и заголовки выровнять, чтобы текст не переносился на новую строку. пример текст текст <h3>ключевое слово</h3> текст текст результат должен быть в таком виде текст текст ключевое слово текст текст А выходит как то так текст текст ключевое слово текст текст

    Asked by ArtOfHuman,

    0 votes
    13 answers

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

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

    Asked by vavr,

    0 votes
    1 answer

  • Обсуждения

    • 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