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 уезжает за пределы окна в FireFox

    Такой вот стиль: #header { position: absolute; top: 0; left: 0; width:100%; height: 100px; border-style: solid; border-width: 1px; border-color:red; } правая граница в FF (3.0) находится за пределами экрана. Чего ему, лису, добавить?

    Asked by Andrewvp,

    0 votes
    18 answers

  2. Проблемы со 100% высотой div в Firefox

    Доброго времени суток. Сварганил новый макет. Долго радовался, что в ИЕ всё ок, оказалось- даеко не показатель.( В опере тож все норм. А вот в Фаере начинаются проблемы с текстом- то, что не влезает на экран, выходит за границы блока под футером. Если поставить overflow: hidden , то текст ваще исчезает(обрезается). Собственно- не понятно, почему блок не тянется по размеру текста. макет - www.beavers-net.narod.ru Заранее спасибо. С ув. Олег.

    Asked by tt48,

    0 votes
    11 answers

  3. Обрезать слой по обоим краям, реально?

    Есть слой, в нем flash-ролик, ширина ролика - шире окна браузера, нужно избавится от горизонтального скролинга "обрезав" ролик по краям, точнее обрезав слой содержащие этот ролик. На данный момент слой контейнер такой: width: 100%; overflow: hidden; Ролик обрезается, но только с правой стороны. Хочется добиться эффекта как при background: center когда фон блока обрезается с обоих сторон. Осуществимо ли это?

    Asked by weblad,

    0 votes
    12 answers

  4. Большая фоновая картинка

    Столкнулся с вопросом: есть большая фоновая картинка в шапке, на ней нет ни каких элементов и текста как сделать правильней: создать отдельный блок и впихнуть туда картинку как бэк (читал что рекомендуют все неактивные элементы в бэк пихать) создать блок и туда посредством img впихнуть эту же картинку, но нарезанную на несколько более мелких кусков ?

    Asked by WalkMan,

    0 votes
    10 answers

  5. Не работает header("Location: ...")

    Прохожу обучающий урок на тему http headers. Решил написать тестовый пример. Вот он: Файл index.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тест</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <form method="get" action="header_test.php"> <input type="text" name="f1">Value<br> <input type="submit">Go </form> </body> </html> Файл header_test.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01…

    Asked by samorealization,

    0 votes
    2 answers

  6. border: проблема или нет

    Есть div, ширина которого изменяется в зависимости от расширения, а высота от контента в нем. этому диву я задал свойства: overflow: hidden; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; background: #FFF; отображается в обычном виде собственно все как надо, но при нажатии Ctrl - (+) может пропасть какая-либо из рамок. как с этим бороться? пробовал заменить на Не помогло Это явление происходит в Opere, у меня 10я версия. Протестировал в остальных имеющихся у меня браузерах: IE 8, Chrome 2,0 и Mozilla 3,5, Safari 4,0 - там все отлично. В опере пробовал на других разрешениях: по началу все норм, начинаешь увеличивать/уменьшать - какая-либо из рамок мож…

    Asked by theo_,

    0 votes
    1 answer

  7. меню

    .......................

    Asked by cosonic,

    0 votes
    6 answers

  8. Фон градиентом

    Подобные темы уже были, но я все равно не нашел там того, что мне нужно. Есть страница, в CSS написано: body { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#FF8210; background-image:url(images/00a02641a5c510eee701d52764a657eb.PNG); background-repeat:no-repeat; background-attachment: fixed; background-position: bottom right; } Думаю тут все понятно, ничего объяснять не нужно. Проблема в том, что картинка слишком яркая, но уменьшить яркость можно только в ущерб дизайну, и вообще, на картинке закат, то есть, чтобы не так резало глаза, можно сделать градиентом так, будто вверху небо у…

    Asked by acd.systems,

    0 votes
    8 answers

  9. DIV - макет

    Всем привет ! Раньше верстал с помощью таблиц. Создать макет в три колонки с помощью таблиц легко (по крайней мере для меня). Решил попробовать создать макет в три колонки при помощи позиционирования ... и вот не лепится цветочек аленький. Во всех браузерах (парадокс, но только не в IE6, в нем все отлично ), при задании высоты в 100%, середина, с текстом, проходит сквозь футер. Помогите советом. Ниже код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <style> html{height:100%;} body{margin:0px; height:100%;} #main{width:700px; height:100%; border:1px solid black; margin-left:auto; margin-right:auto;} #heade…

    Asked by Mih,

    0 votes
    9 answers

  10. position:fixed; - IE6

    Ребят, помогите побороть ИЕ6, задача простая, нужно что-бы слева сверху вниз были расположены 4 вкладки, они должны быть фиксированные и по 25% в высоту, тоесть каждая ровно четверть экрана, что-бы в экран они умещались чётко как нужно и при прокрутке всегда были зафиксированы, как и изначально. Проблема в том, что в ИЕ6 никак не хочет работать такая конструкция, поэтому прошу помощи, так как сам уже не знаю, что делать и есть вопросики: 1) Можно ли решить эту проблему в ИЕ6 без использования скрипта? (экспрешаны одобряются) 2) Можно ли как нибудь по другому обыграть это решение для всех браузеров, включая ИЕ6. Может быть есть другие решения этой задачи? Тут пример задачи…

    Asked by psywalker,

    0 votes
    18 answers

  11. Image position

    Пожалуйста помогите мне определить img от левого края. Никак ни могу разобраться в стилях, или точней не знаю их. Если можете, покажите пожалуйста код.

    Asked by Zarina,

    0 votes
    7 answers

  12. атрибут id в теге html

    что может значить атрибут id в теге html? например, <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="vkontakte">

    Asked by izuchtel,

    0 votes
    4 answers

  13. Граница вокруг текста в фотошопе stroke а с css можно сделать подобное

    добрый день всем !!! Уважаемые форумчане, подскажите как мне сделать обводку вокруг текста , в фотошопе с помощью стилей это делается со stroke а в css есть что то подобное ? С уважением

    Asked by bgraf,

    0 votes
    10 answers

  14. Странный баг в ие 6 и ие7

    Народ всем привет, еще с одной проблемой столкнулся, взгляните http://shinoda.ru/verstka/default.htm, у блока #left_menu_block есть отступ сверху в 40 пикселей, все браузеры кроме седьмого и шестого ие показывают этот отступ (ие8 показывает нормально). Что за странный баг обьясните плз???

    Asked by TonKhaO,

    0 votes
    31 answers

  15. вёрстка

    ТРИ КОЛОНКИ (ЛЕВАЯ, ЦЕНТРАЛЬНАЯ, ПРАВАЯ), где ЦЕНТРАЛЬНАЯ имеет ширину 900px и в ней находиться всё содержимое страницы, а боковые должны служить для заполнения свободного пространства в зависимости от ширины монитора и насколько мне известно ширина боковых колонок должна быть АВТО; подскажите как сделать. (помогите с кодом).

    Asked by bald,

    0 votes
    2 answers

  16. ПНГ кнопка тянущаяся по содержимому

    Ребят, снова нужна ваша помощь, перед нами встала новая задача, вобщем нужно сделать кнопку с закруглёнными углами именно на ПНГ24, и с Ховер эффектом (обязательно!) что-бы эта вещь работала везде, особенно в ИЕ6! Вроде бы проблем нет, но дело в том, что нужно: 1) Кнопка НЕ должна быть фиксированного размера(фикс только Высота), а должна растягиваться именно по содержимому 2) Нужно что-бы в любой момент можно было выравнить эту кнопку по середине экрана, или что-бы легко можно было её прифлоатить влево или вправо при желании 3) Уголки и центр должны состоять из Одного Спрайта, один рисунок! 4) При наведении на кнопку в Любом месте!, вся она должна изменять цвет, вобщем Хо…

    Asked by psywalker,

    0 votes
    53 answers

  17. input и textarea в css в ие6. Как настроить?

    Подскажите, как background настроить? Конструкция: INPUT[type=text] { background-color: #000000; } В ие6 не пашет. Как добиться того чтобы работала?

    Asked by Semreg,

    0 votes
    6 answers

  18. Помогите неправельное отображение в IE

    Привет всем хочу представить мою верстку я никогда не подгонял ни под какие либо браузеры и вот столкнулся с такой проблемой неправильное отображение а точнее пропали линии (картинки) или стукните в аську буду рад 452871236 Помогите пожалуйста !Прикрепил фото на то что нужно и на то что получилось http://s43.radikal.ru/i099/0909/45/be00313b82f5.jpg http://i023.radikal.ru/0909/ac/a046b8df8544.jpg <!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" lang="ru" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; chars…

    Asked by maks-master,

    0 votes
    0 answers

  19. На что можно поменять ?

    body {min-width: 1100px;} {display: inline-block;} Кто может помочь с этими проблемами на что можно поменять эти слова ?

    Asked by maks-master,

    0 votes
    3 answers

  20. Перенос доменов.

    Доброго вам. Помогите пожалуйста решить задачу. Дано: Нуб админ Хостинг: http://jino.ru/ Хостинг: http://yutex.ru/ Домен: http://kg-am.com/ Задача: перенести домен http://kg-am.com/ с хостинга http://jino.ru/ на http://yutex.ru/ Условия: Домен был по тупости зарегистрирован через хостера (http://jino.ru/) Аккуант на http://jino.ru/ отключат сегодня. Конкретика: Есть такая вот штука на http://jino.ru/ Понятно, что здесь нужно что-то поменять, но я не знаю что? Потому трогать боюсь, как бы чего не поломать. На http://yutex.ru в cPanel есть вот такое. Куда жать тоже не пойму, то ли в паркованные то ли в дополнительные. Ещё в письме от ютекса после регистрации было в…

    Asked by Игорь Ермаков,

    0 votes
    5 answers

  21. Нонейм-Средство разработчика

    сегодня при авторизации на файло обменнике NoNaMe у меня не стого не с сего вылезла прога Нонейм-Средство разработчика.подскажите uzeru ,что мне с ней делать,тупо закрывать жалко ,может можно ее использовать в своих интересах?если кто че знает подскажите pliz.

    Asked by DUDE_25,

    0 votes
    0 answers

  22. помощь в css

    как с помошью css класифицорвать теги "ul"? т.е. ситуация такая: на странице сайта мне надо расположить инфу. "ul" слева, в нем текст, справа картинка; картинка слева, "ul" српава, в нем текст. Можно в самом html поставить параметры тегу "ul", но тогда css-validator находит ошибку в css, что нету праметров для этого тега.

    Asked by ask1503,

    0 votes
    2 answers

  23. и снова ие6 палки в колеса вставляет

    проблема вот в этом коде... идея такая чтоб логотип смещался и менял размеры в зависимости от размера окна браузера #logo { position:absolute; z-index:10; top:4%; left:17%; width:20%; background:transparent; } что нужно добавить чтоб ие6 понял left:17%; width:20%; top:4%; с остальными браузерами все замечательно... помогите пожалуйста

    Asked by dvs,

    0 votes
    3 answers

  24. граница между рисунками в Опера и Фоксе

    Имеется таблица из 4-х частей: 1 2 3 4 в каждую грузится часть картинки. Вертикально никаких границ нет, горизонтально между 1-й и 2-й строкой таблицы (и соотв. между рисунками [1-2] и [3-4]) в Опере и Фоксе видна граница. IE всё нормально. Всевозможные бордеры поставил в 0. В чем может быть проблема ?

    Asked by revresbo,

    0 votes
    1 answer

  25. 2 Diva с шириной по 50% и float: left и их отображение в ie6 и ie7

    Народ еще нашел странную особенность http://shinoda.ru/bug_fix/block_test.htm Баг в том что в шестой и седьмой версии ИЕ при ширине в 50% и с флоатом лефт (вроде бы поровну и в сумме 100%) не помещаются на одной линии. И даже вроде знаю из чего, вот решил покопать по-подробнее, итак по порядку Я брал и скриншотил экран и замерял правильно ли браузер расчитывает ширину и вот что получилось (разрешение у меня 1280): IE6: Ширина окна браузера (без учета скролла и всего отсального) - 1253 px Ширина одного блока при разрешении 1253px была равна 627px, умножаем это на 2 и получаем 1254!!! и тут уже понятно почему блоки не стоят на одной линии, итог - ИЕ неправильно посчитал по…

    Asked by TonKhaO,

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