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. Фоновый рисунок ссылки в 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

  2. Меню на картинке

    Делаю меню на картинке, получается вот что: Но как только, я хочу поправить чтобы было по центру, получается: Ссылки накладываются друг на друга, когда ставишь именно ровно по центру, т.е. если чуть выше или ниже, то все норм. Поправляю margin-ом. Посоветуйте, как сделать норм?

    Asked by Ritter,

    0 votes
    2 answers

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

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

    Asked by Tekilla,

    0 votes
    8 answers

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

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

    Asked by Prokopov Nikolai,

    0 votes
    2 answers

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

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

    Asked by fireXXX,

    0 votes
    4 answers

  6. Шаблон из PSD

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

    Asked by marcool,

    0 votes
    1 answer

  7. Фиксирование размеров

    Как фиксировать размеры строк и ячеек в таблице. При явном указании размера width и height в <tr> и <td> они либо игнорируются либо отображаются некорректно. ———-- По теме: Как ограничивать размер определеным минимумом либо максимумом.

    Asked by Pan4eZzz,

    0 votes
    1 answer

  8. 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

  9. Проблема с пересекающимися блоками

    У меня проблема с соседними блоками на странице. Для того, чтобы выпадающее меню разворачивалось на полную длину, я приписал ему padding-bottom: 60px; #menu { background: transparent url('menu.png') repeat-x 100% 2px; width: 100%; height: 66px; margin: 0; padding-bottom: 60px; text-align: left; } Теперь меню работает нормально, но на эти 60px опустился нижележащий блок. Если поднять его при помощи отрицательного margin, то в IE6 нижние ссылки выпадающего меню, которые попадают на нижний блок - сворачиваются, не успеваешь подвести к ним курсор. На всякий случай, вот стиль нижнего блока: .container { position: relative; float: left; text-align: le…

    Asked by Serge,

    0 votes
    2 answers

  10. Подскажите...

    Подскажите плиз как сделать такой фон или где найти уже готовый

    Asked by zeep,

    0 votes
    6 answers

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

    Всем привет! Подскажите кам мне сделать картинку ссылкой, но при условии что картинка у меня является фоном слоя. <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

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

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

    Asked by serjico,

    0 votes
    2 answers

  13. Списки: расстояние между значком и текстом

    Можно ли как-то в списках влиять на расстояние между значком и текстом? На рисунке обозначено красной стрелочкой

    Asked by Колос,

    0 votes
    4 answers

  14. 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

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

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

    Asked by Wolf11,

    0 votes
    3 answers

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

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

    Asked by foggy,

    0 votes
    8 answers

  17. Вывод контента в 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

  18. автоматическая расстановка переносов при "...justify"?

    подскажите пожалуйста есть ли возможность программно проставлять переносы для текста??? Просто в некоторых случаях "justify" делает большие пробелы в тексте. Заранее спасибо

    Asked by glivera,

    0 votes
    7 answers

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

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

    Asked by Kos87,

    0 votes
    4 answers

  20. Проблема с обтеканием изображения текстом

    Вот какая проблема. Имеется такой css-кусок. div.catItemImageBlock {padding:8px;margin:0 0 3px 0; float:left;} span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;float:left;} span.catItemImage img {border:1px solid #ccc;padding:8px;float:left;} В Mozilla обтекание работает прекрасно, а вот в IE 6 - не работает. Хоть тресни. Подскажите, как переделать этот фрагмент для оного браузера.

    Asked by Koriolan,

    0 votes
    9 answers

  21. ? распределение div'ов ?

    ????????????????? есть div -элемент определенной длины с 4 вложенными элементами расположенных в ширину одинакового размера суммарно меньше родительского как сделать чтобы они расположились равномерно (чтобы расстояние с права и лева были одинаковы)

    Asked by serjico,

    0 votes
    5 answers

  22. Расположение блоков рядами

    Здравствуйте! У меня такая ситуация. Вот, нарисовал недавно дизайн сайта: Ну и, соответственно, нужно сверстать. Поскольку я дизайнер, то верстаю не слишком часто и до этого в основном, по старинке, верстал таблицами. Сейчас же решил, что это совсем уж прошлый век, поэтому сверстал все дивами и цсс. Вот такой код получился в первоначальном варианте: сам сайт: <!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

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

    Народ.. Такой вопосик... Как сделать так чтобы ссылка выравнивалась по правому краю последнего зелёного блока... ато она расширяется на всю ширину экрана и ширину 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

  24. место нахождения на сайте

    существует такое меню ... <td align="center"> <a href="katalog.html" onMouseOver="ChangeImg('ImgName2','pics/katalog1.png')" onMouseOut="ChangeImg('ImgName2','pics/katalog.png')"> <img name="ImgName2" border="0" src="pics/katalog.png" alt="Каталог"></a> </td> <td align="center"> <a href="gallery1.html" onMouseOver="ChangeImg('ImgName3','pics/photogallery1.png')" onMouseOut="ChangeImg('ImgName3','pics/photogallery.png')"> <img name="ImgName3" border="0" src="pics/photogallery.png" alt="Фотогалерея"></a> </td> ... и т.д, как можно сделать что бы было видно в каком разделе ты находишся? т.е. когда ты на…

    Asked by alkatran,

    0 votes
    8 answers

  25. 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

  • Обсуждения

    • 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