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

    Asked by Enkee,

    0 votes
    2 answers

  2. style.css и скрипты

    в первый раз в жизни понадобилось редактировать сайт. вроде все нормально, но начальству захотелось чтобы картинки увеличивались по клику. нашел скрипт на http://beholder-eye.info/2006/03/13/litebox?commented=0 всё работает, но возник вопрос. можно ли подключать скрипты в файл style.css или придется перерабатывать всё, что до меня наделали? если можно то как?

    Asked by Хелкар,

    0 votes
    2 answers

  3. Дивы сломали мне голову!

    Люди добрые! помогите уже. Выбешивают меня эти дивы. Я ни как не въеду почему да как тут у них. Суть на картинке. Первая строка переносится так что обтекает время. Эта же строка третья снизу нарисована фотошопе так как я хочу увидеть ее в браузере. аккуратный перенос. Я перепробовал сто тысяч комбинаций всех которые знаю. но ни как не добился результата. вот один из вариантов (в какие вложенные дивы я их только не пихал, как только не прилеплял) <li><div id="map-time"><?php the_time('d/m/y')?></div><div id="map-name"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></div></li> Буду очень благод…

    Asked by rcoma,

    0 votes
    2 answers

  4. цвет фона для текста

    как реализировать кто знает??7 нашел нормальный рабочий вариант для вебкидов Кому интересно <!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>Документ без названия</title> <style> body{padding:10px;} #wrapper{ color:red;/*для старых браузеров*/ background:url(1.jpg) repeat;/*фон текста!!!*/ -webkit-text-fill-color:transparent; -webkit-background-clip:text; } </style> </head> <body> <div id="wrapper">…

    Asked by dostel1,

    0 votes
    2 answers

  5. Резиновая вёрстка

    Хай, # Проблема справо,т.е. когда появляеться полоса прокрутки то фон не закрашиваеться,подробнее на скрине,что можна сделать?)

    Asked by sdasddsa,

    0 votes
    2 answers

  6. Падинг маргинг бординг ширдинг и высотинг

    я только начал изучать HTML и CSS все как бы понятно (не хватает только практики практики практики) меня запутало определение ширины блока (тега-объекта) ширина складывается из ширины границы внешнего и внутреннего отступа что бы добить этот вопрос попробовал поиграть с этими свойствами html <!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>Тег DIV</title> </head> <body> <div class="cntr"> <div class="cntnt1">1</div> </div> <br/> <div class="cntr"…

    Asked by serjico,

    0 votes
    2 answers

  7. Родительский блок не тянется за дочерними

    Уважаемые знатоки, прошу вашей помощи. Не где не смог найти ответ на свой вопрос. Родитель не тянется за вложенными блоками. overflow:hidden не помогает, исчезает полоса прокрутки. На clear:both не реагирует. Не тянется блок container /*—--HTML—--*/ <div id="container"> <div id="header"> <div id... </div> <div id="component"> <div id... </div> </div> /*—--CSS—--*/ *{margin:0;padding:0;} html{height:100%;} body{height:100%;} #container{ width:1024px; min-height:100%; background:url(../images/background.jpg) repeat-y; margin:0 auto; position:relative; } #component{ width:944px; …

    Asked by Luciefear,

    0 votes
    2 answers

  8. в ie7 вёрстка немного разъехалась

    Вот так шапка сайта выглядит в файрфоксе и примерно так же в других браузерах: А вот так в ie7: Сабмит-кнопка от поиска съехала чёрт знает куда вправо и ниже и два divа как и не было. Вот код: Буду благодарен за помощь в решении бага.

    Asked by adelante,

    0 votes
    2 answers

  9. Как реализовать эффект рентгена?

    Здравствуйте. В веб-программировании я еще нуб, и все-же недавно задался следующим вопросом: каким образом можно реализовать эффект рентгена, как это сделано на главной страничке сайта параллель.юа? Хотел бы попробовать сделать что-нибудь подобное. Возможно, в более упрощенном виде. Из более-менее подходящего, в интернете удалось отыскать лишь такое решение. В принципе оно работоспособно (хотя и с небольшими лагами), но должно же существовать и более изящное решение данной задачи. Из сопутствующих вопросов: мне пока до конца так и не ясно, каким образом можно сделать точно такой же круг, с помощью которого потом посетитель будет "сканировать" изображение. Как его позицион…

    Asked by mortosmor,

    0 votes
    2 answers

  10. @font-face на разных серверах

    Доброе утро. Сделал статичную html страничку, в которой подгружаются шрифты через @font-face. На моей локальной машине, на моём реальном сервере, во всех браузерах я вижу нормальное подключение шрифта. На сайте заказчика я тоже нормально всё вижу, во всех браузерах (IE 7+, Google Chome 15, Mozilla 5, Safari 5, Opera 11). вот так я подключаю в файле css шрифты @font-face{font-family: "Myriad Pro.otf"; src: url('../fonts/MyriadPro-Regular.otf'); font-weight:normal; font-style: normal;} @font-face{font-family: "Myriad Pro Cond.otf"; src: url('../fonts/MyriadPro-BoldCond.otf'); font-weight:normal; font-style: normal;} @font-face{font-family: "Myriad Pro Light.otf"; src: url…

    Asked by slo_nik,

    0 votes
    2 answers

  11. применение hover к тегу area

    Всем известно что псевдо класс hover нельзя применить к тегу area. Передо мной стоит задача при наведении на определенную часть изображения над изображением должна появляться определенная надпись. всякие jquery map hilight не подходят для этого так как они только лишь подсвечивают. Уважаемые, может ето можно сделать с помощью onmousover ? подскажите пожалуйста синтаксис. все должно выглядеть так: мышь наводится на опред участок картинки и чуть выше картинки всплывает <span>. накопал в сети следующее —- <area onmouseover="hover(this);" onmouseout="unhover(this);" href="... <script> function hover(obj) { obj.style.backgroundImage="img/hover.jpg"; } function …

    Asked by graf86,

    0 votes
    2 answers

  12. высота в процентах

    Всем привет. Как сделать высоту на 100% экрана? Этот код устанавливает только ширину: http://jsfiddle.net/vdVT8/ Заранее благодарен

    Asked by B00sT,

    0 votes
    2 answers

  13. Не работает рефреш в ФФ

    Друзья! Столкнулся с мелкой, но досадной проблемой, не знаю как решить, уповаю на вас! Есть элементарный код: <?php $titl = 'bla-bla-bla'; $price = 123; ?> <form action="demo2.php" method="GET" name="form1"> <?php echo('<input value="'.$titl.'" name="titl" />'); ?> <?php echo('<input value="'.$price.'" name="price" />'); ?> <input type="submit" value="КУПИТЬ" /> </form> Всё работает, значения корректно подставляются в поля формы, но если изменить значение вручную и затем сделать рефреш (Ф5 или ктрл+Р, неважно), значение поля НЕ возвращается в первоначальное, заданное переменной. На данный момент н…

    Asked by Coder_D,

    0 votes
    2 answers

  14. Помогите с версткой

    народ помогите советом. не могу решение найти, потому что даже не знаю как сформулировать проблему. не сохраняются изменения в css файлах. Пишет This file has been modified by another program Когда нажимаю "проинспектировать страницу " в опере или в хроме то вместо нормальных файлов (style.css или template.css) мне предлагаются вот такой файл 3ee76bd7b2de32d1ae03139124316705. css (причем для любого элемента и страницы) , который лежит в папке cache До недавнего времени все нормально было. Почему все изменения предлагаются через КЕШ файл? Подскажите кто сталкивался пожалуйста. К сожалению пока на локалке, не могу предоставить сайт. использую joomla 1.5 + virtuemart 1.1.9 …

    Asked by eralef,

    0 votes
    2 answers

  15. Проблемы с кроссбраузерностью

    Всем привет! Очень рад что наконец то зарегистрировался на этом замечательном форуме! Мне нужна ваша помощь! Нарисовал дизайн, сверстал. Во всех браузерах (опера, хром, сафари(немного тупит с бордер-радиусом), мозилла,) отображается сайт корректно. В ИЕ на это смотреть невозможно. Мало того, что бордер-радиус не сработал, так еще и ссылки стали с фоновым цветом, меню растянуло. А при добавлении инструментов (для ИЕ) с сайта хак для ИЕ чтобы скруглялось)) фон меню вообще пропадает. Ведь есть же на форуме, кто сталкивался с кроссбраузерностью. Помогите разобраться и настроить. Я скрипты к сожалению писать не умею. а вот и сайт, он тестовый: тестовый.

    Asked by WebMasterOleg,

    0 votes
    2 answers

  16. степень

    подскажите как сделать чтобы на сайте отображалось не м3 а м3

    Asked by voin545,

    0 votes
    2 answers

  17. Резиновая верстка, резиновые блоки.

    Добрый день. У меня следующий вопрос, может кто нить уже сталкивался со следующими вопросами: верстка резиновых блоков, то есть если изменяется ширина окна браузера, то и блок изменяет свои размеры. Примеры Smotra.ru и ozon.ru Ясно, что это javascript и css, но мне бы хотя бы ссылочку, где можно было бы ознакомиться с тем, как решить вопрос такой вот верстки....

    Asked by byzuka1,

    0 votes
    2 answers

  18. Непонятка в официальном тесте CSS 2.1

    Вот этот тест. Что значит, "Test passes if there is no red visible on the page"? С какого перепугу блок должен ужаться до нуля вместо ширины буквы? Во всех браузерах я вижу букву на красном фоне, и в меру моего понимания спеки считаю это правильным. Ошибка в тесте, что ли?

    Asked by SelenIT,

    0 votes
    2 answers

  19. Обрезка изображения

    Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?

    Asked by _green,

    0 votes
    2 answers

  20. Coda Slider

    Добрый вечер!!! Не знаю есть подобная тема.... простите нет просто времени просматривать. Сначала был заказ на слайдер статический, после просмотра захотелось автоматический... в ява скрипт не очень разбираюсь... Я стянула кусочек кода для автомата, не видать всё не так просто... Этот скрипт его вызывает: <script type="text/javascript"> $(window).bind("load", function() { $("div#slider1").codaSlider() }); </script> Собственно слайдер: <div id="menu"> <!-- ************ --> <!-- SLIDER --> <!-- ************ --> <div class="slider-wrap"> <div i…

    Asked by Anuksanomun,

    0 votes
    2 answers

  21. Форма и Google Chrome

    Как сделать чтобы тестовое поле имело жесткий размер и не имело возможности растягиваться по ширине и высоте в Google Chrome

    Asked by andrecool,

    0 votes
    2 answers

  22. margin в %

    Всем привет! проблема в отсутсвии отсупов сверху для дочернего блока (ие6 только норм) #left{width:60%;height:200px;} #child{width:40%;height:100px; margin:25%} <div id="left"> <div id="child"></div> </div> и еще один вопрос—как выровнять дочерний резиновый блок внутри резинового блока по центру без использоания text-align:center для родака???

    Asked by dostel1,

    0 votes
    2 answers

  23. Смена стилей страницы при изменении размера окна браузера

    Как сделать смену стилей отдельных элементов страницы при изменении размера окна браузера, как например у самизнаетекого на главной сделано? Я имею ввиду последние работы из портфолио. В зависимости от ширины окна там выводится разное количество элементов в строке. http://www.artlebedev.ru/

    Asked by goooooch,

    0 votes
    2 answers

  24. Ссылки из одной папки в другую

    Простите незнаю как обьяснить. Посмотрите на рисунок. У меня в папке css лежит файл, а в этом файле нужна ссылка на картинку в другой папке(images)... Как это сделать?...

    Asked by RuslanRokker,

    0 votes
    2 answers

  25. Проблемы с background-attachment

    Здравствуйте уважаемые форумчане! Кажется сто лет здесь не была и наверное поэтому при верстке простого макета столкнулась с такой проблемой. Необходимо чтобы ячейка таблицы имела фиксированную высоту, не повторяющийся фон и еще текст находящийся в ней скроллировался. Я почитала в справочнике про свойство background-attachment и написала такой стиль: #centr { background-image: url(../images/content.gif); background-repeat: no-repeat; background-attachment: fixed; } Вот код страницы: <html> <head> <title>Магазин цветов</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/style.css" re…

    Asked by Angela,

    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