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. Кнопка сброса формы

    Ребят посдкажите, столкнулся с такой задачей, есть кнопка сброса формы <input type=”reset”>, я к примеру делаю кнопку отпраавки формы картинкой так <input type=\"image\" src=\"images/send.jpg\"> Как мне также кнопку сброса формы, сделать картинкой?

    Asked by okunev2,

    0 votes
    6 answers

  2. Позиционирование фона

    Есть страница, а в ней div у котого class "page" .page { width: 100%; background: no-repeat url(/images/skate.jpg); background-position: center top; } Соответственно он выравнивается по центру, но надо по центру но со сдвигом вправо, например на 250px. Возможно ли сделать отступ в фоне? Подскажите, как это сделать.

    Asked by CCron,

    0 votes
    13 answers

  3. Выравнивание элементов с обтеканием

    Есть такой код: <div style="width: 400px;"> <div id="ft1"><img src="images/foto1.jpg"></div> <div id="ft1"><img src="images/foto2.jpg"></div> <div id="ft1"><img src="images/foto3.jpg"></div> <div id="ft1"><img src="images/foto3.jpg"></div> <div id="ft1"><img src="images/foto4.jpg"></div> <div id="ft1"><img src="images/foto5.jpg"></div> <div id="ft1"><img src="images/foto6.jpg"></div> </div> стиль: #ft1 { float: left; margin-right: 15px; margin-bottom: 15px; } При разности восоты картинок, происходит такое смешение: Подскажите как …

    Asked by okunev2,

    0 votes
    9 answers

  4. td берет 100% высоты всего окна

    В таблице из средняя ее строка должна съедать все ее свободное пространство. из ниже приведенного кода, в фф она съедает его вполне правильно. заполняя собой все свободное пространство и не раздуваясь за пределы окна, а в ие и опере она берет высоту 100% окна в целом, а не просто раздувается на все доступное ей пространство. как ее заставить во всех бразуерах вести себя аналогично фф. <!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 content="text/html; charset=utf-8" http-equiv="Content-Type" /> <style> html, bod…

    Asked by oibeer,

    0 votes
    1 answer

  5. Большие проекты

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

    Asked by WalkMan,

    0 votes
    22 answers

  6. Помогите удалить мусор со стронице!

    Добрый день! У меня такая проблема: Наш сайт раскручивала одна фирма "Продвиж...е" из г. Санкт-Петербурга (очень плохая организация). Сейчас договор расторгнут и они оставили ссылку на свой сайт. Эту ссылку мы хотим удалить, но не можем. Облазил все, но не нашел. Помогите удалить этот мусор, который находиться на сайте http://www.tehnomodul.ru/ слева внизу: Новости для всех «Продвижение» - раскрутка сайта Сайт на "Битриксе" Жду советов! Спасибо!

    Asked by style_ys,

    0 votes
    15 answers

  7. Как сделать такую форму?

    Нужно сделать форму, как на картинке Уже замаялся подскажите как сделать

    Asked by aJaX,

    0 votes
    10 answers

  8. Подскажите пожалуйста, где и как можно разобраться с вопросом кроссбраузерности.

    Всем здравствуйте. Сверстал шаблон для сайта на дивах. В firefox и opera все хорошо, а вот в ie6 все ползает. Подозреваю что с ie7, ie8 тож не все гладко будет. Посоветуйте, пожалуйста, как и где можно почитать/поразбираться с особенностями работы css в ie. Согласно справочнику, ie все применяемые мной правила css поддерживает, но тем не менее блоки плавают. Знаю кое-что о хаках. Принимаю все: полезные ссылки, ваши советы и т.п. Можно приписать сюда и другие браузеры, имеющие свои заморочки на эту тему. Стремлюсь получить валидный шаблон для ie6-8, firefox, opera, chrome, safari. Спасибо.

    Asked by denn,

    0 votes
    22 answers

  9. Программное изменение типа ссылки

    Задача программно изменить тип ссылок на файлы с относительных на абсолютные. Т.е. заменить не сами ссылки, а создать какой-то внешний управляющий модуль, который бы в зависимости от ситуации менял их тип. В частности, надо изменить путь к некоторым файлам изображений, которые в теле html-файла прописаны просто как "/папка/файл". Но html-файл и сопутствующие файлы располагаются на компьютере и еще на нескольких сайтах. В результате на одном сайте прописывается путь типа: "http://сайт/index/папка/файл", где "index/" надо убрать из пути. Т.е. надо переопределить ссылки под конкретное местоположение файлов, не меняя основного блока исходного html-файла (там, где прописаны вс…

    Asked by Joerrigo,

    0 votes
    6 answers

  10. Помогите советом, сложная верстка

    День добрый, подскажите пожалуйста как сверстать такой дизайн. Определенные области (окно, дверь) должны быть ссылками и чтобы при наведении на них эта область менялась на другую картинку (РНР в помощь, для подмены имени картинки). Вся сложность в форме этих областей.

    Asked by vladi_goal,

    0 votes
    8 answers

  11. Имитация нажатия F11

    Привествую Ребята, есть кнопка <input type="submit" value="F11"> при нажатии нужно с имитировать реальное нажатие на клавиатуре клавиши F11. Как это сдлеать на js или может по-другому?

    Asked by okunev2,

    0 votes
    9 answers

  12. Открытие WORD-документа во фрейме

    Здравствуйте. Прошу помочь в следующем. Вот код фрейма: <iframe <?php echo $row->load; ?> id="blockrandom" name="iframe" src="<?php echo $row->url; ?>" width="<?php echo $params->get( 'width' ); ?>" height="<?php echo $params->get( 'height' ); ?>" scrolling="<?php echo $params->get( 'scrolling' ); ?>" align="top" frameborder="0" class="wrapper<?php echo $params->get( 'pageclass_sfx' ); ?>"> <?php echo _CMN_IFRAMES; ?> </iframe> Сначала во фрейм загружаю страницу со ссылками на WORD-документы (через jump menu) Вот код ссылок: <form name="form7" id="form7"> <selec…

    Asked by quake3,

    0 votes
    11 answers

  13. О создании сайта

    Здравствуйте. Около года назад писал свой первый сайт - интернет магазин. Немного научился php/mysql. Сделал форму обратной связи, авторизацию на сайте и т.д. Писал почти ручками - в Dreamweaver. Сейчас есть задача написать сайт - это не интернет магазин, попроще, которая даже будет оплачена. Но вот главный вопрос - имеет ли смысл опять мучиться и писать все ручками, когда руки тянутся сделать все в Joomla или wordpress? Благодарю за высказанное мнение.

    Asked by ruletka131,

    0 votes
    2 answers

  14. Счетчик посещений

    Как сделать счетчик посещений что бы количество посещений он записывал в текстовый файл?

    Asked by Regsit,

    0 votes
    4 answers

  15. Что за тэг?

    Интересует что это за тэк и как влияет тег на поисковиков? <!-- sig --> здесь URL например <!-- / sig -->

    Asked by mantrid,

    0 votes
    2 answers

  16. Firefox не показывает border в списке

    Mozilla Forifox границы не показывает. В Opera и IE все нормально. Подскажите почему и как это исправить? Разметка: <td class="menu1"> <ul> <li> <a href="">menu 1</a></li> <li> <a href="">menu 2</a></li> <li> <a href="">menu 3</a></li> <li> <a href="">menu 4</a></li> </ul> В стилях: .menu1 ul { list-style: none } .menu1 ul li { border-bottom: 1 dotted #c0c0c0; padding:0; margin:0; line-height: 2em; } .menu1 ul a { text-decoration: none; color: #000066; display: block; } .menu1 ul a:hover { background: #F4F4F4; }

    Asked by nor4ik,

    0 votes
    5 answers

  17. Можно ли вернуть в поток абсолютный блок?

    есть 4 блока 0 - relative; 1 - static 2 - absolute (спозиционирован относительно 0 ) 3 - static 2 блок по высоте значительно превышает блок относительно которого он спозиционирован ( блок №0) Вопрос следующий: можно ли сделать так, что бы при случае если блок №2 будет превышать высоту блока №1, не залазил на блок №3, а смещал его в вниз собственно вот:

    Asked by WalkMan,

    0 votes
    8 answers

  18. ul и img float

    В общем CSS вот такой для крыжиков и картинок: #content ul li { line-height:130%; padding-left:20px; background:url(../i/li.gif) no-repeat 0em 0.6em; } .article_intro img { display: block; position: relative; border: 1px solid #a9a9a9; margin: 0px 0px 5px 10px; padding: 3px; } Когда ситуация с флоат, то "крыжыки" съезжают на начало строки. <p><img style="float: left;" src=".." width="150" height="100" />asdasdasd</p> <ul> <li>asdasd</li> <li>asdasd</li> </ul> Вот фотка: Как правильно делать крыжыки и рамочки? Помогите..

    Asked by mailmoney,

    0 votes
    12 answers

  19. a:active{} не правильно работает в ие6

    как исправить ошибки a:active { } в ие6? в опере или firefox'e нажимаю на ссылку - все в порядке, active работает(background меняется), отпускаю кнопку мыши background возвращается в исходное состояние(т.е. как был до нажатия) .... В ие6 же при отжатии кнопки мыши background остается как при a:active ((

    Asked by dvs,

    0 votes
    0 answers

  20. выравнивание в линию нескольких div-ов по центру

    Здравствуйте, я нович в вёрстке исользую dremwuver 8, возникла следующая проблема. Сайт сделан таблицей из нескольких ячеек. Внутри самой большой мне нужно поместить четыре одинаковых блока (div). Но у меня не получается чтобы в общем все 4 были по центру. В самой ячейке таблицы ставлю выравнивание "center". В CSS стиле для div-ов ставлю ширину 155 px, margin=15 px, float=left - чтобы они встали друг за другом. Открываю в IE6 всё нормально, но как только в Mozila или в Opera, эти дивы смещаются к левому краю, и межстрочный интервал уменьшается. Помогите пожайлуста решить проблему.

    Asked by drimer,

    0 votes
    7 answers

  21. ну никак не хочет отображаться нормально

    Здравствуйте я запарился с этим макетом вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <link rel="stylesheet" type="text/css" href="styleIE.css"> <title>Актау Камаз Сервис</title> </head> <body style="background: url(wall.jpg);"> <table height=800 width=90% style="border:solid 1px red;" > <tr id="header"> <td colspan=2 style="background:white;height:168px;"> Это шапка</td> </tr> <tr id="mainer"> <td id="menu" style="background:blue;">Здесь меню</td> <td style="background:yellow;">Здесь конте…

    Asked by boy_from_Mexico,

    0 votes
    51 answers

  22. отображение в FF и IE6 блка информации

    Здравствуйте уважаемые коллеги. Проблема вот в чём Есть блок content в нём ещё три блока сontainer в которых распологаются всякие <h1><h2><p> и <ul> Собственно в FF отображает всё как надо IE6 не отображает ничего. Вот код #content { float:right; overflow:hidden; width:589px; } #content .сontainer{ float:left; overflow:hidden; width:589px; background:url(../images/bg-c-cont.png) repeat-y 0 0; margin:0 0 10px 0; } Мне кажется что не дописал какой-то хак специально под IE. Буду благодарен тому кто поможет решить эту задачу.

    Asked by taran,

    0 votes
    3 answers

  23. подскажите немного

    Скажите будте так добры 1.правельно ли написан код <div id="apDiv1" style="position: absolute; left: 213px; top: 20px; width: 492px; height: 130px; z-index: 1; text-align: center; background-color: #336633; layer-background-color: #336633; border: 1px none #000000;"><h3>НАВИГАТОРЫ</h3> <ul> <li>ля-ля-ля-ля</li> <li>ля-ля-ля-ля</li> <li>ля-ля-ля-ля</li> </ul> </div> <div id="apDiv2" style="position: absolute; left: 711px; top: 20px; width: 492px; height: 130px; z-index: 2; text-align: center; background-color: #006699; layer-background-color: #006699; border: 1px none #000000;">&lt…

    Asked by ppvkomi,

    0 votes
    22 answers

  24. Разные таблицы в браузерах

    Вот код <!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> <title>Структурированные продукты</title> <style> .t-calc1 th, .t-calc2 th {border:1px solid #CCE8F3; padding:1px; vertical-align:middle; text-align:center; color:#fff; font-weight:bold;} .t-calc1 th div {padding:5px 10px 6px; background:#59B6D7} .t-calc1 td {border:1px solid #CCE8F3; vertical-align:middle;} .t-calc1 td span {display:block; margin:0 0 3px;} .t-calc1 input{vertical-align:middle; width:90px; height:19px; padding:…

    Asked by Lincky,

    0 votes
    7 answers

  25. Background

    Подскажите пожалуйста такую штуку - можно ли начинать repeat с любой точки экрана? и ещё: можно ли одну и ту же картинку вставить и копировать по Y снчала слева, а потом справа?

    Asked by Travis44,

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