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. Расположение блоков рядами

    Здравствуйте! У меня такая ситуация. Вот, нарисовал недавно дизайн сайта: Ну и, соответственно, нужно сверстать. Поскольку я дизайнер, то верстаю не слишком часто и до этого в основном, по старинке, верстал таблицами. Сейчас же решил, что это совсем уж прошлый век, поэтому сверстал все дивами и цсс. Вот такой код получился в первоначальном варианте: сам сайт: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Магазин спайса</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/…

    Asked by dangler,

    0 votes
    11 answers

  2. Фоновый рисунок ссылки в 6 IE

    Есть такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>hover</title> <style type="text/css"> ul { margin:0; padding:0; } li { list-style-type: none; display: inline; padding:10px; } a { text-decoration: none; color:#000000; } a:hover { background:url(menu-hover.gif) no-repeat; background-position:bottom center; } </style> </head> <body> ul> <li><a href = "#">Первый</a></li> <li><a href = "#">Второй</a></li> <li><a href = "#">Третий&…

    Asked by AntonSolo,

    0 votes
    15 answers

  3. Прокрутка

    Есть такой интересный скрипт пот скрин http://image4all.narod.nnov.ru/images/1210...d3388c9ff98.png Как сделать такую прокрутку.Мне говорили это такое свойство подскажите как сделать?!Это прокруска не всец страницы а например текста в блоке!

    Asked by kayl07,

    0 votes
    4 answers

  4. Убрать белый фон вокруг ссылок

    Всем доброго времени суток. Собственно, проблема описана в теме. Все перепробовала, ну или мне уже кажется что все. В общем бьюсь над заливкой на ссылках тем форума. Необходимо чтобы был черный фон, чтобы в общем стиле все было, а он такой нехороший белый...Подскажите пожалуйста, куда залезть, чтобы исправить это. Да и еще пользуясь случаем...где можно поправить размер шрифта на этой же самой странице (http://darkangel.ucoz.ru/forum/)? Заранее всем огромное спасибо!!!

    Asked by Tekilla,

    0 votes
    8 answers

  5. Выравнять в одной строке по левому краю и по правому краю

    Привет, спецы! Как сделать текcn цена текст что-то цена текст опять цена_хм Как видите, текст выравнян в одной строке по разному, пробовал через <div> = не получается, т.к. делается перенос строки при новом диве, который мне не нужен. Делать на каждую строчку по таблице - не вариант, в общем как? и еще вопросик, как поставить знак табуляции в html?

    Asked by fireXXX,

    0 votes
    4 answers

  6. Вывод контента в php

    Доброго дня... Столкнулся с траблой такого рода... Есть страница-шаблон, куда инклудится контент, в зависимости от того, какая кнопка меню нажимается... В начале страницы по умолчанию выбирается файл, он вставляется и вес работает, а вот на нажатие кнопок происходит выдача ошибки 404, типа не нашел страницу... <?php $adress = explode( '/' , $_SERVER['REQUEST_URI'] ); if (!isset($adress[1])||($adress[1]=='')) $adress[1]='ru'; /* указывается страница загрузки контента по умолчанию */ ?> это стоит в самом начале сайта и прекрасно работает... <?php if (file_exists("content/$adress[1].php")) include("content/$adress[1].php"); else include("content/404.php"); ?> эт…

    Asked by blackman-st,

    0 votes
    5 answers

  7. Таблица на всю страницу!

    Добрый день! Подскажите пожалуйста как сделать так, чтобы таблица была растянута по всей высоте страницы? <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr style="line-height:400px"> <td> </td> </tr> <tr> <td> </td> </tr> </table> Средняя часть таблицы - жестко фиксированная! Растягивать можно только первую и последнюю строки! За ранее благодарен всем ответившим!

    Asked by Prokopov Nikolai,

    0 votes
    3 answers

  8. Не срабатывает text-align:right в ячейке

    Суть: Есть таблица с одной строкой и пятью столбцами, ширина первых трех и последнего задано жестко, в пикселях. Соответственно у четвертого не срабатывает горизонтальное выравнивание, заданное через id ячейки в css. Вопрос: Где я ошибаюсь? Спасибо.

    Asked by Phoenix168,

    0 votes
    5 answers

  9. Текст в кружке.

    Добрый день! Задумал сделать сайт в виде лупы Подскажите кто сталкивался, как сделать так, чтобы текст помещался строго внутри круга?

    Asked by Prokopov Nikolai,

    0 votes
    2 answers

  10. dropdown - background

    Приветствую. Молю помощи-совета: wordpress 2.8.4 wordpress.org/extend/themes/simple-notepad - тема codex.wordpress.org/Template_Tags/wp_dropdown_categories - использованный таг итак, пошагово: 1) /wp-admin/theme-editor.php?file=/themes/simple-notepad/sidebar.php&theme=Simple+Notepad вставил: <li id="categories"> <form action="<?php bloginfo('url'); ?>" method="get"> <?php wp_dropdown_categories('orderby=name&order=DESC'); ?> <input type="submit" class="knopka" name="submit" value="Ок" /> </form> </li> 2) меню есть, но бекграунд белый и ширина поля малая, надо бы больше. 3) лезу в wp_dropdown_categories() is lo…

    Asked by ka81,

    0 votes
    0 answers

  11. Имя элемента формы в качестве параметра функции

    Есть следующий пример: <!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"> <title>Блокировка поля</title> <script type="text/javascript"> function agreeForm(f) { // Если поставлен флажок, снимаем блокирование кнопки if (f.agree.checked) f.submit.disabled = 0 // В противном случае вновь блокируем кнопку else f.submit.disabled = 1 } </script> </head> <body> <form action="handler.php"> <p><textarea cols="30" rows="4" readonly> Типовой договорОтда…

    Asked by Clou,

    0 votes
    6 answers

  12. Увеличение блока по мере наполнения контентом..

    Народ.. Такой вопосик... Как сделать так чтобы ссылка выравнивалась по правому краю последнего зелёного блока... ато она расширяется на всю ширину экрана и ширину id="container" нельзя делать фиксированой.... т.к. он будет находиться внутри резинового блока..... <!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=utf-8" /> <title>Help =(</title> <style > .card { height:250px; width:200px; float:left; background-color:#99FF66; margin-right:10px; margin-top:5px; } #…

    Asked by alexander.parphenuyk,

    0 votes
    0 answers

  13. предверительная загрузка изображений

    помогите советом есть меню вот здесь http://www.reichauto.com.ua/ сделано стилями проблема в том что заменяющая картинка подгружается только при наведении на нее мышкой. как это можно исправить, чтобы при загрузке страницы подгружались все картинки для меню?

    Asked by Kos87,

    0 votes
    4 answers

  14. Резиновый+статичный блок

    Ничего не придумалось. Нужно всего-навсего: Не понимаю, как. Да, в левом, резиновом блоке, будут еще колонки, резиновые же. Заранее спасибо.

    Asked by Artlive,

    0 votes
    6 answers

  15. При наведении на кнопку пропадает вторая картинка

    При наведении на кнопку пропадает вторая картинка (hover). Как будто браузер (мозилла и ie) вновь закачивает картинки для отображения....Уменьшил размер каждой нарисованной кнопки от 1.5 кб до 2.5 кб с имеющихся 10 кб для каждой, всеравно тот же результат. Наводишь мышь - первая картинка пропадает (как и должно быть по задумке ), вторая сразу не появляется, только после наведения мышью на эту область повторно .... Помогите советом.....

    Asked by marcool,

    0 votes
    9 answers

  16. Подменю по клику

    Можно ли сделать многоуровневое меню, чтобы подменю появлялось по клику, используя только CSS? Ссылку на http://www.cssplay.co.uk/menus/new-dropdown.html не давайте. Там сделано то, что нужно, но как это реализовано, я честно не разобралась. Кроме того, меню верхнего уровня там сделано как 5 списков, а мне так не подходит.

    Asked by Wolf11,

    0 votes
    3 answers

  17. Широкий фон

    Всем доброго времени суток. Есть такая проблема. Есть макет шириной 1800 пикс. причем картинка цельная размножить никак(. Но надо сделать под широкие мониторы. Но не палучаетса центровать картинку. Шапку отдельно я задал через: div#cont { background: url(../main.jpg) no-repeat center; height:950px;} И она встаёт как надо. А в диве с контентом есть элементы каторыенад буит и вертикально резать. Может есть какоенить решение такого фона=) Заранее спасибо.

    Asked by foggy,

    0 votes
    8 answers

  18. float и border

    Всем хи!!! Не могу решить тривиальную задачю. Есть контейнер, включающий в себя плавающие дивы. Как сделать чтобы граница внешнего контейнера отрисовывалась вокруг плавающих в нем дивов. <style> #pageNavigationPanel { border: 1px solid #000; height: auto; } #pageNavigationPanel div { position: relative; float: left; width: 14px; height: 14px; } </style> <div id="pageNavigationPanel"> <div>32</div> <div>1</div> <div>2</div> <div>32</div> <div>3</div> </div> fkds

    Asked by CoDy,

    0 votes
    2 answers

  19. @charset

    Ребята, есть такой вопрос. Никогда ранее не задумывался, но в CSS есть такой параметр @charset "название кодировки"; Собственно сам вопрос: стоит ли его использовать, или лучше ничего не писать? Просто не часто его встречаю - может это уже устарело? Кто что подскажет? В head прописано <meta http-equiv="Content-Type" content="text/html; [b]charset=utf-8[/b]" /> <link type="text/css" href="img/styles.css" rel="stylesheet" media="all" /> По идее кодировка уже указана? Для стилей отдельно писать не нужно? Кто как делает?

    Asked by DjTarik,

    0 votes
    8 answers

  20. значения атрибутов, и где родители

    Синтаксис width: значение | проценты | auto Аргументы В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера. Аргумент auto устанавливает ширину исходя из типа и содержимого элемента. ——————— от сюда вопросы 1) у меня div(ширина 100%) в div(на 50%) один для другого родитель и для этого родителя body родитель но почемуто указывая ширину 100% он выростает на всю р.область. как указать явного родителя. 2) как указать 12.5% (ил…

    Asked by serjico,

    0 votes
    2 answers

  21. border как его в нутерь запихать

    завдаю элемент шириной 100% ему же бордер в 1px опа-па появляется скролинг и всё понятно он к элементу не имет отношение (ширине) это оконтовка в связи с чем вопрос как сделать так что бы он внутри оказался ———————————-- мои приставления надо создать элемент на 100% а уж в него элемент с бордером но что то ни как не получаться ————-- помоги те пожалуйста

    Asked by serjico,

    0 votes
    10 answers

  22. Opera и дробные проценты

    Вот и мне тоже понадобилась помощь дорогих экспертов. А всё дело в том, что я сейчас верстаю один макет и на пути столкнулся с одной проблемой, которая связана не с ИЕ, что удивительно, а с Opera и неважно какой версии, даже "10". Проблема связана с меню, а точнее с дробными процентами, которая не понимает Opera, в следствии чего выходит очень не красивое зрелище, большое расстояние справа последнего пункта меню (Contacts). Сравните сами, даже в ИЕ6-7 всё ок, а в Opera гадость. В следствии чего возникли вопросы: 1) Можно ли как нибудь обойти этот косяк и добиться полной кроссбраузерности? 2) Как заставить Opera понимать дробные проценты или может быть как то по-другому об…

    Asked by psywalker,

    0 votes
    8 answers

  23. Ссылка в слое

    Всем привет! Подскажите кам мне сделать картинку ссылкой, но при условии что картинка у меня является фоном слоя. <html> <body> <div id="menu1">ссылка</div> </html> сss: div#menu1 { background: url(menu.jpg); width:100px; height:100px; } Вообще можможна такая конструкция или нужно картинку поместить между div-ми?

    Asked by spatlet,

    0 votes
    2 answers

  24. div и дочерний элемент с margin > 0

    Здравствуйте, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Модальное окно</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { height : 100%; margin : 0; padding: 0; } </style> </head> <body> <div style="background-color: green;">asd</div> <div style="margin: 0; padding: 0; background-color: blue;"> <h1 style="margin: 45px; padding: 0px;">Заг…

    Asked by wholegroup,

    0 votes
    2 answers

  25. Шаблон из PSD

    Кто нибудь знает как из PSD шаблон для joomla 1.5 ??? Примерно вник....что надо резать.....потом код вставлять в чистый файл шаблона...кароче не понял... Может есть у кого какая ссылка??? Чтобы шаблон именно из PSD сделать ...... Спасибо.

    Asked by marcool,

    0 votes
    1 answer

  • Обсуждения

    • 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