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. Поле с изображением

    Здрасти. Такая проблема. Вот в этой статье (http://stepbystep.htmlbook.ru/?id=23)написано, что можно вместо кнопки поставить изображение. Это хорошо. Но не до конца. Мне нужно, чтобы там было не просто изображение, а rollover, с текстом поверх картинки. Как такое можно осуществить, имея только это: <input type="image" src="/images/imgbutton.gif" width="91" height="25" align="middle" alt="Отправить форму на сервер"> и это: <FORM name=web action=http://www.yandex.ru/yandsearch method=get><INPUT maxLength=500 size=38 name=text><font face=arial> <a href="???" class="rollover3"><div onclick=location.http:/???"><table style='FONT-SIZ…

    Asked by ags,

    0 votes
    0 answers

  2. Слой 100% высоты почему-то больше 100%. Help!!!

    Код до безобразия прост: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>страница</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <style> html, body { width:100%; height:100%; padding: 0px; margin: 0px; } .block { width: 70%; height: 100%; background-color: #FFFFC1; border: 1px solid Orange; margin: 0px auto 0px auto; } </style> <body> <div class="block"> </div> </body> </html> Почему block ширее размера страницы ? (визуально на пару пикселей, но этого достаточно что…

    Asked by Evgeny,

    0 votes
    5 answers

  3. вверху слоя отступ, а как заставить его забирать часть окна внизу?

    К примеру: #d {position:absolute;left:0;top:239px;[b]width:245px[/b];height:350px;background:url(f/2.gif)} <div id=d> <div><a href="link1.html">1</a></div> <div><a href="link2.html">2</a></div> <div><a href="link3.html">3</a></div> </div> как отсюда видно высота у слоя 245 пикселей, а как тогда сделать чтобы див был на всю высоту окна кроме top:239px ? заранее благодарен

    Asked by mix_htmlbook.ru,

    0 votes
    2 answers

  4. шапка на месте

    как так сделали что содержимое скролится а шапка на месте? http://www.rainbowmonkey.de/illustration.html слои? какие должны быть параметры?

    Asked by bART,

    0 votes
    3 answers

  5. Таблицы сползают

    Пожалуйста для начала скачайте приложеный файл, именно там проблемная страничка, с подробным описанием http://webber-site.narod.ru/Forum.rar 2kb ..идея такова - зафиксировать это вс? чудо на одном месте, так чтоб все было одно под другим с пробелом в 10 пикселов, и чтоб оно там намертво лежало! в свою очередь в таблице ?1 должно вводиться довольное количество текста... ..как мне разобратся с этим? все сделано таблицами, они имеют свою высоту, и выравнивание, но почему то его не соблюдают..

    Asked by Webber,

    0 votes
    5 answers

  6. Абсолютное позиционирование

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

    Asked by maddogrts,

    0 votes
    0 answers

  7. Где-то ошибка в сценарии.

    Здравствуйте. Этот кусок кода взят из книги JavaScript.Просто как 2х2. Люди подскажите что здесь не так, почему не работает (Отрывок из книги: "..Когда пользователь подводит указатель мыши к заголовку категории, открывается вложенный список гиперссылок, относящийся к этой категоии...Если пользователь перемещает указатель на другой заголовок категории, список ссылок предыдущей категории сворачивается, а под заголовком категории возникает новый список...". Только начал изучать JavaScript как попал в ступор блин. Спасибо. <html> <head> <title>Index</title> </head> <BODY> <FORM><DIV STYLE='color: blue; text-decoration: underline'&…

    Asked by alex81,

    0 votes
    9 answers

  8. Эффект нажатой кнопки

    Нужно реализовать вот такой эффект активной ссылки, как его можно реализовать, а то все уже отверстано а тут еще не решено как делать:

    Asked by Shar,

    0 votes
    20 answers

  9. xge

    у нас есть /index.php?pageId=$1 нудно что б выводилось /page/id/article_title.html вот вариант htaccess RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^page/([0-9]+)/.*$ /index.php?pageId=$1 подскажите что не так ?

    Asked by newbigmir,

    0 votes
    0 answers

  10. Переделка шаблона под cms

    Задача:нужно переделать шаблон(Psd,html,css файлы присутствуют) под смолу.Файл шаблона сделан версткой слоями.Для этого имхо удобней конвертировать слои в таблицы а затем распихивать их по *.tpl Проблема:В дримвивере при конвертации слоев в таблицы исчезают несколько картинок. Где собака зарыта?

    Asked by BoJIand,

    0 votes
    1 answer

  11. помогите с автовысотой таблицы

    добрый всем день. есть блок, который (не считая таблицы топ) толжен весь подстраиваться под высоту информации (если информации больше - растягиваться по высоте). с одним блоком - там, где есть вставка стороннего файлы - так и есть, но вот в таблице "stolbik" вертикальный столбец не хочет увеличиваться по высоте и создается некрасивый пробел между блоком "топ" и его нижней частью. помогите пожалуйста. непослушный столбик помечен жирным. <table id="lcq" width="1005" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="2" bgcolor="#929498" width="31" height="100%"> </td> <td rowspan="2" bgcolor="#9EA0A4" width="24" height="100%">…

    Asked by yarcheg,

    0 votes
    0 answers

  12. Наложение слоя на селект

    Возникли проблемы при наложении слоя на селект в explorer'e

    Asked by Странный_Ник,

    0 votes
    1 answer

  13. Help please. Нужна 100% вертикальная растяжка независимо от контента

    Help please. Нужна 100% вертикальная растяжка независимо от контента. Короче надо чтобы Copyright был всегда в низу страницы, независимо от того сколько на этой странице содержания. Я не знаю как это сделать, может кто подскажет?

    Asked by Mossdog,

    0 votes
    8 answers

  14. Помогите решить пару проблем

    Кто знает, подскажите пожалуйста, как решить следующие проблемы: 1.Можно ли сделать, чтобы определенный цвет рисунка отображался прозрачным на браузерах Mozilla Firefox, IE6,7, Opera. На IE это делается с помощью фильтра chroma, а на других как? 2.Не на IE у меня почему-то не действует свойство CSS "cursor: hand". Опять же, как можно задать определенный курсор на элементе во всех трех браузерах. 3.Также не в IE не действует свойство CSS border-left, примененное к фрейму. Как можно это исправить. Есть ли какой-то тэг для рисования не горизонтальной, а вертикальной линии в HTML, который действовал бы во всех трех браузерах? 4.Я уже начинаю ненавидеть разработчиков Mozilla и…

    Asked by nemecfc,

    0 votes
    11 answers

  15. Проблема наложения слоя на select

    Имею следующий код: <div style='background-color:#6bbc53;position:relative;z-index:1;'> <span style='background-color:#6bbc53;position:absolute;z-index:1; height:50px'> some text </span> </div> <SELECT></SELECT> Почему то слой перекрывается. Глюк наблюдается в Explorer'е. Opera и Mozilla отображают правильно. Помогите решить проблему, плз.

    Asked by Странный_Ник,

    0 votes
    0 answers

  16. проблема с функцию # top !!!!

    Проблема с функцию # top. Даная фунция не работает в браузере Opera а в браузере IE работает нормально кто нибуть знает как решить это проблема? Спосибо!

    Asked by smile13,

    0 votes
    6 answers

  17. Как правильно нарезать

    Подскажите пожалуйста, как правильно нарезать и сверстать такой дизайн (интересуют основные моменты - бэкграунд, узоры) : www.erges.com/main7.jpg Особенно волнует логотип с тенями. Стоит ли вообще возиться с этими тенями, или вс? равно коряво будет?

    Asked by vip,

    0 votes
    7 answers

  18. два изображения(url) в background

    подскажите, можно ли в тэга в качестве background,вставить два изображения ( слоями, так, чтобы одно могло накладывалось на другое ). вот сюда надо ещ? background:url(pic2.gif) no-repeat top left; Или без таблицы не обойтись? Спасибо!

    Asked by mixaaa,

    0 votes
    1 answer

  19. Нижний отступ в слое

    #title { left:0px; top:0px; border: 3px solid white; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } <div id="title"><img src="/pictures/n-shap.jpg"></div> Проблема в том, что снизу между картинкой и бордером 3 пикселя пустоты. Как это исправить?

    Asked by Argnist,

    0 votes
    4 answers

  20. Элемент списка - Опера

    Опера почему-то по-другому отображает отступы между элементами списка - li. Думал, вот жестко указать стиль. Кто-нибудь знает, какие свойства у списка по-умолчанию в ИЕ или в Огнелисе? Или чем их можно посмотреть.

    Asked by undsoft,

    0 votes
    0 answers

  21. кнопка отображается выше других элементов

    <!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=iso-8859-1" /> <title></title> </head> <style> input { height: 33px; padding: 0; margin: 0; } </style> <body> <form><input type="text" name="login" value="login" /><input type="password" name="password" value="pass" /><input type="submit" value="login" /></form> </body> </html> Кнопка отображается в firefox выше чем поля login и password. …

    Asked by KitL,

    0 votes
    1 answer

  22. Создание thumbnails из divов

    Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…

    Asked by white.ru,

    0 votes
    1 answer

  23. Помогите найти шрифт. Очень нужно.

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

    Asked by krotov.dima,

    0 votes
    1 answer

  24. Позиционирование в div

    Каким образом позиционировать текст внутри ?К примеру, как разместить текст в нижнем левом углу ?

    Asked by malenkymuk,

    0 votes
    3 answers

  25. Изменение стиля ссылок

    Собственно в чем вопрос. Знаю как изменить стиль ссылок при наведение на е? и т.д. эти стандартные моменты на css. Но ситуация такая есть движок на php - в блоке ссылки на разделы сайта, которые автоматически выводятчя из БД при добавлении материала через админку, вот, и нужно сделать, что когда кликнешь по ссылке и передешь на данную старницу эта ссылка изменила стиль (цвет, шрифт и т.д.)? Подскажите пример кода, и реализации, плиз?

    Asked by okunev2,

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