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. Шапка не на всю ширину окна.

    Шапка сайта не растягивается. Ни в каком браузере. Код шапки: <img src="images/head.gif" alt="Header" width="100%" height="100%"/> Пробовал выставлять в пикселях - слева отступ остаеться, справа уходит за окно браузера. Помогите, обьясните новичку в чём дело

    Asked by headhunterzz,

    0 votes
    9 answers

  2. Ширина и высота страницста!

    Здравствуйте! Сайт http://apriori-chic.ru/ Пытаюсь сделать, чтоб страница была не выше размера фона (там градиент), но в меньших по высоте метериалах была по их высоте. Прописываю блоку pole height: 100%, max-height: высота фона - не получается. Подскажите, пожалуйста!

    Asked by Zeeeya,

    0 votes
    9 answers

  3. Проблема с CSS

    Как сузить фон у анонсов. Здесь все в порядке - http://mordovia-sutochno.ru/poisk2 Здесь - нет нижней тени у ячейки - http://mordovia-sutochno.ru/article/kinoteatri Она обрезается. Тень должна быть сверху и снизу.

    Asked by slaip,

    0 votes
    4 answers

  4. Наложение цвета на фон

    Приветствую ребята. Подскажите как мне поверх картинки наложить цвет с прозрачностью. html { background: url(../img/bgimg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}Хочу поверх этого фона положить цвет с прозрачностью 95% rgba (44, 62, 70, 0.95)Перепробовал разные варианты и ничего не получается. Подскажите как проще сделать ? Спасибо.

    Asked by edwinkkc,

    0 votes
    2 answers

  5. Оцените верстку HTML5 и CSS3

    Мир вам форумчане, просьба оцените верстку ваша мнение особенно о коде http://versttestter.eu5.org/

    Asked by pitbuli,

    0 votes
    6 answers

  6. Изображение по текущемему размеру экрана

    Привет друзья. Использую модуль jquery.cross-slide.js для плавной замены фона но изображения скачут по размеру, вызывая скролл и отступ от верха и левого края на 30 px В чем может быть дело вот html <head> <meta charset="windows-1251"> <title>ghjghj</title> <meta name="description" content="567567"> <!-- <link rel="stylesheet" href="demo.css"> --> <link rel="stylesheet" href="cross.css"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="js/jquery.cross-slide.js"></script></head><body><div class="bg_sli…

    Asked by romoga,

    0 votes
    2 answers

  7. Отменить skew

    http://jsfiddle.net/Zverushka/ZS3Y4/1/ Как видите отмененные трансормации для внутреннего слоя все равно его искажают - текст стал уже (как и сам слой видимо). Как отменить вот эти 2 трансформации для ребенка нормально? Как мне удалось сейчас понять - нужно отменять трасформации в порядке назначения (обратном). Вот такая конструкция уже прекрасно работает: http://jsfiddle.net/Zverushka/ZS3Y4/3/ Но как вы можете заметить skew(20deg, 0) skew (0, 20deg) - не тоже самое, что и skew(20deg, 20deg); (ромб не идеальной формы получился). Как же мне оставить ромб нужной формы и в то же время провести обратную трансорфмацию?... Я попробовала сгенирировать матрицу - но результат…

    Asked by Zverushka,

    0 votes
    1 answer

  8. Плавающая стрелка на неоднородном фоне (clip-path) firefox

    http://zverushka.zz.mu/notwork/ В хроме вы можете увидеть как должно работать (самый нижний блок). В файрфоксе же я просто не понимаю - как правильно прописать координаты или их единицы измерения или другая причина. по которой не работает?

    Asked by Zverushka,

    0 votes
    3 answers

  9. Внешний вид input type=text

    Здравствуйте. Посоветуйте начинающему программисту. Не подскажите как в FireFox'е (наверное через CSS) сделать так, чтобы внешний вид текстового поле input type=text и поля ввода пароля type=passw был такой же как Google Chrome?

    Asked by vzdrizd,

    0 votes
    1 answer

  10. Не работает кнопка

    Здравствуйте! Я учусь в 8 классе. В 9 классе у нас будет по ИВТ пару тем связанных с html. Меня это заинтересовало и я решил изучить html. Мне понравилось) Я начал делать страницы и пока обходился без кнопок. Но вот решил сделать "Анкета гостя сайта". Сделал всё по учебнику 9-го класса 2004 года автор: Угринович. Сделал АБСОЛЮТНО всё так, как там показано, но вместо кнопки поле, в котором написано "отправить". Вот можете сами попробовать "нажать" на эту кнопку http://normylik.cf/faq/anketa.html (все ссылки указанные на сайт не действительны, так как вместо домена .ru купил другой для сайта, который я создал месяц назад с помошью движка на пхп). Спасибо.

    Asked by Normylik,

    0 votes
    20 answers

  11. Правильное оформление HTML и CSS

    Уважаемые форумчане! Подскажите ОФФЛАЙН инструмент для красивого оформления документов(и правильного!). Html в первую очередь,но еще бы CSS с PHP желательно,да и Java

    Asked by SKSKSS2013,

    0 votes
    5 answers

  12. Снова рендеринг шрифтов

    Вот я не пойму - то ли я дурачок то ли глаза меня обманывают. Два компьютера. Одинаковая операционная система (Windows 7, с одного носителя установленная) обновленная. Одинаковые браузеры и дополнения (Firefox 26 к примеру). ClearType включен и там и там. Однако в одном (№1) я вижу шрифт вот так (обратите внимание на "e"): А в другом (№2) - вот так: Это в общем, во всех браузерах. Ан нет, IE10 на №1 показывает "e" с горизонтальной полкой.. Почему так? Можно ли этого избежать? Если у меня есть такой эффект (отсутствие горизонтальной полки у "е"), то есть вроятность появления у других - процент вероятности мне не известен. но думаю, он большой. P.S. И да, у себя…

    Asked by d0ublezer0,

    0 votes
    3 answers

  13. Как title, только с дивом. Как сделать, чтобы выходило рандомно?

    http://codepen.io/anon/pen/tFqwE# как сделать, чтобы не было всегда справа? а рандомно отображало. Ставил, чтобы показывало только с одной страны и не думал о последствиях. Теперь хз как сделать чтобы показывало случайно. Нужны скрипты? Код начинается отсюда: .infoMain:hover .TitleMain{} Тест: feniks000.myjino.ru Пример брал с мегого :megogo.net/ru

    Asked by Guest Feniks000,

    0 votes
    7 answers

  14. Менюшка работает только в firefox и Safari ((

    Ребята помогите, ибо уже завязался с этой темой а решить вопрос не могу. Есть сайт, там менюшка состоит из 4 кубов при навидении они вращаются. но это работает только в Firefox и Safari.Помогите. Пример брал отсюда http://pcvector.net/scripts/layout_and_interface/338-effekt-vraschayuschegosya-kuba.html

    Asked by romoga,

    0 votes
    11 answers

  15. проблема iepngfix

    Не понимаю почему не подключается данный скрипт . Если конкретнее: все делаю по инструкции: в <head> засунул конструкцию: <!--[if lte IE 6]> <link href="/css/ie6.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="/iepngfix_tilebg.js"></script> <![endif]--> в самом ie6.css для элемента, в котором нужно включить прозраность бэкграунда PNG под IE6 прописал: #pod_content_listy_top { behavior: url(../iepngfix.htc);}в основном файле стилей template.css для этого элемента прописано #pod_content_listy_top{ background:url('../images/content_top_listy.png') left top no-repeat; }Но, блин, не работает.. Пути пе…

    Asked by toman,

    0 votes
    6 answers

  16. Проблема шрифтов

    Когда верстальщики возмущаются про сглаживание шрифтов в фотошопе, о чём идёт речь?

    Asked by AlexeiS,

    0 votes
    1 answer

  17. Резкость для текста

    Допустим существует такая ситуация, текст в макете задан X шрифтом и с резкостью,вопрос:"Как задать тексту резкость непосредственно при верстке?"

    Asked by Xolodeec,

    0 votes
    1 answer

  18. Высота блока

    Здравствуйте. Подскажите пожалуйста css свойство, которое поможет расстянуть блок по высоте, в котором вложены "плавующие" элементы. Подробнее на скриншоте: http://itmages.ru/image/view/1430842/d7404e73 Код: http://jsfiddle.net/atemiks/sf4Gh/1/

    Asked by Cod,

    0 votes
    7 answers

  19. float: left не работает в IE7

    привет, нужна ваша помощь. ситуация банальная ... но я не могу ее решить .. вот код... <div id="test"> <div id="t1"></div> <div id="t2"></div></div>#test { width: 120px; height: 300px; background-color: red; position: relative;}#t1 { width: 50px; height: 50px; background-color: black; float: left;}#t2 { width: 150px; height: 50px; background-color: pink;}одним словом - как заставить IE7 - выполнить условие float:left - когда родительский блок меньше чем дочерний ... всех других браузерах все работает как надо .. а вот здесь как всегда

    Asked by zerofx,

    0 votes
    5 answers

  20. Градиент в прозрачность

    Подскажите, вот нужно сделать рамку Вот вокруг блока какбы вдавленная рамка, которая исчезает. Помогите сделать такое. Пробовал border:5px solid rgba(048,048,048,0.5); box-shadow: 1px 1px 3px -1px #ffffff inset, -1px -1px 3px -1px #ffffff inset, -2px -2px 0px -1px #000000, 2px 2px 0px -1px #000000, 3px 3px 4px -1px #000000; Но получилось не совсем то что нужно, а с фильтрами я не знаком =( Как сделать чтобы было точно как здесь:

    Asked by McLotos,

    0 votes
    3 answers

  21. Не работают внешние таблицы стилей

    Здравствуйте. Такая проблема. При выносе стилей в отдельные файлы с расширением .css они перестают работать в документе. Как только переношу код из файла назад в тег style всё снова работает. При том что javascript, подключаемый также из внешнего файла, работает нормально. Заранее спасибо за помощь Вот часть кода страницы и далее содержимое файла header.css: <DOCTYPE html> <html> <head> <link rel="stylesheet" type=”text/css” href=”../global/styles/header.css” /> </head> <body background="../global/images/bg1.png" text=black link=blue vlink=923b8b> <div id="header"> <table width=1280 align=center border=0 cellspacing=0 cel…

    Asked by alex-great,

    0 votes
    5 answers

  22. Оптимизированная загрузка графики

    Подскажите - как же это реализовать? Есть фоны блоков, есть слайдеры с png достаточно крупного размера.

    Asked by Zverushka,

    0 votes
    8 answers

  23. Помощь в реализации одной идеи

    Здравствуйте! Нужен пинок под зад, что бы знал, куда смотреть, что бы сделать след. идею: Есть картинки, допустим 3 (в ряд). Когда наводишь на эту картинку, то фон меняется, допустим на серый(но это не главное) или фотка становится размазанной(blur effect). На этот фон вылезают, к примеру, 3 кнокпи: Like (Facebook) Like (vk) Like(odnoklassniki) - Это всё как пример. Что я имел ввиду под "вылезает": contest.uid.me (сайт - не реклама) - при наведении мышки на Номинации. Я где-то в интернете уже видел подобный "урок", но, увы, не запомнил, а теперь не знаю как и где искать. Это либо Jquery, либо чистый CSS, А может и оба, но надеюсь, что CSS, т.к. с jquery вообще не знаком…

    Asked by dsasda,

    0 votes
    5 answers

  24. PHP в WordPress. Что нужно знать новичку?

    Уважаемые! Что нужно знать про PHP и как он взаимодействует в WP?! Хочется более глубже погрузиться в настройку WordPressА. В любом случае пригодится.

    Asked by SKSKSS2013,

    0 votes
    5 answers

  25. Подходящий размер изображения для главного фона

    В одном макете для главного фона используется изображение (текстура) , которая растягивается на весь фон. Креативный такой макет. Это изображение весит 752килобайт. Это нормально использавать такие размеры для одного только фона? (Ведь есть фоны и для других блоков). Как орентироваться человеку, который создаёт PSD макет, что так можно делать или нельзя???

    Asked by AlexeiS,

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