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. Где-то ошибка в сценарии.

    Здравствуйте. Этот кусок кода взят из книги 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

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

    добрый всем день. есть блок, который (не считая таблицы топ) толжен весь подстраиваться под высоту информации (если информации больше - растягиваться по высоте). с одним блоком - там, где есть вставка стороннего файлы - так и есть, но вот в таблице "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

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

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

    Asked by BoJIand,

    0 votes
    1 answer

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

    К примеру: #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

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

  6. как правильно создать форму по XHTML 1.0 Strict

    Добрый день! доктайп такой quot;-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> форма такая <form style="margin:0;padding:0;" method="post" action="../estate/search.htm"> <select name="c" style="width:210px;"> <option selected value="1">Квартира</option> <option value="2">Коттедж</option> <option value="3">Коммерческая недвижимость</option> <option value="4">Комната</option></select> <select name="srcity" size="1"> <option value="%">Не важно</option> <option selected value="Самара">Самара</option> <option value="Тольятти"…

    Asked by foxyrus,

    0 votes
    6 answers

  7. Как сделать элемент SELECT - readonly?

    Привет. Вот собственно и вопрос. Добавление в элемент SELECT атрибута "disabled" не катит, так как, запрос POST посылает пустое значение элемента SELECT . Какая-нибудь есть альтернатива, чтобы сделать SELECT доступным тоько для чтения?

    Asked by Ingener,

    0 votes
    6 answers

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

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

    Asked by maddogrts,

    0 votes
    0 answers

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

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

    Asked by maddogrts,

    0 votes
    2 answers

  10. если не указан DOCTYPE...

    скажите плз.. как будут реагировать броузеры если не указан собственно DOCTYPE? какой будет браться по умолчанию??!

    Asked by klierik,

    0 votes
    29 answers

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

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

    Asked by bART,

    0 votes
    3 answers

  12. Знак '-' в HTML

    Пишем " -1 "в IE выводит 1- , а мне нужно -1, как с этим бороться?

    Asked by kven,

    0 votes
    6 answers

  13. Прозрачный фон

    Здраствуйте! Моя проблема вот в ч?м: у меня есть общий большой фон и маленький фон уровнем выше, который необходимо сделать прозрачным. Как здесь: http://customize.ru/screens/templates/1003...o_Portfolio.jpg. Прич?м, он(маленький фон) должен просвечивать, независимо от того, какой фон ниже. Т.е. я не могу просто наложить его в Фотошопе вручную и увеличить прозрачность. Общий фон будет указываться пользователем. Это возможно? Спасибо!

    Asked by Отто-Могер,

    0 votes
    18 answers

  14. Автоматический переход на другую страницу.

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

    Asked by Mants,

    0 votes
    13 answers

  15. Слой 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

  16. Поле с изображением

    Здрасти. Такая проблема. Вот в этой статье (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

  17. не могу сделать что бы менюшка "налезла"

    http://www.helpit.ru/about/?temp=0 не могу сделать что бы внутреннее меню работало как здесь http://www.helpit.ru/about/?temp=1 т.е. оно у меня вниз не спускается из за блока как понимаю , как исправить ? пробывал z-index не помогло ...

    Asked by HelpIT,

    0 votes
    5 answers

  18. работа с CSS

    В каком лучше редакторе работать со стилями ? Приходится в ручную лопатить что очень не удобно. И еще может есть какая болванка с помощью которой будет удобно смотреть созданные стили и как они вообще работают что бы все время в браузер не лазить ... Поделитесь опытом

    Asked by HelpIT,

    0 votes
    3 answers

  19. Как сделать свой шаблон?

    Здравствуйте! Пишу свой сайт. Хочу использовать минимум наворотов, пока . Основной вопрос заключаться в следующем. Как сделать свой шаблон, или подскажите как делать в следующей ситуации: мне нада строчку вынести в другой файл, и на всех страничках сайта просто сделать ссылку на этот файл, чтобы кодировку можно было менять только в одном файле ). Вроде как один HTML здесь не обойтись, но SSI не подходит такая штука не работает на сервере где у меня сайт размещен. PHP тоже не подходит, потому как пока хочу обойтись простыми приемами. Извините за что по корявому объяснил, как умею . Заранее спасибо.

    Asked by maximus,

    0 votes
    10 answers

  20. Iframe - скрыть следы окна

    Подгружаю к себе страничку (цели более чем законные), как с помоштю стилей убрать рамки и тени по краям, чтобы вставку на глаз отличить было невозможно?

    Asked by Alexxx2783,

    0 votes
    1 answer

  21. Выравнивание ширины плавающих блоков

    Добрый день. Есть набор из произвольного количества блоков. Каждый блок состоит из: - картинки (всегда одной и той же) - строки текста под картинкой (количество символов ограничено сверху, т.е. всегда не больше некоего заданного числа); суммарная длина строки может быть больше ширины картинки Блоки выводятся один за другим: float: left; padding: 0 2em 2em 0; Картинки в блоках: position: relative; left: -4px; Блоки выводятся внутри ограничивающего контейнера, и мне надо, чтобы они равномерно распределялись по нему. То есть и по ширине, и по высоте они должны быть одинаковыми. (Можно представить себе сетку таблицы, и вне зависимости от количества блоков, размера шрифта и ве…

    Asked by Evgenia,

    0 votes
    1 answer

  22. Background repeat, Background position

    Сколько читал, но так и не понял. Сделал Background repeat:no repeat; Background position:20% 80%; background attachment: fixed получилось наоборот. И повторяется, и прокручивается. И вообще хотел уточнить. fixed- фиксирует рисунок на странице или на экране? Потому что у меня получается что на экране. А то что он размножается это я вообще объяснить не могу. Вот страница пробная http://kochubey-city.narod.ru/index1.html

    Asked by SHeiH,

    0 votes
    5 answers

  23. резина по вертикали

    доктайп хтмл 1,0 транситионал задача. заставить три дива растягиваться на 100% по высоте окна. внутри них четвертый див с минимальной высотой 500px; хотелось бы, чтобы когда текста было много (т.е. суммарно больше высоты в 500px) one, two и three "тянулись" вниз.. CSS * {margin: 0; padding: 0;} html, body {height: 100%;} .one {height: 100%; background: red url('image.gif') top repeat-x;} .two {height: 100%; background: green url('image2.gif') bottom repeat-x;} .three {height: 100%; background: #fff; margin: 0 200px;} .text {min-height: 500px; height: auto; //height: 500px;} HTML <div class="one"> <div class="two"> <div class="three"> <di…

    Asked by vr201,

    0 votes
    2 answers

  24. Проблемы с кодировкой

    Сайт берет скрипт карты с GOOGLE. В "Opera" русские шрифты отоброжаются нормально, а в IE некоректно. У меня не большой опыт в web-програмировании. если не сложно опишите подробно, что нужно сделать чтобы у меня все отображалось коректно. Заранее спасибо!

    Asked by malphax,

    0 votes
    10 answers

  25. nobr или nowrap как убрать отступы между елементами?

    <div style="white-space:nowrap; margin:0; padding:0;border:0;"> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </div> или </nobr> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </nobr> как убрать откступы

    Asked by newbigmir,

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