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. Верстка блока для сайта

    Требуется: Верхнее оранжевое изображение разделить на 3 части. Т.е. по краям фиксированная ширина по 10 px а посередине background 1 px который растягивается по заданной ширине. Нижняя рамка тоже из трех частей, фиксированный верх и низ а середина тянется. Между двумя объектами должно быть расстояние 3 px. Как это все грамотно сделать в CSS ? И что должно быть в HTML файле? Помогите новичку, уже голова кругом...

    Asked by Kilo,

    0 votes
    8 answers

  2. ...учая менюшка

    Что-то ни как не получается вставить на основную страницу корректно работающее меню... отдельно функционирует нормально, вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!--Стиль главного меню--> <style type="text/css"> .L2 <!--слой меню--> { z-index: 1; position: fixed; margin-right: 10%; margin-left: 50%; } .top_menu, .top_menu UL { list-style: none; text-align: left; width: 100%; } .top_menu { position: relative; border: 0px; width: 100%; } .top_menu A { font-size: 12px; font-weight: normal; text-align: left; text-decoration: none; display: block; } .top_menu LI UL { display: none; position: absolute; text-…

    Asked by Grann,

    0 votes
    8 answers

  3. Вставка фото в код

    Какой вариант семантичней? 1) <img src="" width="" height="" alt=""> 1) <span><img src="" width="" height="" alt=""></span> если учитывать что перед и после картинки идут DIVы

    Asked by termoplus,

    0 votes
    8 answers

  4. почему в explore подпрыгивает блок?

    Прошу помощи, никак не могу разобраться, все браюзеры окромя explore кажут нормально. Вторая узкая колонка с машинкой лезет вверх.

    Asked by andykud,

    0 votes
    8 answers

  5. div блок внутри div блока который...

    Должен быть всегда внизу , точнее прикреплен к нижней части блока в котором находиться. А то получаеться, что он идет после текста. с float, что то не получилось. да и косяки на разных браузерах получаються.

    Asked by aratj,

    0 votes
    8 answers

  6. Маркер для горизонтального списка

    Создаю горизонтальный список и у него почему-то нет маркеров. Как их задать?

    Asked by Ромашка,

    0 votes
    8 answers

  7. Картинка открывается под флэш роликом подскажите решение...

    Всем доброго время суток. Описание проблемы картинка открывается под флэш анимацией что можно сделать? вот ссылка _http://www.foto-oazis.com.ua/fotooboi_20b.html П.С. Это мой первый сайт написанный с помощью div'ов так что сильно не пужайтесь увиденному изврату ) П.С. Впринцепе если кто та даст ссылку на подобную анимацию написанную на javascript тоже буду оч признателен...

    Asked by Leoben,

    0 votes
    8 answers

  8. Перенос текста в SELECT-е

    Доброго времени ВСЕМ! Скажите ответ плиз на вопрос: как в тэге select организовать перенос строк?

    Asked by SuperPuperLesha,

    0 votes
    8 answers

  9. Проблема с блоком в 6-ом осле

    Всем привет!Столкнулся я с очередной проблемой в ИЕ 6. вот код: <!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>Документ без названия</title> <style type="text/css"> * { margin: 0px; padding: 0px; border: 0px; } html, body { height: 100%; background: #fff; } .korzina { width: 228px; min-height: 130px; margin-top: 36px; position: relative; z-index: 1; border: solid 1px #900; padding: 5px; } .blok_s_gradientom { height: 10…

    Asked by Cabalist,

    0 votes
    8 answers

  10. Тег MARQUEE

    как можно отсрочить запуск данного тега? нужно вобщем что бы сначала флеш проиграл а потом пошли картинка в этом теге.. или может есть еще у кого какая идея... нужно с небольшой паузой показать картинки, картинки берутся запросом из базы...

    Asked by Kikher,

    0 votes
    8 answers

  11. Верстка div'ом в 2 столбца

    Подскажите, пожалуйста, есть div, который выводится динамически, т.е. блок с инфой размером 250px; родительский div - 500px. надо выводить по 2 столбца. Сейчас выводит всё в 1 столбец. #single_block { clear: left; margin: 15px 10px; width: 250px; } #single_block img { float: left; margin: 0 7px 7px 0; }

    Asked by rolph,

    0 votes
    8 answers

  12. чтобы картинка уходила за борт....

    всем привет, есть вот такой код <TITLE>Код</TITLE> <script type="text/javascript"> var slidespeed=2000 var slideimages=new Array("1/001.jpg","1/002.jpg","1/003.jpg") var slidelinks=new Array("http://www.com","http://www.com","http://www.com") var whichlink=0 var whichimage=0 var imgobj, filtersupport, blenddelay var imageholder=new Array() for (i=0;i<slideimages.length;i++){ //preload images imageholder[i]=new Image() imageholder[i].src=slideimages[i] } function gotoshow(){ window.location=slidelinks[whichlink] } function slideit(){ if (filtersupport) imgobj.filters[0].apply() imgobj.src=imageholder[whichimage].src if (filtersupport) imgobj.filte…

    Asked by sold@t,

    0 votes
    8 answers

  13. проблемы с ИЕ

    Доброго времени суток Уважаемые Форумчане! проблема следующая, помогите плиз кто чем может....дан макет сайта из заголовка и двух расположенных в паралель блока именно меню и основной контент , в опере и мазиле отображается корректно, а в IE все что ниже заголовка съезжает вправо(((как быть????....и подскажите мне неопытному что такое, вернее из за чего при вымещении на сервак странички все изображения с нее пропали???...что я не так делаю????...воть ссылка на тестовую страницу http://exampl-1.narod.ru/INDEX.HTM ! спасибо заранее огромное

    Asked by Aleksandrid,

    0 votes
    8 answers

  14. Блок внутри ячейки таблицы.

    Как создать блок(div) внутри ячейки таблицы на 100% высоты ячейки при отсутствии задания у последней фиксированных размеров? Заранее спасибо. Пример скрипта: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <LINK rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="block"> <table id="tab"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td> <div id="cont">4</div> </td> </tr> </table> </div> </body> &lt…

    Asked by TanaTiX,

    0 votes
    8 answers

  15. Bold шрифт через CSS

    Парни,срочно!В css шаба есть свойства main меню Как сделать,используя его(дописать что-то) , чтобы текст стал boldom ?

    Asked by FASTDEATH,

    0 votes
    8 answers

  16. Ссылка с якорем

    Есть HTML страница на локальном диске, на ней есть якоря. Открываю, к примеру, с помощью IE8, в строке вижу "C:\file.htm". Переход к абзацам осуществляется путем добавления имени якоря (#test и т.д.) - можно ли из командной строки, ярлыка или еще как-нибудь открывать файл сразу на нужном абзаце ("C:\file.htm#test")?

    Asked by Online,

    0 votes
    8 answers

  17. при инклюде в див таблицы браузеры ведут себя по разному..

    почему при инклюде файла див в эксплорере и опере увеличивается, а в мозиле нет? текст тупо идёт дальше, а таблица кончиласть????? вот как надо: http://s61.radikal.ru/i171/0907/3d/ca6b99589081.png вот так оно в эксплорере: (пнг скоро я сделаю нормальным, ща это только время тратить). но! почему табличка в которой новость (кремовая такая табличка) почему она разъехалась??? раньше в опере такое было, исправила. но здесь что??? какой атрибут косячит?? http://s53.radikal.ru/i140/0907/e9/8ea84a3a6c99.png и наконец КАК НЕ НАДО!!!! в лисе: http://s44.radikal.ru/i105/0907/b6/cc6a26624222.png что за бред??? скажите, наверняка вы с этим встречались, какие атрибуты в одном браузере …

    Asked by yummi,

    0 votes
    8 answers

  18. Деактивация содержимого и z-index IE6

    Казалось бы не тривиальная задача сделать вот такое выдвигающееся меню у блока — Но возникла достаточно неприятная ситуация. Во первых в обычных браузерах ссылки на меню неактивны, т.к снизу находится блок, который перекрывает их, не смотря на то что в меню указан высокий z-index и она визуально находится выше. А ИЕ6 и вовсе игнорирует высокий z-index меню и отображает нижний блок поверх неё — Страница с проблемными блоками. Прошу помочь. Код выкладывать не буду, т.к его много и просто так без каких-то помощников, типа Inspect Element'а для фаерфокса не разобраться.

    Asked by 100kd,

    0 votes
    8 answers

  19. Какой тег использовать?

    Подскажите, пожалуйста, как сделать, чтобы кнопки друзей сайта располагались не столбиком 1 а вто так 1 2 ____________2_________3 4 ____________3 ____________4

    Asked by arbuz,

    0 votes
    8 answers

  20. Zend Studio

    Привет всем Как этот программа хорошие. Помогите плиз

    Asked by josik,

    0 votes
    8 answers

  21. Портативность документа

    Есть домен httpS://x1.ru и домен http://static.x1.ru На сайта (httpS://x1.ru/index.html) указаны в html всякие <img src="http://static.x1.ru/i.jpg"> Нужно каким-то образом написать ссылки так, чтоб можно было сменить название домена, но ссылки при этом остались бы правильные без редактирования всего сайта. -- Думал над вариантом <base href="http://static.x1.ru/"> и таким образом придется менять только base у каждого документа один раз. Но тут проблема в том, что часть картинок ведет на static.x1 ,но часть по прежнему с базового x1. вариант с PHP автоматически подставлять в названия ссылок правильный адрес или делать тоже самое с JS не хочется. Есть ли какая …

    Asked by valenok,

    0 votes
    8 answers

  22. Вопрос по слоям в css. Нужна помощь.

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

    Asked by BadBoy,

    0 votes
    8 answers

  23. кто знает как реализовать растягиване сайта как тут

    Пытаюсь сделать такой же макет с рятяжением как на сайте www.66.ru, сайт растягивается до определенного предела, потом идут отступы по бокам при больших разрешениях. Если кто знает может как реализовано подскажите пожалуйста

    Asked by hugomen,

    0 votes
    8 answers

  24. Проблема с padding-ом

    В Опере отступ от текста, до края кнопки нормальный, а в IE больше, как сделать, чтобы бало аналогично Опере??? .MainMenuLinks_Brown_sl { position: relative; top: 20px; font-size: 0.7em; padding: 3px 5px; margin-left: 105px; background: #942400; border: 1px solid #fff; color: #fff; font-weight: bold; text-decoration: none; } .MainMenuLinks_Brown_sl:hover { background: #ffffcc; color: #3366cc; }

    Asked by Alek7y7,

    0 votes
    8 answers

  25. Подскажите пожалуйста...

    Я делаю сайт только на html и css. Css у меня в отдельном файле, то есть если я в нем что-то изменю, то это отобразится на всех страницах. А как сделать такое же для html ? Чтобы если делать изменения, они на всех страницах отображались. P.S Просто если у меня 50-60 страниц на сайте, и все вручную изменять, с ума можно сойти...))

    Asked by mxm008,

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