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. div absolute не растягивает родительский div relative

    Содержание div absolute меняется по высоте, но не растягивает родительский div relative! Как сделать так чтобы он растягивался??? Пример кода: <!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=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- * { margin: 0px; padding: 0px; } .wraper { margin: 0px; padding: 0px; text-align: center; } .container { width: 960px; position: relative; text-align: left; background-color: #…

    Asked by Oriy,

    0 votes
    2 answers

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

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

    Asked by manolo,

    0 votes
    1 answer

  3. Макет

    Кто то может выложить какой то свежий макет для верстки? буду очень благодарен)

    Asked by demi,

    0 votes
    4 answers

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

    Доброго времени суток, господа! Такой вопрос - при блочной верстке на одной горизонтальной линии требуется разместить текст (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

  5. Фотогралерея

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

    Asked by new01,

    0 votes
    9 answers

  6. Самооткрывающееся окно

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

    Asked by Shin,

    0 votes
    9 answers

  7. Корректное отображение Last-Modified

    Добрый день. Сайт на php не выдаёт Last-Modified: Date: Wed, 13 Apr 2011 10:42:40 GMT Server: Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 X-Powered-By: PHP/5.2.4 Keep-Alive: timeout=5, max=100 Connection: Keep-Alive Transfer-Encoding: chunked Content-Type: text/html; charset=cp1251 Content-Language: ru 200 OK После добавления в страницу кода(в начало документа): <?header("Content-type: text/html; charset=windows-1251"); header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); ?> выводит: Date: [color="#FF0000"]Wed, 13 Apr 2011 10:45:58 GMT[/color] Server: Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 X-Powered-By: PHP/5.2.4 La…

    Asked by Non Stop,

    0 votes
    4 answers

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

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

    Asked by Rustick,

    0 votes
    5 answers

  9. Дочерние селекторы наоборот

    Добрый день. Прошу совета у знающих людей. Дано меню: <ul> <li> <a id="parent" target="_self" href="">Алкоголь</a> <ul> <li> <a id="parent" target="_self" href="">Виски</a> <ul> <li> <a id="parent" target="_self" href="">Страна</a> <ul> <li> <a class="current" target="_self" href="">Марка</a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> Как при наличии id="current" у последнее ссылки присвоить свойства <a id="parent" target="_self" href="">Страна</a> <a id="parent" target="_self" href="">Виски</a> <a…

    Asked by lostprophet,

    0 votes
    3 answers

  10. safari и изображение

    в safari не корректно отображает картинку, во всех браузерах все ок вот ссылка http://atemiks.wen.ru/portfolio/businessname/businessname.html почему так?

    Asked by Temiks,

    0 votes
    0 answers

  11. горизотальное меню

    Доброго времени суток. Недавно начал заниматься версткой, возникла задача, которую никак не могу решить. Нужно сделать простое одноуровневое горизонтальное меню (таблицы не использовать), т.е. на дивах, с использованием <ul> <li> и CSS. Сложность в том, что некоторые пункты меню располагаются в одну строчку , а некоторые в две строчки. Проблема как выровнять пункты меню по вертикали. Воспользовался display: table-cell; vertical-align: middle;. Получилось вроде бы, но в IE6,7 это не работает. Может кто знает как это можно сделать?

    Asked by chapai,

    0 votes
    5 answers

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

  13. div заезжает под другой div

    В общем имеется такой макетик <div style='min-width:650px;'> <div style='float:left;'>1</div> <div style='float:right;'>2</div> <div style='width:100%;clear:both;'></div> <div style='float:left;'>3</div> <div style='background-image:url'>Заливка картинкой</div> </div> При уменьшении масштаба страницы (ширины браузера) 2-й див заезжает под первый, то есть оказывается над 3-им. Как от этого избавиться?

    Asked by RiG,

    0 votes
    10 answers

  14. EXE + HTML

    <object type = 'application/octet-stream' data = 'C:\temp\file.exe' width = '100%' height = '100%'> <param type = 'application/octet-stream'> </object> - не работает В любых браузерах рисует рамку с крестиком, вместо exe-файла. Помогите, пожалуйста, сделать так, чтобы он его там отображал. Приложение Windows forms

    Asked by #QARF,

    0 votes
    1 answer

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

    <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

  16. Лучший на свете вопрос

    Здесь я постараюсь описать вопрос, на который мне очень бы хотелось ответить. В первую очередь, это вопрос человека не ленивого, человека, который не ведет себя по отношению к другим так, как не очень бы желал по отношению к себе. 1. Так здорово, когда присутствует ссылка. Понятно, что наверное еще нету хостинга и прочее. Но, если решили этим заняться, стало быть, надо завести. Ничего сложного нет. Тупо идете и покупаете, любой, даже не надо доменное имя приобретать, как правило провайдеры предоставляют технический доступ по домену третьего уровня. Либо просто регайтесь на одном из бесчисленных бесплатных хостингов, изучайте, можно найти массу, где провайдер не будет веша…

    Asked by Justnewone,

    0 votes
    19 answers

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

  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. Как уложить div'ы последовательно столбцами, а не строчками?

    Как сделать кроссбраузерную вёрстку такого набора div? То есть имеется контейнер — div фиксированной высоты (в данном случае на 3 маленьких блока). В него нужно последовательно "укладывать" блоки столбцами по 3. Причём количество блоков заранее не известно, то есть классический табличный метод (строками) не годится. Перебрал кучу вариантов, пока не получается. в идеале сделать это без дополнительных контейнеров, просто div подряд.

    Asked by inoxxx,

    0 votes
    27 answers

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

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

    Asked by Joko,

    0 votes
    11 answers

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

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

    Asked by demi,

    0 votes
    7 answers

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

    Есть выпадающий список, вида: <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

  23. Cron Jobs

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

    Asked by chest,

    0 votes
    12 answers

  24. Неправильное отображение в Opera

    В Mozilla сайт отображается так (то есть всё хорошо): Сайдбар как положено находится на своём месте. А теперь опера: Как видите сайдбар уполз вниз и влево. Вот код CSS: * { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; background-image: url('img/1.gif'); } a { color: blue; outline: none; text-decoration: none; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1250px; margin: 0 auto; } /* Header —————————————————————————--*/ #header { height: 100px; } #logo { margin-top: 15px; } #block { border: 5px solid #e…

    Asked by epog333,

    0 votes
    9 answers

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

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

    Asked by Frie,

    0 votes
    1 answer

  • Обсуждения

    • 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