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. Меню

    Не могу сделать нормально меню ,помогите.Значит я сделал блок,в него вложил UL с LI .И почему-то список стоит криво в блоке,ближе к правому краю,не могу понять. ПОмогите !Вот код. <html> <head> <style type='text/css'> .wrapper_mir /*MIR*/ { margin-top:19px; margin-left:29px; margin-right:1%; width:210px; height:240px; } #mir{} #mir ul{ list-style-type:none; text-align:center; background-color:red; width:200px; height:240px; border:8px solid #000000; } /*END MIR*/ </style> </head><body> <div class='wrapper_mir' id='mir'> <ul class='wrapper_ul'> <li><a href='mes…

    Asked by new01,

    0 votes
    2 answers

  2. Текст внутри div-a

    Здравствуйте. Только начинаю использовать css, никак не могу разобраться в следующем: есть div, в нем находится текст. Div произвольной ширины. Как сделать так, чтобы текст не вылезал за границы div-a, а переносился на следующую строку? P.S. Если непонятно объяснил - скажите.

    Asked by wertret,

    0 votes
    3 answers

  3. Нумерация таблиц (<table> в <li>)

    Нужно, чтобы таблички были пронумерованы с помощью тегов списка: <ol> <li><table>...</table></li> <li><table>...</table></li> </ol> Отступ в этом случае происходит, а вот номер пропадает. Как быть? Использование тегов списка обязательно. А вот с таблицей можно поиграться. Использую её, так как нужно, чтобы в списке на одной строке располагались две колонки: одна с основным текстом, а вторая у правого края страницы с дополнительными сносками и ссылками. Каждая такая новая таблица формируется при помощи специального макроса, в котором и передаются значения двух этих столбцов из базы данных. Передаются динами…

    Asked by derfas1,

    0 votes
    27 answers

  4. Форма поиска по сайту

    В Google Chrome при клике появляется эта желтая рамка, Как ее убрать?

    Asked by andrecool,

    0 votes
    3 answers

  5. Выделение текста цветом

    Делается запрос в поисковике например "глазированные сырки" и выводятся результаты поиска. человек переходит на мой сайт и если он перешел на страничку моего сайта где есть точно такой текст "глазированные сырки", а не "глазированных сырков" или "сырки с глазурью", то этот тект будет подсвечиваться, для того чтобы человек мог сразу найти нужную главу текста. вот в последней картинке я выделил в фотошопе текст, как примерно он должен выделяться или может просто цвет текста поменяться. сайт на юкозе, поэтому можно ли как то исполнить это безе php?

    Asked by Airogen,

    0 votes
    4 answers

  6. нужно ли учить атрибуты тегов

    Здравствуйте!Скажите пожалуйста, а нужно ли вообще учить атрибуты тегов, если для них есть аналоги в css?Просто я, например, все задаю в css и уже забыла, как называются атрибуты в html, и оно вроде бы не нужно. Но, например, если устраиваться на работу, пишут, что нужны знания html,css. Они же могут на собеседовании задать вопросы именно по атрибутам html? Получается, повторять все-таки нужно? Но тогда вообще каша в голове будет. И тем более, оно и не запоминается, когда этим постоянно не пользуешься.

    Asked by amuller,

    0 votes
    9 answers

  7. Сайт визитка за 30 минут

    Знаю html и немного css.В школе на уроке информатики будет задание сделать сайт визитку. Подскажите что за сайт визитку можно будет сделать за 30 минут?Спасибо

    Asked by azarkin7,

    0 votes
    22 answers

  8. Cron Jobs

    Мой хост предоставляет так называемые услуги Cron Jobs/ Что там нужно отобразить, чтобы в определенной папке на сайте удалялись файлы тхт?

    Asked by chest,

    0 votes
    12 answers

  9. Прикрепить изображение к нижней части экрана

    Подскажите, как прикрепить изображение к нижней части экрана фиксированно. Чтобы при прокрутке вниз/вверх изображение оставалось прикрепленным к нижней части и передвигалось вместе со скролбаром.

    Asked by manolo,

    0 votes
    10 answers

  10. Стили выделения ссылкок font-weight

    Доброго времени суток Подскажите пожалуйста, если в стиливом файле прописанно значение для всех <a> свойством font-weight: bold; можно ли мне изменить отдельную ссылку на стиль font-weight: none;? все это действие нужно в CMS WebAsyst на главной старнице, я пробывал прописать к нужной ссылке отдельный стиль, но при это он меняет стили всех ссылок на сайте, как поступить?

    Asked by Torvin,

    0 votes
    12 answers

  11. Маркированые списки

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

    Asked by nelson,

    0 votes
    1 answer

  12. Непрозрачное изображение на прозрачном слое

    Здравствуйте. Есть проблема такого характера. Есть див, к нему прописано opacity: 0.3; Внутри этого дива есть картинка, мне нужно, чтобы она не была прозрачной. Я прописываю картинке opacity: 1 !important;, но она все равно прозрачная. Как быть, подскажите? <div style="width: 600px; height: 300px; background: #FFFFFF; opacity: 0.2;"> <div style="position: absolute; left: 200px; top: 50px;"> <img src="myimg.png" style="opacity: 1 !important;"> </div> </div>

    Asked by sergiyko,

    0 votes
    4 answers

  13. Закругленые границы дивов

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

    Asked by demi,

    0 votes
    7 answers

  14. Область ввода и line-height

    При line-height в опере отступа от верха нет, в фф есть. В фф появляется непонятный отступ от верхней части области ввода текста при line-height:30px; Как это исправить?

    Asked by manolo,

    0 votes
    1 answer

  15. Меню

    Хочу сделать такое меню.Значит у меню есть бордюр шириной 5 пикселей и черного цвета, внутри меню ссылки.Хотелось бы чтоб пр наведении на сылку у сыылки черный фон и её фон касался краёв.Вот код <ul class='wrapper_ul'> <li><a href='message.php' >Главная</a></li> <li><a href='.php' >Контакты</a></li> <li><a href='.php'>3</a></li> <li><a href='.php' >6</a></li> </ul> #mir li{vertical-align:middl…

    Asked by new01,

    0 votes
    3 answers

  16. Проблемы с выпадающим списком!

    Есть выпадающий список, вида: <div class="side_rub"> <div class="entry"> <a class="plus" href="#" onclick="return switchRub(this,'rub50')"></a> <a href="" class="lst1">текст</a> </div> <div class="rub_child" id="rub50"> <a href="###" class="i">Текст</a> <a href="####" class="i">Текст</a> </div> Обработчик на jquery-1.5.1.js: <script language="javascript"> var currub = ""; var temprub; var maxrub = 99; for(var i=0;i<maxrub;i++) if(temprub = document.getElementById("rub"+i)) temprub.style.display = "none"; if(currub !=…

    Asked by chest,

    0 votes
    4 answers

  17. Вертикальная Линия

    Извините, если повторюсь. Вот есть горизонтальная линия. Она задётся тегом <hr>. А есть ли вертикальная линия? Зарание благодарен.

    Asked by DeD_AvToRuTeT,

    0 votes
    14 answers

  18. Перенос картинки

    Скажем были координаты вершин картинки (x1;y1|x2;y1|x1;y2|x2;y2 (все координаты относительно экрана)). Ну так вот сам вопрос: можно ли независимо от других объектов на странице переместить скажем так x1+50;y1+10|x2+50;y1+10|x1+50;y2+10|x2+50;y2+10. Есть такая функция?

    Asked by DeD_AvToRuTeT,

    0 votes
    7 answers

  19. Добавление Комментарий на страницу

    У меня вопрос... как можно поставить панель комментариев на страницу написанную с нуля... не находящейся не никаком сервере... как можно сделать так чтоб люди могли комментирование то что на ней написано ну чтоб панель была такого вида приблизительно помогите пожалуйста И да ещё эта страница .html

    Asked by Joko,

    0 votes
    11 answers

  20. Chrome не правильное отображение

    Доброй ночи всем. Только что поставил на сайт поиск от гугла. Решил протестировать, Mozilla, IE(что удивительно) нормально все, а с Chrome проблема, и даже не знаю, что ему не нравиться... проблема на странице результатов поиска, в Хроме после результатов не здоровый отступ вниз. Заканчивается код поиска, и перед классом clear дыра...пикселей на 200-300. Дивы все нормально закрыты, первый раз такое. <script type="text/javascript" src="//www.google.com/afsonline/show_afs_search.js"></script> </div> <div class="clear"></div> </div> <div id="footer"> кстати, посмотрел на этом сайте, так тут тоже Хром внизу результатов поиск…

    Asked by Victik,

    0 votes
    12 answers

  21. тормозит отображение стиля

    Народ, вобщем проблема такая, открываю я страничку своего сайта, и сначала она отображается как будто стиль не применен, а потом через секунду применяются стили и страничка выглядит так как должна выглядеть. Урл к сожалению не могу дать. В чем может быть проблема где порыться? Пробовал код через валидатор прогнать, он нашел кучу хлама, но даже с обновленным кодом чудит. сайт написан на php и делает всякие запросы к базе данных. Я взял открыл страничку и скопировал html код, и запихнул в отдельный файл, тормоза остались. Даже та страничка где всего 2 картинки по 15кб тормозит с отображением

    Asked by Frie,

    0 votes
    1 answer

  22. IE - основные проблемы, хаки и др.

    Читая различные блоги и статьи, понимаю, что многие пишут про проблемы с IE, особенно с 6 версией. 1) Для каких тегов, элементов наиболее часто возникают проблемы в IE? То есть например на htmlbook.ru для тега margin есть примечание, что возникают проблемы с ie. С какими наиболее часто встречающимися тегами и элементами, используемыми в верстке, обычно возникают проблемы с ie? 2) Когда используются хаки? Каким образом вы понимаете что вам нужен тот или иной хак? Или их не так много?

    Asked by Rustick,

    0 votes
    5 answers

  23. Notepad++, плагин WebEdit, редактирование WebEdit.ini

    Это часть файла WebEdit.ini [Commands] ; Syntax: <Item name>=<Left text>|<Right text> ; Known escape sequences: \\ \t \n \r <style></style>=<style type="text/css">|</style> При вставке кода выдает такой вид: <style type="text/css"> </style> Как можно сделать так: <style type="text/css"> </style> Догадываюсь что нужно использовать эту подсказку (но не знаю значение этих знаков) ; Known escape sequences: \\ \t \n \r

    Asked by andrecool,

    0 votes
    1 answer

  24. Центровать текст в блоке, который содержит другой элемент

    <div style="text-align: center;"> <form style="float: left;" method="link" action="#"><input type="submit" value="Кнопка"></form><a href="#">Заголовок</a> </div> привет! хочу чтобы заголовок был по центру дива, но кнопка его отодвигает в право, и кажется, что заголовок не по центру. помогите найти простое решение данной проблемы.

    Asked by barman,

    0 votes
    6 answers

  25. Выравнивание нескольких элементов при блочной верстке

    Доброго времени суток, господа! Такой вопрос - при блочной верстке на одной горизонтальной линии требуется разместить текст (2 строки) и картинку. <div style=float:left> <h1>TEXT</h1> <br> TEXT2 </div> <div style=float:right> <img alt="" src=""> </div> Как сделать так, чтобы картинка прижималась к правому краю экрана, а текст в левой части центрировался по вертикали? Чет не пойму... Зачитался уже... ((

    Asked by Asket,

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