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

    Всем привет! Помогите пожалуйста, при верстке одного из сайтов столкнулся с проблемой, в IE8 и Google Chrome поля Textarea отображаются корректно а в Opera они меньше по размерам как решить данную проблему? вот код: <textarea ROWS=1 COLS=40 style="margin-left:20px"></textarea> <br> <textarea ROWS=1 COLS=40 style="margin-left:20px"></textarea> <br> <textarea ROWS=6 COLS=40 wrap="soft" style="margin-left:20px"></textarea>

    Asked by WaxArt,

    0 votes
    2 answers

  2. Такая проблема

    В общем у меня есть картинка, поверх ее нужно вставить банеры и текст. Можно ли как-нибудь наложить div на div? Т.е. на картинку текс, и анимацию, всмысле как именно все это расположить? Если будут примеры, просьба подробно все описать. Зарание спасибо!

    Asked by ret,

    0 votes
    3 answers

  3. Спецификация браузеров

    Добрый день! Возможно ли найти официальную информацию о том какой набор тегов, атрибутов html использует конкретный браузер, а также CSS, JavaScript. Хотя с английским не очень, но это того стоит, так что буду рад и английским ресурсам.

    Asked by abelllinux,

    0 votes
    4 answers

  4. Не могу сверстать блок

    Вот как выглядит блок вот его код <table style="text-align: left; width:217;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td colspan="2" style="background: url(3.png) no-repeat; width:157; height: 57px; padding-left: 20px; font: bold 25px Arial, sans-serif;">TITLE</td> <td style="background: url(2.png) no-repeat; width:65; height: 57px;"><img style="padding-top: 3px; padding-left: 3px;" src="1.png" border="0"></td> </tr> <tr> <td style="background: url(5.png) repeat-y; width:2px;"></td> <td style=" padding: 0px 0px 0px 4px;">CONTENT</td> <td style="…

    Asked by ВэйДлин,

    0 votes
    5 answers

  5. Проблемка

    1.В общем сверстал на дивах сайт, все вроде бы хорошо,вот только проблема с загрузкой, меня просто раздражает, когда один блок(с рисунком) на котором расположен основной контент исчезает на 1 сек, как бы мелькает,раньше эта проблема была почти на всех блоках которые не вставлены через img, теперь все сделал нормально,но все-равно этот блок так загружается когда переходишь на другую страницу. 2.У меня почему-то в ИЕ все что расположенно на блоке (о котором писал выше) а именно баннер, текст все съезжает вниз.Причем в Опере и в МФ все норм.

    Asked by ret,

    0 votes
    11 answers

  6. Ищу красивое решение

    Здравствуйте. Пришёл за советом о том, как лучше сверстать часть стандартного макета. <body> <div class="wrapper"> <div class="header"></div> <div class="menu">здесь меню, которое на картинке</div> <div class="content"></div> </div> <div class="footer"></div> </body> Приводить весь CSS-код самого макета смысла не вижу, единственное, что хочу уточнить это: .wrapper { margin: 0 auto; width: 100%; } .header, .content, .footer { margin: 0 auto; width: 991px; } А дальше, нужно оптимальное решение, которое решит данную задача, в соответствии с картинкой. С минимальным количеством CSS- и HTML-ко…

    Asked by HUNTERxp,

    0 votes
    10 answers

  7. Полоса прокрутки со своим дизайном

    Хочу сделать scrollbar со своим дизайном чтобы вписывался в дизайн сайта. Изменение вида полоса прокрутки в CSS мне не подходит, т.к. в нормальных браузерах это не работает... Может быть это возможно реализовать на JAVA или FLASH или другим методом?

    Asked by Maniac,

    0 votes
    2 answers

  8. Два активных меню

    Есть два меню, одно меню сверху, другое снизу. Верхнее реагирует на наведение курсора отображением фона прописанного в css, а нижнее должно реагировать выводом картинки (кнопки). В итоге нижнее наследует отображение фона, прописанное для верхнего. body { background-color: #FFFFFF; background-image: url("tree.png"); background-repeat: no-repeat; background-position: 20px 125px; } #logo { position: relative; top: 10px; left: 30px; height: 95px; width: 220px; } #buttonfeald { position: absolute; top: 45px; left: 300px; width: 711px; height: 60px; z-index: 1; } ul { position: absolute; top: 37px; left: 271px; font: bold 12pt sans-serif; z-index: 3; } ul li {…

    Asked by I159,

    0 votes
    0 answers

  9. Div или Table Height=100%

    Есть простая страница - колонка посередине, слева background div, справа backround div (оба на всю вышину). То есть макет элементарнейший. Условия: 1) doctype transitional (с ссылкой на документацию) 2) кроссбраузерность. на все таги вешаем как положено height:100%, на html,body и контентные. Теперь траблы: или надо выкидывать doctype или IE. Собственно, что таблица, что div-ы с height:100% ведут себя точно также, разницы нет в чем верстать. Забудем по причине работоспособности о других браузерах кроме ИЕ. Все вытягивается нормально до момента когда длинна контента не превышает вышины ока браузера. Как только появляется scroll, то вышина diva остается равной вышине окна …

    Asked by paulik,

    0 votes
    2 answers

  10. Проблемы с динамическим меню

    Реализую выпадающее горизонтальное меню по такому принципу: <ul class="menu-h-d"> <li><a href="/index.html" title="">Главная</a></li> <li><a href="/product.html" title="">Продукция и услуги</a> <ul> <li><a href="/prod.html" title="" >Продукция</a></li> <li><a href="/arenda.html" title="">Аренда</a></li> </ul> </li> <li><a href="/docs.html" title="">Документы</a> <ul> <li><a href="/ustav.html" title="">Устав</a></li> <li><a href="/otchet.html" title="">Годовые отчеты…

    Asked by YaD,

    0 votes
    8 answers

  11. Input URL

    Люди добрые, подскажите пожалуйста как сделать через инпут УРЛ. Перепробовал все что знал, не работает... Вот сайтец, если что. Нужно изменить кнопки, которые слева находятся.

    Asked by RedEclipse,

    0 votes
    9 answers

  12. Как лучше порезать картинку

    Нарисовал шапку сайта, теперь не могу найти рациональное решение верстки. Подскажите пожалуйста, как лучше порезать: Сам пока вижу нарезку в таком виде: сделать общий div, задний фон - прижатый к верху коричневый фон... внутри этого div'a - картинка с проводами поверх него - div меню

    Asked by rolph,

    0 votes
    12 answers

  13. Проблемы с Оперой

    страница http://www.pischma.menocom.org/section/46/ не полностью отображается в Опере, в Мозиле и ослике нормально, пробовал уменьшать длину контента, из чего появилось подозрение, что у Оперы есть ограничения на длину контента, ктонибудь с подобным встечался? А может в чем другом баг? Я понимаю, что такая длина контента нежелательна для веб страницы, но клиент ее хочет

    Asked by alzasr,

    0 votes
    2 answers

  14. Ссылка на страницу с iframe

    Здравствуйте, страница состоит из меню А и окна В, в котором по щелчку открывается другая страница. Сделано через iframe пример тут нужно сделать следующее: давать адрес на определённую страницу, в результате чего пользователь будет видеть комбинацию "меню А+ в окне В открывается конкретная страница сайта (а не заданная в главной странице сайта) знаю,что во фреймах такое невозможно, но идея такая: давать адрес на третью, специально созданную страницу, которая уже будет переадресовывать на конкретный набор А+в окне В любая страница сайта. реально ли сделать такое? спасибо всем

    Asked by tenorishe,

    0 votes
    5 answers

  15. не понимаю логику позиционирования

    Подскажите, как выровнять блок Text с надписью Login input и блок sr с надписью Sidebar , чтобы они находились на одном уровне по оси Y , чтобы sidebar не заходил на большой серый блок. Большой серый блок , блок сайдьара и блок текста имеют одинаковый уровень в html, но почему-то позиционируются по разному. недавно посмотрел видеокурсы по верстке css, но так и не догнал логику позиционирования блоков браузерами. Вот код HTML В вот код html Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-eq…

    Asked by челХ,

    0 votes
    13 answers

  16. Проблема с версткой в ИЕ

    Уже более 2-х недель бьюсь над такой проблемой: сайт http://kam-pod.gov.ua при просмотре любой из новостей (например http://kam-pod.gov.ua/?p=1700) уходит вниз правая колонка. Проблема характерна только для ИЕ. Помогите разобраться, почему так происходит. Вот описание стилей колонок (С1 - левая, С2 - центральная, С3 - правая): #c1 { width: 230px; float:left; } #c2 { border-right-width: 1px; border-left-width: 1px; border-right-color: #CCCCCC; border-left-color: #CCCCCC; top: 245px; width: 560px; float:left; } #c3 { width: 230px; float: left; }

    Asked by rolling,

    0 votes
    2 answers

  17. Выпадающее меню

    В общем может кто сталкивался: в выпадающем списки нужно для li нужно задать определенное значение width: (для ширины), если не задавать то выпадающие пункты меню распологаются горизонтально! так вот вопрос как сделать чтоб ссылки внутри выпадающего списка списка имели ширину ссылки (текста) ? P.S. меню вертикальное!!!! Схема тут: http://www.html.by/showthread.php?t=12026

    Asked by artylion,

    0 votes
    1 answer

  18. HTML & CSS

    Всем доброе время суток! Вот у меня вопрос, зачем нужно вначале странице писать вот этот код? Или для чего? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ИЛИ ЭТОТ? <!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"> Просто когда я хочу вытянуть таблицу вверх на 100%, они не вытягиваются вверх, когда написано выше стоящие коды, в браузерах Mozilla, Opera и IE 7… А когда написано без этих кодов <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf…

    Asked by Bismuth,

    0 votes
    3 answers

  19. HasLayout

    Да, все ищут, что это такое и как его использовать, как включить... А мне нужно отключить. =) Т.е. по умолчанию в ie6 zoom: 1; имеется у img. Как его отключить? =))) Никогда не сталкивался с такой задачей...

    Asked by DjTarik,

    0 votes
    30 answers

  20. HTML Error

    Сижу уже 30 минут не могу понять как поправить ошибку Валидатор ругается с текстом: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>title</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="/obj/styles/body.css" type="text/css"> <link rel="SHORTCUT ICON" href="/favicon.ico"> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <!-- Header --> <tr> <td> <table width="100%" border="0" …

    Asked by stars,

    0 votes
    3 answers

  21. помагите пожалуйста сделать ПОДМЕНЮ В ПОДМЕНЮ

    ... .li2{color:red;text-indent:25px;border: 3px double green;} li.li2:hover{color:black;background: #FFCC33} ... <li class="li2"> <a name="подменю"><img src="file:///C:\Documents and Settings\Admin.MICROSOF-C03E38\Рабочий стол\HTML\qqq.gif">подменю</A> </li> ... надо сделать для этого подменю ещё одно подменю, которое будет появлять при наведении мышки вот если что все мои стайлы <style> .div1{border: 4px dotted red;width:205;height:340;padding:6px;background:rgb(255,255,100)} .ul2{list-style-type:none;margin:0px;padding:0px;cursor:none;} .li{color:black;border: 3px double green;text-indent:5;} li.li:hover{color:rgb(0,0,255…

    Asked by volkodav11,

    0 votes
    2 answers

  22. Проблемы со списками в ие 6-7

    Делаю выпадающее меню такой стурктуры: <ul class="dropdown"> <li class="mn_firstlvl"><a class="dir" href="#">Контакт</a> <ul> <li><a href="#">Одна длинна</a></li> <li><a href="#">Вторая очень большая длинна</a></li> <li><a href="#">Третья</a></li> </ul> </li> .... </ul> .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index…

    Asked by alexander.parphenuyk,

    0 votes
    13 answers

  23. Верстка статического сайта

    Доброго времени суток. Мне необходимо сделать сайт без использования php скриптов. Возникает проблема, что если придется добавить небольшую деталь, то надо будет редактировать все html файлы отдельно. Есть вариант создания отдельных частей которые будут подгружаться на сайте? Типо блок меню или футер. Заранее спасибо.

    Asked by romko,

    0 votes
    16 answers

  24. Проблема со списками в ie6

    Вот такая незадача... Есть список и в него вложенный еще один список... В одном списке у тега "ли" в стилях стоит бэкграунд имеж. Во вложенном списке через стиль бекграунда нет. Вроде все просто, но не для ослика...) Именно там где вкладывается второй список, ослик бекграунд тега ли размещает ровно по центру вложенного списка??? Короче посмотрите сами и прошу Вас помочь разобраться с осликом. Все разобрался!!! Как знал, стоит только написать и приходит от Бога ответ!!!! Извините я бы удалил эту тему, но не знаю как!!! Есче раз извините!!!

    Asked by mazhar,

    0 votes
    9 answers

  25. Не могу занести массив в cookie

    Здравствуйте! При попытке записать в куки массив $korz[$id] = $kol; setcookie("user", serialize($korz), time()+604800); вылетает сообщение об ошибке Warning: Cannot modify header information - headers already sent by (output started at Z:\home\localhost\www\menus1\buy.php:33) in Z:\home\localhost\www\menus1\buy.php on line 179 Подскажите пожалуйста в чем ошибка?

    Asked by Чебурашка,

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