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. Обтекание в CSS

    Нароод такая проблема есть html документ: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .menu_2{ border: 1px solid black; width:542px; height:100%; } .menu_2 P{ margin:0px; border: 1px solid black; font-size:12px; width:400px; } .menu_2polosa{ border:1px solid black; width:13px; height:100%; } </style> </head> <body> <div class="menu_2"> <p>hello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello hellohello helloh…

    Asked by tonik_spb,

    0 votes
    17 answers

  2. Глюки с наследыванием или хз с чем...

    <!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>Untitled Document</title> <style> .div1 { width: 164px; position: absolute; top: 30%; background-color:#009999; } .div1 > a { display: block; text-decoration: none; color: #ffffff; padding: 5px; background:#212121; border: 2px ridge #000; } .div1 > a:hover {background: #7f7f7f;} .div2 { width:36px; height:36px; position:absolute; right:-36px; top:50%; margin-top:-18px; } .div2 a …

    Asked by Destrifer,

    0 votes
    17 answers

  3. Размер шрифтов

    Знающие люди в каких ситуациях лучше размер шрифтов в пикселях, а в каких в процентах?

    Asked by qwelp,

    0 votes
    17 answers

  4. внезапные глюки оторажения

    есть проблема, сайт нормально работает, потом в какое-то время перестаёт отображаться фон, потом локально изображения, показываю другим у них отображается всё нормально. Юзаю фаерфокс. вот к примеру http://www.milkywaygalaxy.ru/ сайт у вас наверно отображается хорошо, а у меня фон полностью _Белый_. такие глюки не связаны с вёрсткой, и изменением кода, думаю это мой браузер глючит. п.с. может это и оффтоп, но не знаю куда обратиться еще. п.п.с. вариант с переустановкой браузера не подойдёт, ибо слишком много ценной инфы в нём сохранено заранее спасибо всем ответившим!

    Asked by mephistophile_ua,

    0 votes
    17 answers

  5. Рамки вокруг изображений?

    У меня проблема связана с рамочками вокруг изображений блока Спец.предложения сайта _baza-rialtor.ru, вот в FireFox, каждое изображение находится в черной рамке, в опере рамки вообще нет, а в IE она синяя. Как сделать так чтобы рамка была везде чёрная как в FireFox ???

    Asked by Creative,

    0 votes
    17 answers

  6. Не работает бекграунд в ie6

    Здравствуйте уважаемые, помогите пожалуйста разобраться с проблемой, которая возникает пр просмотре веб-страницы через браузер ie6. У веб-страницы не работает бекграунд, вод пример цсс кода для боди: Body { font:; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 76.1%; color: #ffffff; background-color: #000000; background-image: url(../img/pronto_bgrd.gif); background-repeat: no-repeat ; background-position: top center; }

    Asked by misha_evro,

    0 votes
    17 answers

  7. Строгий доктайп и height

    Почему-то при заданном <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Таблицы с параметром height="100%" не хотят занимать все пространство по вертикали. Как это исправить?

    Asked by Kenshi45,

    0 votes
    17 answers

  8. IMG и обтекание

    Сделал, чтобы рисунок обтекал текстом, как на сайте написано, но в результате рисунок заезжает внутрь div, это можно исправить?

    Asked by Kenshi45,

    0 votes
    17 answers

  9. не убирается бордер у object

    подгружаю через object html страницу, border="0", в опере все ок, а в ие 6 он не убирается, подскажите как, плиз, поиск перерыл, ничего подходящего не нашел

    Asked by xameleon,

    0 votes
    17 answers

  10. Как заствить ИЕ понимать overflow:hidden;?

    Подскажите, пожалуйста решение проблемы: ИЕ не понимает overflow:hidden; пробовал разные варианты, к примеру position: relative; Надо для скрипта с прокруткой "обрезать" часть дива, т.е. есть блок 4000 при клике блок перемещается вправо/влево, соответственно есть блок с шириной 650, который должен обрезать содержимое блока с шириной 4000, НО в конченном ИЕ не работает. исходник скинул в архив (76,4 KB) http://upload.com.ua/get/900763317/ заранее спасибо за помощь

    Asked by reboot,

    0 votes
    17 answers

  11. Как растянуть таблицу по всей высоте окна браузера?

    Здравствуйте! Как?

    Asked by Николай,

    0 votes
    17 answers

  12. Сделал сайт

    1-Ну вот сделал простенький сайт на хтмл. И что его просто на хостинг залить и все? 2-Как его обезопасить? 3-Зашел на сайт и увидел это И как мне так сделать?Спасибо заранее.

    Asked by Aurora,

    0 votes
    17 answers

  13. отступ всего текста

    Подскажите пожалуйста, как сделать отступ сверху и слева всего текста в ячейках. пробовала cellpadding, cellspacing, left-padding. Не получается...(( Спасибо!

    Asked by dinchy,

    0 votes
    17 answers

  14. Как "опустить" div?

    Необходимо разместить div в самом низу страницы. Задача в общем-то не сложная, но т.к. я не сильно знаком с HTML/CSS не могу реализовать подобную затею. Вот как пробовал я: Подход №1 - Position:Absolute Если данных на странице немного и она вся умещается в окно браузера (скроллбара не появляется), то все замечательно - div (со стилем bottom:0) оказывается в самом низу. Однако если данных на странице много, и страница не умещается в окно браузера, то получается, что div может "болтаться" где-нибудь по-середине страницы. Подход №2 - размещение в стакане Если просто поместить этот самый div в конце страницы, то при большом количестве данных он окажется внизу, однако при небо…

    Asked by MIT,

    0 votes
    17 answers

  15. маркеры не отменяются

    ХЕЛП!!!! создал таблицу, в ней список, отменил маркеры, а они все равно отображаются и пожалуйста посоветуйте как можно упростить все это <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Naruto & Bleach</title> <style type="text/css"> UL#menu > li > a { top; ; list-style: none; /* Убираем маркеры списка */ width: 120px; /* Ширина элемента в пикселах */ background: #ddd; /* Цвет фона */ color: maroon; /* Цвет текста */ padding: 20px; /* Поля вокруг те…

    Asked by Влад_1995,

    0 votes
    17 answers

  16. DIV + position:absolute; + height:100%;

    Приветствую. Задача растянуть див на всю высоту области. решение для всех нормальных браузеров: div.lay div.sb-bg, div.lay div.cnt-bg { position: absolute;; left: 0; top: 0; bottom: 0; height: 100%; background: #1c2601; width: 32.3em; } для ИЕ6: div.lay div.sb-bg, div.lay div.cnt-bg { height: auto; zoom: 1; } для ИЕ7: div.lay div.sb-bg, div.lay div.cnt-bg { height: auto; height: expression(this.parentNode.clientHeight+'px') } Подскажите что-то для ИЕ7 не используя expression, пожалуйста. спасибо

    Asked by klierik,

    0 votes
    17 answers

  17. Кнопка Reset

    Вопрос такой имеется два элемента Чекбокс и Селект(по умолчанию disabled) при помощи java скрипта при выборе чекбокса, селект переходит в состояние enabled и вот в чем проблемка, при нажатии на кнопку reset сбрасывается все, и выбраное значение в select и снимается галочка с чекбокса, но сам select не переходит в состояние disabled вот код скрипта: function agreeForm3(f) { if (f.Check3.checked) f.select1.disabled = 0 else f.select1.disabled = 1 код чекбокса: <input type="checkbox" name="Check3" disabled onclick="agreeForm3(this.form)" /> код селекта: <select name="select1" disabled="disabled" > я так понял что не происходит сброса скрипта, помогите с проблем…

    Asked by slavok47,

    0 votes
    17 answers

  18. Несколько вопросиков

    Ребята всем привет... Начну с истории. Купил книгу Хорошая все понятно.. Прочитал HTML and CSS эти разделы дальше нетрогал. и не один раз.. Потом практиковался сними... ВОпрос вот вчем. Из чего делаеться каркас..(тобиш где должно быть лого меню)Чем это задаеться.. И хочу насчет верскиуточнить...Вначле рисую сам сайт в фотошопе потом японимаю режу что получилось опять же как сделать каркас чем он задеться P.S. Прошу не смеяться и не ржать если вопрос покажиться глуппым.Все жы мы счего-то начинали. Прошу помочь очень охото понять... А если не затруднит можете осатавить ISQ и тама по обьяснять Вот собственно все

    Asked by Oneblood,

    0 votes
    17 answers

  19. По разному отображается

    Написал HTML-код, создал и подкрепил CSS, в IE всё выглядит как надо, ну а в Opera и Firefox достаточно сильные сдвиги( #block1 {position: static; margin-left: 150px; height: 90px} #block2 {position: static; border-right: 2px solid gray; width: 166px; height: 708px; font-family: Calibri; font-size: small; font-weight: 900; margin-left: 260px; background-image: url(bg.jpg); background-repeat: repeat-x} #block3 {position: static; width: 533px; height: 708px; margin-left: 426px; margin-top: -708px; background-image: url(bg.jpg); background-repeat: repeat-x} #block4 {position: static; width: 19px; height: 708px; margin-left: 241px; margin-top: -708px; background-image: url(b…

    Asked by apelcine,

    0 votes
    17 answers

  20. Мягкая тень вокруг li

    Возник реальный вопрос. Png-прозрачность и все-такое уже умею. Не могу понять как сделать растягивающиеся кнопки с тенью через li. Вот пример:

    Asked by Вадим,

    0 votes
    17 answers

  21. Непонятные ошибки

    Добрый вечер камрады! Проблема следующая, есть вёрстка, ради тренировки я сверстал обычный макетик и залил его на Движок, но в ИЕ6-7 происходит не понятная фигня: 1) Сайт прижимается к левому краю и не выравнивается по середине, как должен делать. 2) Потом ещё <div class="case">, который обрамляет Центр не охватывает все контейнеры, как должен делать, я же поставил overflow:hidden; http://psywalker.ru/wa-test/shop/ Движок "WebAsyst" если что

    Asked by psywalker,

    0 votes
    17 answers

  22. Как заставить блок "толкать" ul

    Нужно сделать так, чтобы при уменьшении окна #adver "толкал" #navmenu, чтобы строки в нем переносились без указания ширины для #navmenu. Сейчас я обхожусь тем, что явно прописываю ширину, но это костыль. Если ширина не прописана, то при уменьшении #adver переносится на новую строку, #navmenu остается без изменений. Что делать? <div id="logo"> <img src="img/logo.jpg" width="109" height="144" alt="Логотип" /> </div> <ul id="navmenu"> <li><a href="#">Новости</a></li> <li><a href="#">Программы</a></li> <li><a href="#">Эфирная сетка</a></li> <li><a hr…

    Asked by lavr-ik,

    0 votes
    17 answers

  23. иконка у линка с правой стороны

    подскажите как через CSS сделать иконку и линка но только с правой стороны. то есть линк может состоять из 10 символов, 20, 30.... нужно чтобы картинка отображалась через CSS. спасибо

    Asked by termoplus,

    0 votes
    17 answers

  24. ccs

    Добрый день. Подскажите мне пожалуйста кто нибудь - как мне зделать так чтобы ссылки подсвечивались меняли цвет и т.д. Куда мне вставлять коды пока не разобрался еще. Коды есть а как и куда незнаю.Если кто откликнется то большое спасибо! пишите на емайл-здесь быстрее прочитаю

    Asked by kerzo,

    0 votes
    17 answers

  25. Не накладываются слои.

    Всем привет) Вот такая загвоздка - довольно стандартная - блоки не накладываются. Второй принимает за top 0px - нижний край верхнего блока. Всю голову сломала, но не вижу ошибку, поэтому обращаюсь за помощью. Слаба я еще очень в этих делах. Спасибо. #shapka { position:position: relative; width: 794px; /* Ширина слоя */ height: 342px; /* высота слоя */ margin: 0 auto; /* Выравниваем по центру */ background: #990000; /* Цвет фона */ background-image: URL(tr_01.gif); z-index: -1; } #menu { position: relative; top: 292; width: 794px; /* Ширина слоя */ height: 45px; /* высота слоя */ margin: 0 auto; /* Выравниваем по центру */ z-index: 1; }

    Asked by tierra,

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