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. Календарь, с авт. обновляемым днем и с датой . . .

    Извиняюсь, я тут не нашла . . . Ищу календарь, который автоматический обновляет данные и показывает на HTML странице. Думаю, что хоть програмно, но такой календарь всетаки придаст свежесть моему сайту. Вот о чем я, тут наглядный пример: Коммерсант

    Asked by Dobo,

    0 votes
    2 answers

  2. Проблема с <iframe> у IE 7,8

    Проблема в следующем, использую тег <iframe>, на странице полупрозрачный фон таблицы, страницы которые грузятся в <ifarme> без установки фона (рисунка или заливки, то есть авто) не заливают фон, проверил на firefox, opera, safari, а IE как 7 так и 8 заливат фон в зависимости от того какой цвет стоит по умолчанию. IE Firefox Opera Safari А теперь вопрос, есть ли возможность избежать эту проблему? Заранее благодарен! =)

    Asked by papa_misha,

    0 votes
    4 answers

  3. вопос с DIV

    Камрады, помогите пожалста нужно сделать вотк акую штуку. есть два дива с содержанием. Они в позиции float:left от дуг дуга находятся в в ТД-эшке где ещо куча вещей разных между ними есть расстояние необходимо сделать это расстояние такого же цвета как они Но выделять их в отдельную ДТ-ешку или красить всю ТД-эшку нельзя подсажите чё делать. создал между ними еще один див но так как он не заполнен он не отображается... <font face="Verdana"><div style="float:left; background-color:f4f4f4;">Ocomments</div></font> <div style="background-color:f4f4f4;float:left;"></div> <font face="Verdana"><div style="float:right; background-c…

    Asked by Uragan,

    0 votes
    8 answers

  4. Как переносить текст?!

    Требования: должно работать под IE 6.0 Непонятен принцип переноса текста в таких тэгах как <td><tr><table><div><span> Нужно в тэге TD сделать так чтобы текст если он длиннее 300px переносился на след. строку <table id="tabContent"> <tr> <td id="td1" style="background-color: red; width: 300px"> 12345678901234567890123456789012345678901234567890123456789012345678901234567890 1234567890123456789012345678901234567890123456789012345678901234567890 </td> </tr> </table> Пробовал кучу вариантов, и div-ы ставил и span-ы и стили менял, но текст все равно отображается в одну строку. Может кто подскажет более…

    Asked by milvic,

    0 votes
    12 answers

  5. вопрос по вставке картинок

    суть вопроса такова - есть картинка (надпись) сделаная в фотошопе на прозрачном фоне и сохранена в .png при вставке ее в коде HTML, все хорошо надпись есть фона картинки не видать, а при вставке ее с помощью CSS фон надписи становиться непрозрачным и дает "поля" надписи, как этого избежать?

    Asked by maxvip,

    0 votes
    2 answers

  6. html Курсоры

    Бродил по сайтам интернета и наткнулся на красивые курсоры которые идеально подошли бы к моему сайту. Нашёл нужное свойство CSS. Но не получается установить. В теги бади пишу курсор: url, auto. Формат курсора подходит. Но не отображается. Заменить на стандартные курсоры получилось а на свой не хочет. Это вообще возможно?

    Asked by svdsLis,

    0 votes
    2 answers

  7. Непонятный отступ в ИЕ между строками.

    Вот — http://kasia.com.ua/bb/ . В ИЕ появляется полоска между «шапкой» и «отражением». Я знаю, что можно сделать все дивами, а не таблицами, об этом можно сюда не писать. Это не мое, просто спросили совета.

    Asked by QQQ,

    0 votes
    1 answer

  8. Никак не могу догадатся почему пригает страница

    Сегодня начала работу над этой страницей, никак не догадываюсь почему она во время перехода с Home к странице Products прыгает то ли растягивается, а в других переходах ведет себя нормально. ( Home ) -->> ( Products ) Есть сомнения, что проблема в <HTML> страницы Products, но в чем не могу . . . Прошу помощи. ПС По форуму искала, но я пока тут новая и видимо не освоилась . . .

    Asked by Dobo,

    0 votes
    12 answers

  9. вложенный список

    во вложенном списке, несмотря на list-style:none все равно отображается картинка в IE7, можно ли это как то исправить?(именно используя вложенный список) <ul style="list-style:url(menu_left.jpg);"> <li>123 <ul style="list-style:none;"> <li>234</li> <li>345</li> </ul> </li> <li>456</li> </ul>

    Asked by eca,

    0 votes
    8 answers

  10. Подскажите новичку, пожалуйста.

    Здравствуйте. Недавно начал изучать: сначала HTML, затем CSS. Потом решил создать свой сайт, примерно вот как этот http://www.technoavia.ru Вроде бы все шло хорошо, но потом, когда попробовал открыть сайт при других разрешениях - ооооо, какой кошмар меня ожидал. Я так понимаю знаний HTML и CSS не хватает, чтобы сделать нормальный сайт. Подскажите пожалуйста, что мне нужно еще изучить, (и где), чтобы создавать сайты, такие как указано выше. Flash-анимацию и др. штучки применять не собираюсь. Заранее спасибо.

    Asked by teserow,

    0 votes
    7 answers

  11. Помогите уменьшить код

    Вот... как его можно облагородить? 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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>index</title> <link rel="stylesheet" type="text/css" href="screen.css"/> </head> <body> <div class="container"> <div class="left">lh</div> <div class="right">rh</div> <div class="center">ch</div> </div> <div class="addit">s</div> <div class="break"&…

    Asked by Ururu,

    0 votes
    10 answers

  12. Меню. Маленькая проблема.

    Здраствуйте! Подскажите пожалуйста мне вот в такой ситуации: У меня есть меню чисто на CSS, есть классы a:hover и a:active. При этом если нажать на ссылку в меню, зажать, и перетащить на другую ссылку, то та кнопка на которой я зажимал, остаётся с тем фоном, который указан в a:active! Подскажите пожалста как сделать так, чтоб при перемещении зажатой левой клавиши мыши a:active старой ссылки исчезал. P.S. Искал, пробова, так ничего и не получилось.

    Asked by Glebr,

    0 votes
    3 answers

  13. Ширина 2 div (fixed + float)

    Нужно разместить 2 блока в контейнере. Требуется правый блок фиксированной ширины, а левый - вся остальная ширина. Сделал вот так: <style> #container { width: 100%; margin: 0 auto; overflow: hidden; } #lbody { float: left; width: 70%; } #rbody { float: right; width: 30%; min-width: 220px; } </style> <div id='container'> <div id='lbody'>...</div> <div id='rbody'>...</div> </div> Проблема в том, правый блок уходит под левый, приходится уменьшать ширину левого на пару процентов, чтобы разместились нормально. Смотрел в FF, Что в стилях не так? Firebug ничего крамольного не нашёл Спасибо.

    Asked by Raynor,

    0 votes
    3 answers

  14. Моргание градиентного фона

    Привет пиплы! Есть проблема - на странице использую градиентный фон... смотрится неплохо, НО при прокрутке фон моргает... Во всех браузерах... Это как лечится? Если лечится вообще...

    Asked by styleroom,

    0 votes
    8 answers

  15. слой поверх таблицы

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

    Asked by dangler,

    0 votes
    3 answers

  16. Подчеркивание ссылок пунктиром

    Сабж) Как сделать, чтобы при наведении на ссылку, он подчеркивалась пункиром?

    Asked by Itan,

    0 votes
    5 answers

  17. Как?

    Помогите научиться, скачал программу Nvu научился делать фон все вроде ОК но есть нескольк вапросов: Когда я вставляю картинку она как текст перемещаться, как зделать так чтобы: 1 закрепить ее на месте чтооб она не двигалась. 2 Когда я ее закрепляю с помощью кнопки слой весь текст пишется под ней мне нужно чтоб он писался на ней(как на фоне) и возле нее(чтоб на нее и под нее не заходил как бордюр штоли) Еще правильно я поимаю чтоб создать свой сайт нужно создать папку в нее накидать страниц связаных ссылками и положить ее на сервер? А вабще есть ли учебник по этой проге без тегов?

    Asked by I SERGEI I,

    0 votes
    1 answer

  18. Media Type

    По какому принципу (критериям) работает медиа-тайп. Например, при создании стиля я указываю, что подходит для всех устройств (т.е. all) Открываю с того же смартфона через браузер сайт, и что? мне адаптируются страницы под размер мобилы? И как мне специальным образом сверстать стиль элементов на странице для мобильного устройства? Ребят поподробней чуток, чтоб вопросов не было больше. Спасибо.

    Asked by aka_SmILe,

    0 votes
    0 answers

  19. Вопрос по растягиванию элемента в CSS

    Всем привет. В общем, вопрос такой, вот код страницы: <!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>trial</title> <link rel="stylesheet" type="text/css" href="trial.css"> </head> <body> <div id="top"></div> <div id="menubar"></div> <div id="navi_bar"><a href="#" class="friends">Friends</a><a href="#" class="wall">Wall</a><a href="#" class="bookmarks">Bookma…

    Asked by goodguy,

    0 votes
    5 answers

  20. Тянущийся список

    Всем добрый день. Прошу помощи в решении проблемы. Итак есть задача: сделать галерею, наподобии этой: http://jqueryfordesigners.com/demo/slider-gallery.html то есть список (<ul>) вытянутый в линию. Если элементы списка - изображения. то никаких проблем, но в задаче стоит - каждый элемент должен быть картинкой с текстом. Проблема заключается в следующем: список нужно растянуть, без переноса на новую строку. Но он переносится по краю радительского блока. Пример (код сильно обрезан, если необходимо, могу выложить весь): Для начала css Теперь сам html Прошу помощи, куда копать для решения этой проблемы, и можно ли вообще такое сделать? UPD Сутки убил на решение про…

    Asked by NickGray,

    0 votes
    0 answers

  21. Что то с валидатором

    Оно валидацию не проходит.. <!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> </head> <body> </body> </html>

    Asked by Ururu,

    0 votes
    2 answers

  22. Хочу создать собственный тэг

    Пришел мне в голову с чегото вот такой код: <html> <style> myteg { color: #ed0000; } </style> <center> <myteg>Мой текст...</myteg> </center> </html> Так собственно вопрос такой : Можно ли так делать?

    Asked by Puhh,

    0 votes
    4 answers

  23. Смена цвета в полосе прокрутки

    На некоторых сайтах видел что полоса прокрутки была "нестандартная" разукрашена разными цветами. Я узнал что этого эффекта можно добиться с помощу CSS. Дописал к тегу BODY такой вот код в своем css файле но вот токо ничего не изменяется. body{ font: x-small/1.8 Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px; padding: 0px; background: #999999 url(../img/fon/body_fon.gif); SCROLLBAR-FACE-COLOR: #cc0000; SCROLLBAR-HIGHLIGHT-COLOR: #cc0000; SCROLLBAR-SHADOW-COLOR: #990000; SCROLLBAR-3DLIGHT-COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; } Подскажите в чем дело?

    Asked by ванька,

    0 votes
    16 answers

  24. Фон

    Подскажите плиз как поместить одновременном изображения на фоне в левый верхний и правый нижний угол? Я нашёл решения, но они у меня не фурычат!

    Asked by Glebr,

    0 votes
    2 answers

  25. Опустить колонки до футера, а футер до низа

    Уважаемые, столкнулся с проблемой... Не могу опустить футер до низа браузера и не могу опустить обе колонки до футера... надеюсь ктото поможет =) <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>vo4tap.info</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" /> <meta name="Keywords" content="Кодовые, слова, через, запятую" /> <meta name="Description" content="Описание страницы и что за херня на ней" /> <link href="style.css" type="text/css" rel="stylesheet"> <style> * {padding: 0; margin: 0;} html {height: 100%; min-width: …

    Asked by vo4tap,

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