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. Работа с цветом

    Подскажите, как добиться, чтоб в одном объекте цвет постепенно переходил от синего к белому?

    Asked by westalka,

    0 votes
    6 answers

  2. открытие внешней ссылки

    подскажите , как сделать чтобы внешняя ссылка открывалось не в новом окне, а внутри шаблона сайта и соответственно переходы во внешнем url происходили в пределах родительского сайта ?

    Asked by aik,

    0 votes
    8 answers

  3. Полоса прокрутки слева

    Сделал пример для раздела Рецепты, где для слоя полоса прокрутки отображается слева, а не справа, как обычно. Но вот беда, Опера не хочет делать то, что мне требуется. IE и Firefox работают на ура. Почитал, в чем же дело, Опера прекрасно понимает и direction и dir и unicode-bindi, все понимает, а делать не хочет. Вот код, похоже предложений по "уговариванию" Оперы не будет. <!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> <style type="text/css"> div.leftscroll { …

    Asked by Vlad,

    0 votes
    1 answer

  4. Вертикальное 100% у таблицы в XHTML

    Народ всем привет, думаю что многие сталкивались с такой проблемой, я кстати тоже давно и вот столкнувшись с ней вновь опять впал в стопор. Скрины: IE OPERA Суть проблемы следующая, мне нужно написать код на XHTML версии STRICT то есть када код и стили полностью отделены друг от друга. Нужно получить результат как на втором скрине(это ОПЕРА). Первый скрин это ИЕ(в нем некорректно работает) CSS: html, body {height: 100%; padding: 0px; margin: 0px;} .main_table {height: 100%;} .top {height: 200px;} .content {} .bottom {height: 50px;} HTML: : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html x…

    Asked by AntonK,

    0 votes
    4 answers

  5. htaccess

    У меня вопрос, как мне из правил "переписывания" исключить запросы к файлам JPG? что бы пути к ним можно было оставлять относительными. Я делаю так RewriteCond %{REQUEST_URI} !-f #Если запрашивается не файл то тогда срабатывает правило... Но после добавления ЭТОЙ строчки htaccess вообще работать перестает. Помогите пожалуйста. :|

    Asked by ide32,

    0 votes
    15 answers

  6. Текст, надпись на фоне-картинке

    Подскажите, пожалуйста, что нужно сделать, чтобы текст с места не съезжал? Т.е. в хтмл редакторе я пишу в нужных мне местах, а на сайте, текст оказывается съехавши или вверх или еще куда-нибудь. И еще одна просьба, можете подсказать хтмл код для того, чтобы писать поверх картинки. (на форуме нашла только css код, а т.к. я не сильна в css, то лучше дайте хтмл код) Вот хтмл код странички <HTML><HEAD><TITLE></TITLE><!--OCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dt--> <META http-equiv=Content-Type content="text/html; charset=windows-1251"><link type="text/css" rel="StyleSheet" href="http://audrey-pa…

    Asked by Hell,

    0 votes
    5 answers

  7. Подключение css файла

    Всем привет. есть некий шаблон страницы, разбитый на части и собираемый в последствии (include) я хотел подключить меню находящееся в отдельном файле с помощью линка.. - НЕ ПОЛУЧАЕТСЯ. далее добавляю в head местную конструкцию - содержимое файла ............... содержимое css файла (меню) ТОЖЕ НЕ РАБОТАЕТ! то есть формируемая стр НЕ УЧИТЫВАЕТ ПОДКЛЮЧАЕМЫЙ ЛИНК... ———————————————————————— ЧТО ЕЩЕ ИНТЕРЕСНО.. ФОРМИРУЕШЬ ЦЕЛИКОМ СТР. ПРОПИСЫВАЕШ В ШАПКУ КОД МЕНЮ CSS - И ВСЕ РАБОТАЕТ, А ДИНАМИЧЕСКИ НЕ ФОРМИРУЕТ.. знающии или сталкивающиеся с этим - подскажите что может быть не так?!! Спасибо.

    Asked by denand,

    0 votes
    15 answers

  8. Определить стиль списка через идентификатор

    Столкнулся с такой реализацией САБЖА в коде одной из тем ВордПреса: #nav ul {display: inline; font-size: 0.7em; line-height: 1.75em } этот код не работает и размер шрифта для списка берется из базового стиля для списка а вот если переработать код так, то все ок: ul#nav {display: inline; font-size: 0.7em; line-height: 1.75em } Вопрос: первый вариант кода вообще допустим или нет? Или для него есть какие-то особенности, раз авторы темы таки использовали его?

    Asked by walter,

    0 votes
    2 answers

  9. Таблица длинной 100%

    Пишу код: <table width="300" height="100%" border="1"> <tr> <td height="1"><table width="100%" border="1"> <tr> <td> </td> </tr> </table></td> </tr> <tr> <td background="img/main.gif"> </td> </tr> </table> Хочу, чтобы вторая строка таблицы занимала все оставшееся пространство до самого низа ради фона. Как этого добиться?

    Asked by pavelkq,

    0 votes
    5 answers

  10. Рамка.

    Прости за ламерство . Но как можно сделать тонкую рамку на странице? И на тонкую рамку расставляют рисунки(например огонь)? Если у вас мысли о таблице то пожалуйста откажетесь от этих мыслей

    Asked by Jaeser,

    0 votes
    5 answers

  11. Двухколоночный макет внутри дива.

    Добрый день. Вот начал недавно осваивать верстку слоями.Вот такой код: <div style="width:857px;border:1px solid red;text-align:left;"> <div style="float:left;position:relative;border:1px solid yellow;width:820px;margin-right:0px;">111 111 </div> <div style="border:1px solid green; width:30px;margin-left:0px;">222 222 </div> </div> В Опере ведет себя абсолютно правильно,обрамляющий слой,внутри него две плотно прилегающих к друг другу колонки. В ИЕ6 ведет себя почти правильно,но между колонками возникает зазор в 3 пикселя. Хуже всего в Mozilla Firefox. Правая колонка почему-то отображается поверх левой. Подскажите,плз,как это сверстать…

    Asked by Микель,

    0 votes
    7 answers

  12. Отступ br

    Доброго времени суток. Какие наиболее валидные варианты вы можете предложить для уменьшения отступапосле тага

    Asked by Neolink,

    0 votes
    3 answers

  13. Помогите решить проблему с FrontPage 2003.

    Уважаемые участники форума, нужна ваша помощь. Проблема состоит в следующем. У меня есть текст, например, на 10 абзацев + заголовок. Я копирую этот текст (не из Word, а из блокнота), после чего вставляю в FrontPage, а затем удаляю все лишние теги , которые расставляет программа. После этого оста?тся примерно такой текст в коде: Текст 1. Текст 2. Текст 3. Текст 1 должен быть заголовком. Я выделяю его, после чего выбираю в открывающемся списке Заголовок 1. И тут происходит самое интересное, открывающий тег программа ставит перед Текст 1, а закрывающий тег после Текст 3. То же самое происходит, если я пытаюсь применить тег . В тоже время, если я хочу выделить жирным или …

    Asked by kap,

    0 votes
    9 answers

  14. Задание цвета полосы прокрутки в Mazille Firefox

    Прошу прощения... хочу узнать, можно ли в Mazille Firefox задать цвет полосы прокрутки, в IE это сделать можно, а в FF у меня не получается... если кто знает каким образом можно это сделать, буду признателен, спасибо.

    Asked by M@X,

    0 votes
    21 answers

  15. Ссылка - ячейка таблицы??

    ——————————————————————————-- Меня заинтересовал один момент. Пример, по этой ссылке - http://evapco.ro/index.php. Как в нижнем фрейме сделан перечень товаров? Я так понимаю, это таблица. Но вот подобрать код пока не получается, чтобы добится такого же эффекта. Как можно сделать кажду ячейку отдельной ссылкой? У меня получается сделать ссылкой в ячейке, либо текст, либо картинку, либо наоборот пустое поле(без текста и картинки). А как его сделать так, как здесь? Чтобы вся ячейка была ссылкой, еще и подсвечивалась при наведении курсора? Надеюсь, я нормально обьянил, в чем проблема, и вы меня поймете=) Буду бесгранично признателен за обьяснения и по возможности пример кода.

    Asked by DanTe-Fr,

    0 votes
    16 answers

  16. Информер в новом окне

    Интереса ради скопировала себе код информера. Хотелось бы, чтобы при клике сайт открывался в новом окне. С обычным HTML кодом справиться я могу. Со скриптом-проблемы. Материалы здесь на сайте посмотрела, но что то я запуталась куда и что размещать. Может кто поможет дополнить необходимое? <script language=javascript src=http://www.sunhome.ru/informer/magics/magics.php?w=NjAw&ts=NA==&ls=MTE=&txs=MTI=&bs=Mg==&align=bGVmdA==&color=ZmYwMGZmODAwMDgwNDQ0NDQ0ZWU4MmVl >

    Asked by Юлия,

    0 votes
    3 answers

  17. Меню сайта

    Здравствуйте Хотелбы узнать следующее. Я написал сайт вс? работает, но меню которое я поместил в <TABLE cellpadding="0" cellspacing="0"> <TR> <TD> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> <TR> <TD class=mbut onmouseover="this.style.backgroundColor='#000000';" onmouseout="this.style.backgroundColor='#5B0D00'" align=middle style="border: 1px solid #D95700"> <FONT face="Courier New"> <SPAN lang="ru"> <A style="font-size: 13pt" href=index.html> <SPAN style="text-decoration: none;"> главная </SPAN></A></SPAN></FONT></TD> &l…

    Asked by DCLIGHT,

    0 votes
    11 answers

  18. Что лучше выбрать?

    Объясните, пожалуйста, в каких случаях предпочтительнее пользоваться классами, а в каких id?

    Asked by westalka,

    0 votes
    5 answers

  19. Как вставить текстовую ссылку в пространство IMG SRC?

    Есть картинка вставленная упомянутым тегом. 95% на 100% экрана. Теперь мне нужно поместить на эту фотографию текстовую ссылку. Получатся вставить е? перед картинкой, и после картинки, но никак не на саму картинку. Подскажите пожалуйста, как это можно сделать?

    Asked by DanTe-Fr,

    0 votes
    5 answers

  20. Вид кнопки "Обзор" в форме загрузки файла

    Здравствуйте, уважаемая администрация этого отличного ресурса!) Перейду сразу к делу: можно ли каким-нибудь образом изменить вид кнопки "Обзор" в форме передачи файла? Заранее спасибо, с уважением OldEr.

    Asked by OldEr,

    0 votes
    4 answers

  21. Вертикальный отступ для фона

    <div style="border:1px solid red; width:400px;height:400px; background:url(images/button.jpg) repeat-y;background-position:300px 30px;text-align:right"> <img src="images/image.gif" width="20" height="30" alt=""> </div> Подскажите,плз,такая проблема Есть слой,в правом верхнем углу находится изображение gif высотой в 30px с частично прозрачными областями. Нужно к правому боку слоя прижать фон(ширина 20px),повторяющийся по вертикали, таким образом,чтобы он начинался сразу под картинкой и не просвечивал через нее (через нее должен просвечивать фон,заданный для body).Пытался задать отступ для фона через background-position - не получается.Думал над тем,чтобы …

    Asked by Микель,

    0 votes
    3 answers

  22. Создание тени по типу ?луковой шелухи?

    У вас на сайте есть хорошая статья, с одноим?нным названием http://htmlbook.ru/content/?id=104. Вс? отлично работает и хорошо смотрится. Подобное встречал на http://www.dynamicdrive.com/style/csslibrary/category/C5/. Но если картинки разного размера, как быть?

    Asked by Serhij,

    0 votes
    0 answers

  23. Позиционирование изображений через <div>

    Хочу сделать, чтоб не было видно разрыва между рисунками, но не могу удалить разрыв по горизонтали. Вот код: <div class="heather" align="center"> <img src="images2/heather1.jpg" width="244" height="154" /><img src="images2/heather2.jpg" width="536" height="154" /> </div> <div class="panel" align="center"><img src="images2/panel1.jpg" /><img src="images2/panel2.jpg" width="126" height="30" /><img src="images2/panel3.jpg" /><img src="images2/panel4.jpg" width="126" height="30" /><img src="images2/panel5.jpg" width="130" height="30" /></div> Пытался обнулить border у классов, но это ничего не дало

    Asked by westalka,

    0 votes
    8 answers

  24. Наследование фона таблиц внутри таблиц

    Имеется фоновая картинка листа в теге body. На весь лист создаю таблицу 100%х100%. Фоновая картинка таблицы - прозрачная сетка. Далее размечаю лист, как хочется. Нужно, чтобы при создании новых таблиц внутри основной ее фон не распространялся на них, но фон листа оставался. Пока избавляюсь от сетки, назначая фоновый цвет таблицам. Но при этом фон листа тоже исчезает.

    Asked by pavelkq,

    0 votes
    6 answers

  25. Прозрачность

    Задал див с прозрачностью, потом вложил в него еще один див и он тоже стал прозрачный. Как сделать чтобы 2-й див не был прозрачен?

    Asked by ros.pro,

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