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. Опять о поиске на сайте

    Как сделать, если на сайте стоит Гугловский поиск, чтобы в результатах поиска к ссылке на найденную страницу добавлялся и адрес Якоря? А если это не реально, то можно ли сделать в собственном поисковике? Если да, то дайте пожалуйста ссылку на урок, а лучше на скрипт!

    Asked by chest,

    0 votes
    16 answers

  2. Верстка

    Привет всем!!! Народ подскажите пожалуйста как сделать что бы при наведении в ссылке текст не смещался в левый верхний угол? вот код: <div class="menu" > <div id="bl_1"><a href class="tek"="#">Наименование</a></div> <div id="bl_2"><a href class="tek"="#">Мозаика</a></div> <div id="bl_3"><a href class="tek"="#">Материалы</a> </div> CSS .tek{ position: absolute; margin-top:5px; font-size: 12px; text-decoration:none; margin-left:5px; font-weight:bold; } .menu #bl_1 a:hover{ background:url('../images/bl_1_hover.GIF'); margin-top:1px; width:197px; margin-left:0px; height:30px; color:#FFFFFF; positio…

    Asked by Unger,

    0 votes
    16 answers

  3. возможно ли к содержанию одного блока подключить один стиль, а к содержанию другого -- другой?

    предположим имееться такой код: <!-- первый блок --> <div> <div class="b_1>аааа</div> <div class="b_2">бббб</div> </div> <!-- второй блок --> <div> <div class="b_1">вввв</div> <div class="b_2">гггг</div> </div> Надо сделать так, чтобы к содержимому 1 блока применялась такая css: b_1 { background-color: #F0F0F0; } b_2 { background-color: #CCCCCC; } А к содержимому второго блока например такая css: b_1 { background-color: #CCCCCC; } b_2 { background-color: #F0F0F0; } Это возможно?

    Asked by Тёмыч,

    0 votes
    16 answers

  4. Верстка форм - нужен совет.

    Доброго времени суток. Есть такая вот картинка, выносящая мозг мне уже несколько суток: Как лучше её сверстать? С уважением, Олег.

    Asked by tt48,

    0 votes
    16 answers

  5. Почему в IE6 не происходит обтекание

    Подскажите пожалуйста, почему в IE6 блок .two не обтекает блок .one, во всех остальных браузерах это происходит. Ссылка на пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> html,body{width:100%;height:100%;padding:0px;margin:0px;} #wrapper{background:#dedede;width:100%;height:100%;} .one{margin-left:20px;width:200px;background:red;float:left;} .two{width:300px;background:green;zoom:1;} .three{width:300px;background:yellow;zoo…

    Asked by W1nD,

    0 votes
    16 answers

  6. Адресная строка

    Здравствуйте. Как сделать так, что бы в адресной строке выводился не полный путь, а только название сайта. Напр. вместо www.maysite.com/news/1/..., просто www.maysite.com. Я не прошу мне полностью объяснять, просто подскажите в каком направлении "копать".

    Asked by Alex&R,

    0 votes
    16 answers

  7. Iframe kak задать Height в %

    Уважаемые товарищи, Подскажите пожалуйста как задать атрибут Height в % для тега iframe: *{padding:0; margin:0; } html, body{ height:100%; width:100%; } #contaner{ width: 900px; margin:auto; min-height: 100%; position: relative; } #header { height:45px; background-color: #000; border-bottom:solid 5px #ffcc00; } #content{ height:100%; position:relative; padding: 0; margin: 0; } #empty{ height:50px; } #footer { min-height:50px; margin: -50px auto 0; width:900px; position: relative; } .left-frame iframe{ float: left; } .right-frame iframe{ position: relative; } <html> <head> </head> <body> <div id="contaner"> <div …

    Asked by yyz,

    0 votes
    16 answers

  8. em вместо px в font-size

    Здравствуйте. Не получается у меня найти толкового объяснения сего действа. Использовал задание в px, частенько встречал в em задание. Объясните пож-та, в чем соль сего действа? Это задание относительно какого параметра? Текущего?

    Asked by virus-07,

    0 votes
    16 answers

  9. hover как центрировать фон

    Есть ссылки при наведении на них должен появляться бэкграунд, сам бэкграунд шире ссылок, и начинается он при наведении с первой буквы ссылки и дальше идет пока незакончится. Так вот вопрос как мне центрировать этот бэкграунд? <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class…

    Asked by money121,

    0 votes
    16 answers

  10. Центрирование по высоте и ширине

    есть ли решение блоками сделать такое ? всё резиновое. блок отцентрировать по высоте и ширине если размеры окна меньше, он липнет к правому краю (и к верхнему) таблицей проще некуда <table width="100%" height="100%"> <tr><td align="center" valign="middle">ddd</td></tr> </table> а как блоками ? БЕЗ ЯВЫ!

    Asked by iillyyaa2,

    0 votes
    16 answers

  11. Изменение картинки при наведении на нее курсора мыши

    Скажите пожалуйста можно ли перекаты сделать 2 разных картинок? сделал перекат одной ,а вот хочу что бы ещё был перекат только с другими изображениями

    Asked by Alteser,

    0 votes
    16 answers

  12. Картинка которая прячется

    Доброго времени суток форумчане. Есть задачка, помогите решить. Есть картинка, нужно её частично спрятать в левом углу, да так, что бы при растягивании окна она от туда полностью появлялась. Заранее спасибо.

    Asked by yujin11,

    0 votes
    16 answers

  13. Очередная проблема с z-index в IE6

    Привет всем. Давно уже здесь не был. У меня такая проблема: здесь, при наведении на пункт меню "Продукция", появляется POP-UP. В IE6 этот POP-UP открывается под 2-мя прозрачными слоями и никакой z-index поп-апу не помогает. Видимо где-то я переборщил с position:relative;, либо какой-то родительский контейнер имеет значение свойства z-index - ниже. Буду рад любой подсказке..

    Asked by BassEast,

    0 votes
    16 answers

  14. position: fixed как сделать?

    необходимо блоку с position:fixed задать определенное положение, но никак не могу допетрить как: нужно чтобы блок был прижат к верхней части окна - то есть top:0; - тут все просто. а вот по горизонтали он должен располагаться на 200px правее от центра. можно ли обойтись без дополнительных блоков?

    Asked by sympler,

    0 votes
    16 answers

  15. Проблема с фиксированым подвалом

    Здравствуйте. Есть такая проблема: у меня есть фиксированый подвал, но он накрывает контент(Скриншот). Как мне зделать, чтобы контент поднялся выше подвала, если контент и боковые панели находятся в класе .layout, а подвал в .foot. Ниже приведен CSS Код .layout{ margin: auto; position: relative; width: 95%; } .foot{ background-color: rgba(198,214,229,0.8); bottom: 0; left: 5%; width: 90%; position: fixed; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } Если нужна дополнительная информация, пишите.

    Asked by Z3RO,

    0 votes
    16 answers

  16. Проблема с дивами!

    Здраствуйте ! Есть три блока : Главный по центру (980пх), слева и справа прилагаеться картинка в блоке (бг, 23*480). справа блок с картинкой стыкуеться с центральным(флоат), а как сделать так, чтобы блок слева стыковался к центральному блоку а не к левой стенке? Спасибо! ПС. Можно и не блок, главное, чтобы картинки были справа и слева основного блока! Заранее благодарен! С уважением, Андрей!

    Asked by Vendetta-V,

    0 votes
    16 answers

  17. Вёрстка таблицы CSS

    Доброго времени суток!! Делаю первые шаги в html/css/ Столкнулся с такой проблемой. Порылся в нете, почитал. Но так и не нашел ответ на свой вопрос. У меня есть таблица, которой задан CssClass main_table, для ячеек шапки таблицы задан класс table_head. В table_head указано, какие границы у ячеек должны быть, какого цвета. Но они перекрывают границы таблицы справа! Таким образом у правой ячейки шапки таблицы граница как у ячеек, а не как у таблицы! Как убрать перекрытие границ? border-collapse пробовал. Но ячейки продолжают перекрывать границы таблицы((( Вот класс ячеек шапки и таблицы: .table_head { border-bottom: 1px solid #цвет1; border-right-style: solid; …

    Asked by K_V,

    0 votes
    16 answers

  18. Посоветуйте скрипты

    Привет всем У меня вот такая "мини проблемка" возникла. Я уже хочю наполнять сайт инфой, но без скрипта не хочю начинать. Мне на сайт нада поиск скрипт можно php и даже с БД. Я уже и гуглил инфы много, но это все не то: некоторое не догоняю как установить, некоторое ещё что-то. Крч, помогите пж определиться с php или jQ скриптами, которые бы на 100% отлично выполняли все нужны мне опции : поисе по сайту, блок "Последние уроки, статьи, шаблоны". PHP совсем не знаю, пробовал учить нечего не понимаю. . . как - то все не так обьясняют, я основы понять не могу с чего "php - теги" состоят и т.п. И ещё подскажите какуе-то CSM, что бы было удобно ( с админкой ) пользоваться, бы…

    Asked by Shader,

    0 votes
    16 answers

  19. portable версии браузеров

    Кто может скинуть portable версии браузеров ie6, ie7, ie8, ie9. Я нашел в поисковике, но они либо с ошибкой, либо с вирусом.

    Asked by Rustick,

    0 votes
    16 answers

  20. Меню виде border-top

    Помогите разобраться как сделать такое меню Проблема при hover ,не получаеться прописать на одну линию ... размер меню 375px.

    Asked by coldug,

    0 votes
    16 answers

  21. DIV и вторая строка

    Прошу совета. Два дива float:left. Размер первого определяется длинной слова (или слов в <NOBR>), длинна второго — на все оставшееся пространство. Проблема: во втором диве, как только текст доходит на правого края, нет переноса на вторую строку. Вместо этого сам DIV сваливается под первый. Как быть? <DIV style="float:left"><NOBR>Фраза</NOBR></DIV> <DIV style="float:left">текст</DIV> Если бы ни зависимость ширины второго DIV'a от первого, проблем бы не было: при явном указании ширины, перенос на вторую строку во втором DIV'e есть.

    Asked by Artlive,

    0 votes
    16 answers

  22. Резиновая шапка сайта

    Доброго времени суток уважаемые участники форума! Проблема в следующем, имеем рисунок который необходимо замостить на резиновую верстку сайта. Я решил сделать так - разделил рисунок на три части, выбрал фоновое изображение, но вот проблема - не могу сделать это на DIV-ах. Код сделал примерно следующим, index.html: <div id="header"> <div id="header_left"> </div> <div id="header_logo"> </div> <div id="header_right"> </div> </div> И собственно style.css: body { margin: 0px; padding: 0px; } #header { background: url(images/header_block.png) repeat-x; width: 100%; } #header_left { background: url(images/header_left.png)…

    Asked by Bryant-24,

    0 votes
    16 answers

  23. padding "ломает" верстку

    Здравия желаю всем форумчанам. Прошу помощи в тривиальном вопросе. Нужно сверстать три колонки 40 20 и 40 процентов по ширине. Все нормально до тех пор, пока для внутренних элементов этих блоков я не указываю padding. В результате их(внутренних элементов) реальная ширина становится больше указанной. На примере верхние текстовые поля со стандартным padding-ом, нижние - с увеличенным. Есть ли какое-нибудь решение проблемы??? Спасибо! И еще смежный вопрос: почему родительский див, содержащий несколько детей с float:left по высоте будет 0px? В данно примере div#containerMain имеет высоту 0px... И как это исправить? Всем спасибо за помощь! <!DOCTYPE html PUBLIC "-//W3C//D…

    Asked by ]-[иколай,

    0 votes
    16 answers

  24. Кнопка копирования..

    Доброго времени суток. Меня интересует вот что, существуют-ли скрипты, Для того, чтобы можно было определённый текст скопировать очень быстро . Пример: У меня есть страница на сайте юкоза, и там текст, я его выделаю, и копирую ctrl+c. Надо: А надо, чтобы либо нажать рядом с текстом этим на какую-нибудь кнопочку и этот текст чтобы был скопирован моментально. Как это можно реализовать? Очень очень очень очень нужно( В флеше не рулю. И в js. Всех заранее благодарю за помощь.

    Asked by Eridia,

    0 votes
    16 answers

  25. Сначала создаём PSD в Фш., а потом это верстаем в Дв.?

    Подскажите, каков самый распространённый, самый часто встречающийся алгоритм работы над созданием сайта (статичного, про программирование, про ПХП и Яваскрипт не говорим) с нуля? Реально какой. Сначала создаём в Фотошопе файл PSD, который соответствует нашей задумке, а потом с помощью этого файла в Дримвивере уже верстаем? Или этап с созданием файла PSD можно опустить и начинать сразу с нуля вёрстку в Дримвивере? Просто многие тут эти файлы вспоминают PSD, а я хочу спросить - они обязательны перед вёрсткой, или можно начинать верстать и без этого файла? Если эти файлы PSD обязательны, то тогда мне нужно искать книжку с названием наподобие "Вёрстка сайта в Фотошопе", или "…

    Asked by Serg55,

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