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. Вопрос-ответ

    Итак, первый вопрос: Как сделать так, чтоб в <div>е список не оступал от верхнего и левого краев ? padding 0px в свойстве дива не помогает хтмл <div id="left"> <ul> <li> one </li> <li> two </li> <li> three </li> </ul> </div> <div> в css #left { float:left; width: 102px; height:100px; border:solid 1px #000; } <li> в css li { list-style-image:url(img/li.jpg); } Спасибо !

    Asked by volkoff,

    0 votes
    18 answers

  2. Отступ сверху таблицы.

    Создал таблицу. Даже на пустой странице её отступ от верхнего края составляет целиком высоту экрана. И в Опере и в IE, и в лисичке. В чём может быть проблема? <table border="5" bgcolor="#FFA000" align="center"> <tr> <th></th> <th>A</th> <th>B</th> <th>C</th> <th>D</th> <th>E</th> </tr> <tr> <th>1</th> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></…

    Asked by Kadett,

    0 votes
    7 answers

  3. Калькулятор

    Всем добрый день! Вопрос по реализации идеи! Я создаю свой форум! Форум посвящен кулинарии! Вопрос по изменению окна отправки сообщения! Мне необходимо сделать так, что бы пользователь при создании рецепта мог из списка выбрать нужный ему ингридиент, написать его вес, и при отправке сообщения, скрипт сам подсчитывал на основании данных калорийность рецпта, и эта цифра отображалась в сообщении! По сути это калькулятор калорий! Но реализованый в другом стиле! Как я понимаю надо каждому продукту присвоить значение! В дальнейшем я хочу сделать например поисr по продуктам! Добавляешь продукты в поиск и он находит тебе все рецепты с этими продуктами. Нажимаешь на продукт откр…

    Asked by xaron13,

    0 votes
    4 answers

  4. Помогите выудить FireBug-ом элементы списка.

    Здравствуйте специалисты по CSS. Помогите пожалуйста выудить Firebug-ом один элемент. Вот сайт http://nablago.com.ua/ там меню сбоку раскрывается/открывается Хочу сделать чтобы родительский уровень (1) был одним цветом, а те которые выпадают (2) другим? Что-то тыкаю FireBug-ом никак не могу его подловить.

    Asked by VasyOK{!},

    0 votes
    10 answers

  5. Глюк с Оперой и QueryTabs

    В общем не хочет правильно отображаться следующий код в Опере, все кнопочки перемешиваются при их перемещении... (такое происходит только в этом браузере) ПС. Заодно хотелось бы спросить, как заставить браузер запоминать положение этих кнопок (вероятно прибегнув к кукисам) Код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Навигация по сайтам </title> <meta name="generator" content="Navigation bar"> …

    Asked by SlowDeath,

    0 votes
    2 answers

  6. Как применять Xml-формат

    Здравствуйте всем! Пожалуйста помогите разобраться, как при помощи XML - кода транспортировать данные со стороннего сайта на свой. Куда его вставлять, нужно ли базу данных создавать? Допустим мне нужно данные игрового сайта вставить на страницу своего сайта, не пойму как это сделать. Заранее благодарна .

    Asked by lada,

    0 votes
    2 answers

  7. Использование colspan делает таблицу на 1 пиксель шире

    Дано: <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T" colspan="4"> </td> </tr> <tr class="EMPTY"> <td colspan="4"> </td> </tr> <tr class="TR"> <td class="DOC_E"> </td> <td class="DOC_L"> </td> <td class="DOC_M"> </td> <td class="DOC_R"> </td> </tr> </table> </div> <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T"> </td> </tr> <tr class="EMPTY"> <td&g…

    Asked by RussianGirl,

    0 votes
    6 answers

  8. div relative и static одновременно

    Добрый день, Есть два слоя, ширина 100%, следующие друг за другом. <div>(1) static, высота не известна заранее, т.к. определяется контентом, который вставляет php</div> <div>(2) relative, т.к. внутри используется div с абсолютным позиционированием</div> Чтобы внутри второго слоя (2) работало абсолютно позиционирование, я ставлю ему relative. Но тогда он не учитывает, что перед ним есть другой слой (1) и слои накладываются, (2) поверх (1). Вопрос: как сделать так, чтобы внутри второго слоя работало абсолютно позиционирование, но он располагался строго под первым? Заранее спасибо) UPD: Чуть ниже разместил наглядную картинку "что сейчас и что не так"

    Asked by Diver2,

    0 votes
    10 answers

  9. Видимый пункт меню для определенного IP адреса

    Подскажите пожалуйста возможно ли такое реализовать. Есть сайт фирмы. На сайте нужно сделать 1 пунктик меню (рядом с теми которые уже есть в top-menu), что бы он был видимый только для определенных IP адресов, тобишь есть общий 1 IP адресс, который идёт на 2 офиса наших, который расположены рядом. Там как раз будет информация для штатных работников. А вот для людей другого контингента, что бы этого пункта и вовсе не существовало. То бишь, настроить так, что бы этот пункт меню был виден только нам (по одному IP адресу), а остальным нет, и было без сдвигов для них. Заранее благодарю. Описал как можно подробней. Не знаю как такое называется.

    Asked by explo1d,

    0 votes
    5 answers

  10. ASP.NET

    Если известно что сайт будет работать на ASP.NET(или под ASP.NET не знаю как тут правильнее), то что я как верстальщик должен учесть, и есть ли вообще какая то разница. Однажды был опыт верстки под что-то подобное, там вся страница была обернута в тег <form> к сожалению тогда не уделил этому внимания и не разобрался как следует, теперь вод даже не знаю ASP это было или не ASP. Кто сталкивался, и если есть какие то тонкости то что стоит учесть? Спасибо.

    Asked by rediskavet,

    0 votes
    3 answers

  11. div в Opera - съезжание при попытке подогнать по ширине страницы

    При попытке нажать кнопку в Opera "подогнать по ширине" шапка сайта, состоящая из двух jpg и одного flash расползается - правая картинка перемешается вниз. Также при включенном режиме "подогнать" 3 уровень выпадающего меню частично исчезает - при любом разрешении. Для div выставлены точные размеры ширины и высоты в css. "Подогнать по ширине" (кнопка внижнем правом углу) работает, если разрешение монитора меньше, чем ширина сайта - 996 px Пытался поставить невидимое изображение 996 * 1 - оно, конечно, начинает маштабироваться в этом случае. Возможно ли устранить эти проблемы? Благодарю за помощь. см. http://rbenergo.ru/new/

    Asked by alanbus,

    0 votes
    4 answers

  12. Странный зазор в меню

    Посмотрите пожалуйста, вот тут меню, после первых 2-х пунктов появляется странный зазор, помогите разобраться откуда он

    Asked by dr.5y51em,

    0 votes
    4 answers

  13. Прозрачность в IE 6

    Делаю кастомный селект. Для этого указываю для селекта -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); Вроде как этого должно быть достаточно для всех браузеров. А вот для ИЕ6 почему-то недостаточно — в нём как всё как было так и осталось. Что я делаю не так?

    Asked by Veseloff,

    0 votes
    15 answers

  14. Спойлер без JS

    Доброго времени суток! Знаю что иду по пути не самому простому, но другого решения нет, проблема такая: нужно сделать спойлер без использования скрипта, т.е html+css. Вторые сутки мучаюсь, нашла вот что: HTML: <div class="spoil"> <div class="smallfont">Текст описания спойлера<input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElemen…

    Asked by wetta,

    0 votes
    25 answers

  15. Opera произвольно меняет картинки. Почему бы?

    Столкнулся с проблемой - виндовая опера меняет картинки на странице случайным образом... в других браузерах все в порядке, в линуксовой опере все хороше и в маковой. Проблема только в опере и только в винде. Версии оперы разные... начиная с 8.х... Валидатор показывает что все в порядке, по крайней мере на главной странице, остальные чистить буду позже... вот http://validator.w3.org/check?uri=http%3A%...ine&group=0 Сама страница: http://wless.ru/ Интересно что опера так глючит не на всех сайтах... копался в исходниках но не нашел взаимосвязи... Подскажите, сталкивались ли вы с таким и как эту проблему решить?

    Asked by APL,

    0 votes
    12 answers

  16. Перекрытие слоёв (почему так работает)

    Пожалуйста, объясните в чем разница (см. код) при отображении в FF, Chrome, Opera (в IE почему-то одинаково и как нужно.) <!DOCTYPE html> Код при котором все как нужно (содержимое div class="Ad" поверх TopBanner) <div id="TopBanner"><div class="Ad"></div> <a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a></div> если поменять местами <div id="TopBanner"><a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a> <div class="Ad"></div></div> то div class="Ad показывается ниже изображения со ссылкой CSS a img { b…

    Asked by KFQR,

    0 votes
    6 answers

  17. Кнопка с помощью display:block;

    Итак имем: Столбец ссылок (НЕ <div>) Вот такой ХТМЛ: CSS: По центру горизонтально текст худо-бедно отцентровал через text-align:center; А вот опустить не получается, ибо вместе с ним съезжает и фоновое изображение. Как быть ? Спасибо ! ЗЫ: есть, конечно, мыслишка, оберныть каждую ссылку в <div> сделать фон для дива, а ссылку уже margin-ом кое как отцентровать - но это похоже на извращение

    Asked by volkoff,

    0 votes
    5 answers

  18. Opera - проблема с outline и z-index

    Здравствуйте. Подскажите, пожалуйста, как решить следующую проблему: есть два div_а с position:relative. у одного z-index: 5 у второго z-index: 10 Они пересекаются. В div_ве с z-index: 5 находится картинка, для которой указан border и outline. В opera поверх div_а с z-index: 10 прорисовывается outline нижнего дива. Как-то решается этот баг? Заранее спасибо за совет.

    Asked by user-offline,

    0 votes
    1 answer

  19. Дизайнер или я криворукий?

    В общем у меня макет псд сайта. Нужно верстать и чтобы сайт был резиновым. Я копирую шапку, в псд макете она 900 пикселей в ширину. Потом вставляю в style.css ( #header { background-image: url (img/header.png); }) и шапка всё равно фиксированна, хотя в конструкторе хтмл шаблона указывал, чтобы сайт был резиновым. Если увеличивать ширину картинки в гимпе и потом вставлять, то всё равно же она фиксированна будет в браузере. Вопрос: какая ширина должна быть у сайта, когда он в псд, если сайт должен быть резиновым? Каким его должен делать дизайнер? Просто дизайнер мой друг и мы оба позорные дилетанты в сайтостроении, мы пока только 1 сделали и он был фиксированным, и вперв…

    Asked by prowoke,

    0 votes
    31 answers

  20. Position fixed для IE6

    Есть плавающий блок (position fixed) и во всех браузерах нормально отображается. А в IE6 position fixed оказывается не пашет. Искал в гугле, но там описаны способы закрепляющие блок в топе. А мне необходимо закрепить этот слой в боттом. Подскажите как это сделать? Вот CSS того самого блока: width:200px; background:#F8F8F8; padding:2px; border:1px #CDCDCD solid; position:fixed; right:4px; bottom:2px; z-index:81

    Asked by Nigelist,

    0 votes
    44 answers

  21. Высота div с плавающими блоками внутри

    Хочу сделать следующее. Внутри одного div расположить несколько плавающих блоков. У них может быть разная высота. В одном из этих блоков есть кнопка, которую хочу выровнять по низу вертикально. Для последнего делаю height: 100% и vertical-align: bottom. Но для внешнего div высота остается неизменной независимо от его наполнения, т.к. содержит плавающие блоки. Как сделать так, чтобы высота внешнего div была равна высоте самого крупного его внутреннего блока? ...средствами хтмл.

    Asked by warobushek,

    0 votes
    6 answers

  22. Ресайз видео при нажатии на превью

    Вопрос: Есть блог на wp. На главную в сайдбар выводятся превьюшки видео-роликов с ютуба. Превьюшки размерами: 110*80 Как сделать так, чтобы при нажатии на превью, пользователь либо переходил на ютуб (на канал с роликом), либо на страницу на сайте, где и выложен сам ролик. Код <object data="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" type="application/x-shockwave-flash" width="110" height="80" style="border: 2px solid gray;"><param name="movie" value="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" /><param name="wmode" value="transparent"/></object>

    Asked by YaD,

    0 votes
    1 answer

  23. Картинка выползает за div

    Столкнулся с проблемой выезда картинки за пределы div. <div class="newsdgrp_right" id="news_217"> <div class="newsthomb_right"><img class="newsicon_right" src="index_data/217s.gif"></div> <div> Ассортиментная скидка </div> </div> и код css .newsdgrp_left, .newsdgrp_right { clear: both; padding: 5px 5px 10px 5px; margin-bottom: 5px; border: 1px solid #A3C5E9; padding: 5px 5px 10px 5px; margin-bottom: 5px; } div.newsthomb_center, div.newsthomb_right{ float: right; padding-bottom: 5px; padding-left: 10px; } .newsicon_right, .newsicon_center, .newsicon_left{ margin-right: 10px; } В итоге получаю вот такое: …

    Asked by Alfiks,

    0 votes
    2 answers

  24. Как сделать, чтобы заработал SSI

    Пытаюсь создать сайт. Решил добавлять на свой сайт меню и footer при помощи ssi. Прочитал статью http://stepbystep.htmlbook.ru/?id=39 И попробовал будет ли работать ssi на простом примере как в вышеуказаной статье: Для проверки создал три файла: index.shtml <!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>SSI</title> </head> <body> <!--#include file="content.html"--> </body> </html> content.html <h1>Работает!</h1> и в этой же папке .htaccess AddTy…

    Asked by Newbie,

    0 votes
    1 answer

  25. Color

    Как сделать плавный переход от одного цвета к другому

    Asked by zhurbb,

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