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. ссылка на скачивание сайта

    всем привет. перепробовал много вариантов. не качаеться. файлы katalog.zip и katalog.pdf - есть. путь - в папке вместе с index.html как сделать правильно ссылку на скачивание? спасибо <p><a href="katalog.zip"> каталог </a><br> <p><a href="katalog.pdf"> каталог</a><br> <p><a href="file:katalog.zip"> каталог</a><br> <p><a href="file:katalog.pdf"> каталог </a><br> <p><a href="file://katalog.pdf"> каталог </a></FONT><br>

    Asked by sky_master,

    0 votes
    2 answers

  2. В чём отличия открытия php кода <?php от <?

    Интересно.

    Asked by Михаил Кононенко,

    0 votes
    13 answers

  3. Не понял

    В этой статье http://www.artlebedev.ru/tools/technogrett...floats-in-ie-3/ говорилось о какой-то закругленной пунктирной рамке, у которой пунктир у закругления пропадал, т.е. не попиксельно, а либо показывался полностью либо не показывался совсем. Так как такое реализовать? Я даже не знаю как в гугле точно ввести вопрос о такой вещи))) И как в фотошопе нарисовать закругленную пунктирную рамку?))))))

    Asked by Yahoo!,

    0 votes
    3 answers

  4. картинка вниз ячейки таблицы

    Есть таблица в одну ячейку которой помещен рисунок. Как грамотно сделать так, чтобы этот рисунок выравнивался по нижней границе ячейки.

    Asked by nikvah,

    0 votes
    4 answers

  5. Баг 3-x колонок в 6IE

    Есть простой код макета в три колонки <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> html, body { margin:0; padding:0; min-width:1000px; } div#navigation { background:#B9CAFF; } div#extra { background:#FF8539; } div#wrapper { float:left; width:100%; } div#content { margin:0 200px 0 200px; } div#navigation { float:left; margin-left:-200px; width:200px; } div#extra { float:left; margin-left:-100%; width:200px; } </style> </head> <body> <div id="wrapper"> <div id="content"> <p> </p> <p>very …

    Asked by AntonSolo,

    0 votes
    10 answers

  6. favicon

    Всем привет! У меня не большая проблема с favicon, сделал его размером 16х16 на одном из сайтов, скопировал его в корневой каталог и прописал между тегами <head> </head> как там написано <link rel="shortcut icon" href="/favicon.ico"/> <link href="/favicon.ico" rel="icon" type="image/x-icon" /> Но у меня не хочет отображаться почему-то Не подскажете в чем причина?

    Asked by Bismuth,

    0 votes
    13 answers

  7. clear: both как то не так работает

    Вот сама страница ОНО Народ, который раз уже встречаю такую проблему и опять те же виллы, смысл таков, есть средняя часть ceenterPart, в нее никоем образом не вложены leftPart и rightPark, centerPart идет по коду после левого и правой части, leftPart и rightPart зафлоачены то есть их вообще как бы в структуре нет, НО почему то начиная с "КАК ЗАПИСАТЬСЯ НА ПРИЕМ?" (перед этим в centerPart стоит пустой див с clear: both, верхние 2 блока с флоатами), вобчем происходит сами видите что, будто левая часть вложена в центровую, весь моск сломал не могу понять в чем дело, схлопыванием границ тут вроде не пахнет - ведь кентрен слой никак и в него не вложены боковые , что то другое …

    Asked by TonKhaO,

    0 votes
    7 answers

  8. Ячейка теперь не ячейка

    Может кому пригодится, сегодня обнаружил, что если ячейке сказать "дисплей блок", то ее спокойно можно вынимать из таблицы и располагать куда угодно отриц. маргинами, позиционированием. Проверил только в Опере, ФФ и ИЕ: да, да, нет(включая 8).

    Asked by Justnewone,

    0 votes
    2 answers

  9. Есть пара вопросов по HTML

    1. Чем отличается <!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> (строгий синтаксис HTML) от <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> (переходный синтаксис HTML) и что лучше использовать? В исходном коде главной страницы этого сайта стоит строгий, вот мне и не понятно. 2. Какую кодировку стоит использовать? <meta...charset=windows-1251" или utf-8 ?> 3. Нужно ли применять свойства meta name= "description и keywords?" Буду крайне благодарен за помощь

    Asked by Михаил Кононенко,

    0 votes
    13 answers

  10. Стили внутри фрейма

    Возможно ли как то переназначить стили внутри фрейма?

    Asked by AlexKon,

    0 votes
    8 answers

  11. Помогите Useru

    Всем привет! Создаю свой сайт, ну точнее пробую, подскажите пожалуйстачто нужно пропичатать на HTML, для того чтоб на сайте пользователи могли осставлять коментарии/сообщения. Заранее спосибо!

    Asked by donin27,

    0 votes
    4 answers

  12. Единый блок, разбитый блок

    Вобщем есть такая задачка block должен тянутся на всю страницу, но не доходить до начала страницы и самого конца определенное количество пикселей. Сама страница тянится по высоте максимального элемента content или block. Как решить такую задачу, при использовании целостного блока недодумкал и пришлось разбивать его на 3 части: 1) находящийся в области хедера 2) собственно сам блок 3) находящийся в области футера Соответственно расположив 1 и 3 в хеадере и футере чтобы они совпадали со 2. Может всетаки можно сделать block целостным? Т.к место в 1 и 3 пропадает и "вообще ни туда не сюда" Спасибо за внимание

    Asked by gesandte,

    0 votes
    43 answers

  13. Обтекание элементов

    Приветствую. Я сделал контейнер <div id="boxincontainerall"> <div class="bordertheme"> <img src="themes/Tema77.jpg" alt="Тема7777"/> <ul> <li>скриншот</li> <li>Скач</li> </ul></div> </div> Когда вниз я прописываю точно такой же контейнер, то соответственно на странице он под предыдущем контейнером. Где я только не ставил float, всё ломается. Как сделать так. чтобы у меня выходило по несколько контейнеров в один ряд. Заранее Спасибо.

    Asked by Faran,

    0 votes
    8 answers

  14. Доктайп

    Добрый день. Не нашёл нужного раздела, извините. Делаю сайт в первый раз. на главной странице написал доктайп: <!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" xml:lang="ru-ru" lang="ru-ru" > <head> <title>Тайтл</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="контент" /> <meta name="description" content="описание" /> <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"> <li…

    Asked by Faran,

    0 votes
    5 answers

  15. скругление углов с css

    криво скругляются уголки. прошу помочь найти причину: разметка: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="Pragma" content="no-cache"> <link rel="stylesheet" href="./css/style.css" type="text/css"> <link rel="shortcut icon" href="./i/favicon.ico" type="image/x-icon"> <title>%title%</title> </head> <body> <div id="center"> <div id="menu"> <ul> <li><a href="./index.php">Главная</a></li> <li><a href…

    Asked by reteiktor,

    0 votes
    6 answers

  16. Проблема с доктайпом

    Добрый день. Делаю сайт в первый раз. на главной странице написал доктайп: <!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" xml:lang="ru-ru" lang="ru-ru" > <head> <title>Тайтл</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="контент" /> <meta name="description" content="описание" /> <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"> <link href="../style.css" rel="stylesheet" type="text/css" /> </head> Зате…

    Asked by Faran,

    0 votes
    1 answer

  17. Правильный новостной заголовок

    Здравствуйте. Я сделал для сайта новостной заголовок сл. типа: <h1 class="title><span>12.03.12.</span>Название новости</h1> Но хочу сделать другой вариант, например: <span>12.03.12.</span><h1 class="title>Название новости</h1> Так как мне надо записать всё в одну строчку, то тег <p> не пойдёт. Какие есть ещё варианты?

    Asked by Sayitright,

    0 votes
    6 answers

  18. map и area

    Недавно поручили администрирование сайта, сайт вроде делали профессионалы, но сколько их не просили исправить ошибку, так все и осталось... Проблема в следующем: на сайте навигация представляет собой карту-изображене. В opera и FF все отображается корректно, но в IE ссылки куда-то уезжают и находятся совсем не в том месте, где должны быть. Вот код: <div id="flash"></div> <script type="text/javascript"> var so = new SWFObject("assets/flash/flash2.swf", "flash", "527", "256", "9", "#FFFFFF"); so.addParam("wmode", "transparent"); so.write("flash"); </script> <div style="position:absolute;left:0px;top:0px;text-align:center;z-index:3;width:100%;"&g…

    Asked by zeff,

    0 votes
    4 answers

  19. Всплывающая подсказка над input полем

    Есть такой вопрос: а как возможно сделать всплывающую подсказку над полем ввода(текстовым) на css,когда наступает событие onFocus ну т.е. типо такого,только чтобы это подсказка не раздвигала другие элементы когда делаешь display:block : <style> .class1{ display:none; position:relative; } .class2{ position:relative; display:block; } <center><form method="post" action=""> <div class="class1" id="tips">Это подсказка для поля</div> <input id="myfield" onFocus="document.all['tips'].className='class2';" type="text" /><br/> <div class="class1" id="tips1">Это подсказка для поля</div> <input i…

    Asked by Александр_1989,

    0 votes
    1 answer

  20. блоки в строчку

    Вот собственно код меню CSS: #menu p{margin:0; display:inline;} a.menu{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat;} a.menu:hover{background-position:0 -40px; position: relative; top: 3px;} a.menu_on{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat; background-position:0 -40px;} a.menu_on:hover{position: relative; top: 3px;} a.main{background-image: url(diz/main.jpg);} a.uslugi{background-image: url(diz/uslugi.jpg);} a.zapchasti{background-image: url(diz/zapchasti.jpg);} a.foto{background-image: url(diz/foto.jpg);} a.kontaktu{background-image: url(diz/kontaktu.jpg);} xhtml: <div id=…

    Asked by Kos87,

    0 votes
    8 answers

  21. Помогите разобраться с позиционированием ДИВов

    Доброго дня. Помогите с позиционированием элементов. Есть 4 дива: <div id="header"></div> <div id="left"></div> <div id="right"></div> <div id="footer"></div> Должно все выглядеть примерно так: Нужно чтобы: 1. при включении свойства display:none у #left, ДИВ #right должен автоматом занимать его место и растягиваться по всей ширине экрана. 2. при изменении размера окна, должны сжиматься ДИВЫ: left - по высоте, до какого то предела, по ширине он фиксированный. right - должен и по высоте и по ширине, до какого то предела header и footer по ширине, по высоте они фиксированные. Подскажите как правильно начать позиционировать, ч…

    Asked by цсс любитель,

    0 votes
    9 answers

  22. Как заместить оставшееся место в браузере

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

    Asked by marcool,

    0 votes
    9 answers

  23. Присвоить class="current" элменту списка или ссылке.

    Подскажите, пожалуйста, каким образом элементу списка или ссылке присваивается class="current" динамически, при нахождении на странице по данной ссылке. Спасибо.

    Asked by DonTomatos,

    0 votes
    1 answer

  24. тэг Embed

    как в этом тэге добавить вид плеера, ибо я прописал станд. параметры, получилось что видео идёт без остановки по кругу, и нету кнопок нав. тоесть пауза пуск, стоп!!!

    Asked by respect,

    0 votes
    4 answers

  25. Цвет маркера

    Как можно задать маркеру цвет? Чтобы не пользоваться list-style-image.

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

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