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. Opera произвольно меняет картинки. Почему бы?

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

    Asked by APL,

    0 votes
    12 answers

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

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

    Asked by warobushek,

    0 votes
    6 answers

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

    Вопрос: Есть блог на 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

  4. Вопрос-ответ

    Итак, первый вопрос: Как сделать так, чтоб в <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

  5. создание таблицы

    Здравствуйте, должна быть таблица с двумя строками, а в каждой строке по 2 ячейки. В ячейке 1-1 и в расположенной по диагонали ячейке 2-2 находятся рисунки, а в ячейках 1-2 и 2-1 находиться текст и все ячейки разной длины и все содержимое прижимается к левой стороне. Так вот - с одной строкой все содержимое ведет себя ок., а когда создаю вторую строку с ячейками 2-1 и 2-2 , то все четыре ячейки становятся одинаковыми по длине, не зависимо от содержимого. Подскажите в чем причина?

    Asked by pattaya,

    0 votes
    8 answers

  6. Как сделать перенос ооооочень длинной строки

    Как сделать перенос ооооочень длинной строки не имеющей пробелов к примеру такой яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя яяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяяя только еще в N раз длинее? может кто сталкивался с побным

    Asked by AlexKon,

    0 votes
    8 answers

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

    Пожалуйста, объясните в чем разница (см. код) при отображении в 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

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

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

    Asked by Veseloff,

    0 votes
    15 answers

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

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

    Asked by dr.5y51em,

    0 votes
    4 answers

  10. 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

  11. Использование 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

  12. Непонятная реакция на DIV

    Вот часть кода: <a href="index.php">Главная</a><a href="#">О нас</a><a href="#">Карта сайта</a>, то есть на странице ссылки будут отображаться по-порядку (писаться в одну линейку). Но мне нужно каждую из ссылок взять в отдельный тег DIV, то есть так: <div id="1"><a href="index.php">Главная</a></div><div id="2"><a href="#">О нас</a></div><div id="3"><a href="#">Карта сайта</a></div> после чего все ссылки пишутся с отдельной строчки, а мне нужно что бы в одну. Подскажите как исправить ситуацию. Спасибо.

    Asked by Alex&R,

    0 votes
    4 answers

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

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

    Asked by alanbus,

    0 votes
    4 answers

  14. <table> и Opera

    Доброе утро всем! Помогите пожалуста... Вложеная таблица (вложена в ячейку другой таблицы) убегает вниз, но почему то только в Opere, в IE нормально всё. Почему так, как можно исправить? Вроде все перепробовал, всякие align, valign ((

    Asked by PiratGrey,

    0 votes
    6 answers

  15. ASP.NET

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

    Asked by rediskavet,

    0 votes
    3 answers

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

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

    Asked by VasyOK{!},

    0 votes
    10 answers

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

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

    Asked by lada,

    0 votes
    2 answers

  18. Глюк с Оперой и 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

  19. Проблема В Ie7

    Здравствуйте. Пациент - http://frutality.ru Суть проблемы: у блока (#content) задана высота 1300 пикселей. Если текста в этом блоке слишком много, блок растягивается (FF, Opera, IE8, Chrome). После блока идет еще один блок - футер. В IE7 футер встает сразу после этих пресловутых 1300 пикселей, даже если дальше идет текст. В остальных браузерах блок просто растягивается и футер стоит там, где и задумано. Если убрать фиксированную высоту у #content, то футер во всех браузерах отображается нормально, но: если текста на странице меньше, чем высота сайдбара, то сайдбар просто наезжает на футер. Пример: http://frutality.ru/tag/html Что лучше сделать - побороть багу конкретно IE…

    Asked by FRUTALITY,

    0 votes
    5 answers

  20. Разместить 2 <div> фиксированой ширины по центру

    В общем идея на картинке: Не самая сложная затея. пытаюсь сделать без шаблонов и застрял вот на этом. Верхний div - ширина 1024 Меню + Главное 104 + 920 = 1024 Верхний очень красиво выровнялся с помочью margin:auto 3-й поставил около второго, приписав ко второму float: left Вопрос: можно ли как то 2 и 3 отцентровать чтоб они вели себя как верхний, не прибегая к подгонке с помощью padding и прочих извращений ? ? ? СпасибО ! ХТМЛ: <body> <div id="roof" align="center">1 крыша</div> <div id="left">2 менюшка</div> <div id="main">3 главное</div> <br /> <br /> <div id="flour">4 низ</div> </body> CSS:: @…

    Asked by volkoff,

    0 votes
    13 answers

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

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

    Asked by xaron13,

    0 votes
    4 answers

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

    Создал таблицу. Даже на пустой странице её отступ от верхнего края составляет целиком высоту экрана. И в Опере и в 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

  23. Каталог

    Здравствуйте. Имеется вот такой недоделанный сайт: http://happyclouds.spb.ru/ Требуется создать каталог: http://happyclouds.spb.ru/premium.html Вопрос: как автоматизировать (ускорить) создания каталога? PHP? CMS? Начала создавать вручную - получается долго и муторно. Заранее всем спасибо за ответы

    Asked by _elf_,

    0 votes
    1 answer

  24. Проблемы с кодировкой

    В принципе это не проблема вёрстки, не знаю куда написать. Сайт http://galant-tour.ru/, если открыть в мозиле, в форме поиска некоторые (?! O_o) слова ромбиками, а так жеещё в нескольких не распространнёных браузерах, в опере и в осле всё нормально, что это? Форма поиска работает с сайта exat.ru, у них всё нормально на их собственной форме, правда у них сайт в 1251 а у нас в UTF-8. Но почему только некоторые слова ромбиками, как быть? Если поменять кодировку в браузере на 1251 то всё наоборот =) зачем они присылают в разной кодировке непонятно, их службы поддержки в выходных нет, но в опере же всё работает, можно что сделать?

    Asked by SoFuWa,

    0 votes
    1 answer

  25. Checkbox и textarea

    Хотел сделать так чтобы только полсе прокрутки содержимого в текст. поле можно было поставить флажок. Но как то не получилось, помогите найти ошибку. Заранее благодарен. (P.S. onclick="f_click();" привязанно к другой функции и работает) <!DOCTYPE HTML PUBLIC "-//W3C//DTD Html 4.01//EN" "http://www.3.org//TR/html4/transitional.dtd."> <html> <head> <title>Флажок</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script type="text/javascript"> <!-- function f_flag() { document.getElementById(check1).disabled = false; } //--> </script> </head> <body> <center><h2>П…

    Asked by Lag,

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