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. Макет должен тянуться

    "Макет должен тянуться,причем по сетке.Минимальная ширина 800 px,максимальная-1400 px."Как это сделать?

    Asked by guzel8,

    0 votes
    1 answer

  2. проблемы с ie6

    ie 6 вообще понимает :hover? При создании списка столкнулся с проблемой <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> li a{display:block;} .hidden{display:none;} ul li:hover .hidden{display:block;} </style> </head> <body> <ul> <li><a href="#"> Тест</a></li> <li><a href="#"> Тест</a> <ul class="hidden">&lt…

    Asked by Krote,

    0 votes
    7 answers

  3. Какого разрешения должна быть фоновая картинка у сайта

    Добрый день! Подскажите, пожалуйста, какого разрешения должна быть фоновая картинка у сайта? При учете, что сейчас максимальное разрешение экрана 2600*1440. Заранее благодарен.

    Asked by rulikch,

    0 votes
    10 answers

  4. Здравствуйте! Как отключить кэширование только 1 конкретной страницы?

    Здравствуйте! Как отключить кэширование только 1 конкретной страницы? сайт на php и в файдле .htaccess сделано так: <IfModule mod_expires.c> ExpiresActive On ExpiresDefault A86400 ExpiresByType image/x-icon A2592000 ExpiresByType application/x-javascript A2592000 ExpiresByType text/css A2592000 ExpiresByType image/gif A604800 ExpiresByType image/png A604800 ExpiresByType image/jpeg A604800 ExpiresByType text/plain A604800 ExpiresByType application/x-shockwave-flash A604800 ExpiresByType video/x-flv A604800 ExpiresByType application/pdf A604800 ExpiresByType text/html A900 </IfModule>

    Asked by igor3310,

    0 votes
    3 answers

  5. Размер ссылки

    Всем привет. Имеется таблица с ячейками 50x50 px (к примеру). При наведении на ячейку фон меняется(!). Как бы мне превратить ячейку в ссылку? То есть нажав на любое место в ячейке - пользователь бы перешел на страницу, как по ссылке. Пока я вижу 2 варианта: 1. Создать картинку 50x50 и сделать ее ссылкой. (Но ведь пропадет изменение фона ячейки при наведении) 2. Переход по событию onClick(). Есть ли другие варианты? Спасибо

    Asked by IvanS,

    0 votes
    2 answers

  6. В Опере пропадает слой

    Открываю страницу Стоит обновить страницу в браузере, прозрачный слой "advertisement" пропадает. Когда страница грузится - слой виден, как загружается - исчезает (т.е. если нажимать "ctrl+R", то слой начинает мигать). В IE, Chrome, Firefox всё отображается нормально, но в Опере такой глюк. .logo { background:url(../images/logo.png) no-repeat; height: 57px; width: 306px; position: absolute; top: 85px; left: 165px; } .logo a { display: block; height: 57px; width: 306px; } .advertisement { background: url(../images/advertisement.png) no-repeat; width: 481px; height: 90px; position: absolute; top: 55px; right: 189px; } Проблема может быть в верстке или в моей…

    Asked by MacPherson,

    0 votes
    6 answers

  7. Возможна ли защита от копирования сайта таким образом...

    Здравствуйте ребята. Люблю читать ваш форум, очень много полезного и интересного. Решила всё таки задать свой вопрос. Возможна ли защита от копирования сайта (и как она будет выглядеть в html/css) таким образом, что сама информация то скопировалась, но при размещении ее на другом ресурсе, например, всегда АВТОМАТИЧЕСКИ вставлялся источник ( того сайта с которого копировали) в виде текста "Взято с www.ресурс.ру " или же в виде картинки, при нажатии которой переходили на источник. Что думаете ребята?) очень интересны ваши предложения

    Asked by VictoriaV,

    0 votes
    26 answers

  8. проблема с подвалом

    Всем доброе время суток У меня проблема с резиновой версткой, а точнее с подвалом. он у меня прижать основным блоком Wrapper, все бы хорошо, но когда заполняется контетом, он остается на месте, а все остальное спускается как надо. Куда мне нужно поставить блок див с классом clear:both;? вот html <body> <div id="wrapper"> <div id="header"> <div id="logo"> <a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/the_gamer.png" width="286" height="66" title="The Gamer"></a> </div><!--logo--> <div id="banner"> …

    Asked by Bismuth,

    0 votes
    6 answers

  9. подскажите с background

    Подскажите как правильно сделать. На сайте http://atlasokon.com.ua/vibor.htm слева и справа колонки идут в виде: <td width="200" align="center" valign="top" background="Pics/rubber_grip1.png"> валидаторы ругаются что тег "td" не имеет атрибута "background" в активных версиях НТМL4 как с этим бороться?

    Asked by zulus,

    0 votes
    8 answers

  10. можно ли повлиять на скорость :hover

    можно ли повлиять на скорость :hover , например скорость выполнения 3секунды. возможно JS или Jquery?

    Asked by olechic,

    0 votes
    8 answers

  11. Растягивание фона блока

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

    Asked by flintovich,

    0 votes
    8 answers

  12. требования к атрибуту class

    Собственно, вопрос в следующем, какие применимы требования к описанию атрибута class в HTML4 и HTML5. Можно ли описывать следующим образом? class="elem1-subelem2-x:3-y:7-z" Буквально, простыми словами или ссылкой на спецификацию. За ссылку на параграф спецификации, дополнительное спасибо.

    Asked by kich,

    0 votes
    4 answers

  13. Вытеснить элемент из потока

    Здравствуйте. Подскажите пожалуйста. Есть основной елемент, который отпозиционирован абсолютно и его высота(top) меняется, то есть он едет вниз-вверх. Внутри него есть другой элемент, который так же отпозиционирован абсолютно, но у него есть координаты слева и сверху. Вопрос: как сделать так, чтоб изменения внешнего элемента, то есть его изменения координат сверху(top) не отоюражались на внутренем елементе, чтоб несмотря на то, что основной элемент меняет свое положение, - внутренний оставался постоянно на заданных координатах? <style> #main { position: absolute; width: 400px; } #elem { background: red; height: 100px; position: absolute; top: 300px; width…

    Asked by DarkKnight,

    0 votes
    16 answers

  14. Перенос длинных строк внутри дива

    Проблема такова есть внутри него оч длинная строка в 1 слово и она конечно расшияет DIV или вылазит за рамки его. Можно ли задать стиль чтобы строки такие перенослись. ? пример: <div style="width:200px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>

    Asked by generator2003,

    0 votes
    2 answers

  15. Почему один стиль главнее другого?

    Здравствуйте. Вот страница. Внизу страницы есть бар с рекламой, имеющей класс dorusbar. Через layout.css в самом конце файла пытаюсь задать правое расположение этому значку с помощью стиля .dorusbar { float:right !important; } Если убрать !important, то стиль этого же файла #footer div { float: left; font-size: 0.8em; line-height: 1.7em; } не позволяет сместить иконку вправо, хотя и находится выше по файлу. Отчего так?

    Asked by borus,

    0 votes
    4 answers

  16. скрипт

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

    Asked by Romeo62,

    0 votes
    10 answers

  17. какие свойства css доступны в Jquery?

    какие свойства css доступны в Jquery для использования в функции animate?

    Asked by olechic,

    0 votes
    2 answers

  18. Поле с боковыми стрелками

    Как сделать вот такое поле(допустим для выбора количества товара)?

    Asked by chocolate_moles,

    0 votes
    5 answers

  19. Совсем для новичков

    Господа, подскажите, пожалуйста, с чего начать совсем чайнику? Ни разу не верстал, начитал немного теории по html\css, хочу перейти к практике. Желательно, что-нибудь актуальное, а то гуглится только антикварная инфа. Из скиллов - базовые знания синтаксиса и примерные знания принципов работы html и css, вялый английский, 3 часа времени в день и борода. PS на уровне свадебного фотографа. Будет совсем замечательно, если опытный человек возьмет меня в подмастерье. Заранее спасибо.

    Asked by gism,

    0 votes
    7 answers

  20. Нашел хороший метод для сохранности уникального текста

    Нашел в сети хороший способ запретить копирование текста <body topmargin=5 leftmargin=5 rightmargin=5 bottommargin=5 oncopy="return false" bgcolor=white text=black> Вопрос: На сколько это вредно для SEO?

    Asked by B-Real,

    0 votes
    15 answers

  21. Выравнивание блока по центру

    Добрый день. Есть такая проблема, помогите, пожалуйста, с решением. Мне нужно реализовать 3 фиксированные колонки такого рода - одна прибита к левому краю, вторая расположена по центру, третья прибита к правому краю. Проблема в следующем. Визуально макет резиновый и зависит от ширины браузера, поэтому я не могу использовать margin-left, ведь я не знаю точное значение отступа слева. Иными словами мне нужен некий аналог свойства align="center" таблиц только в CSS и для блоков. И важный момент - нельзя использовать абсолютное позиционирование т.к. макет подразумевает наличие подвала. Спасибо.

    Asked by Alsabel,

    0 votes
    11 answers

  22. Отступ текста

    Здравствуйте.Извините за такой простой вопрос. Вот создал я класс. Вывожу картинку. В етом же самом диве пишу текст. Как текст поднять выше? ) #corner_right{ position:relative; float: right; /* Выравнивание по правому краю */ margin: -15px -8px 5px 5px; /* Отступы вокруг фотографии перша цифра відступ з верху,друга з права*/ text-align: right; }

    Asked by oggy3010,

    0 votes
    1 answer

  23. отображение содержимого div'a

    всем привет нид хэлп задача: есть див он фиксированной ширины в нем текст нужно что бы выводилось первые две строки, что не влезает - обрубалось и стояло троеточие вконце у меня получилось сделать только что бы выводилась только первая строка, и вконце троеточие делал на цсс можешь подсказать как сделать на цсс и реально ли? или стоит делать на яве? код html: <div class="event_place"> <?php print $node->field_place[0]['view'];?> </div> код css: .event_body{ display:block; text-align:justify; white-space: normal; overflow: hidden; text-overflow: ellipsis; height:2em; }

    Asked by hellem,

    0 votes
    1 answer

  24. Не выравниванивается в строку

    На сайте vdele.com.ua, в сайдбаре справа, в блоке «тор пользователей» не выравнивается рейтинг (розовые прямоугольники). Подозреваю, что проблема с «float: right;». Если его отключить, то все размещается как надо – на одной строке, только нет выравнивания вправо. А с флоатом – есть выравнивание вправо, но блок «падает» вниз. Кто знает – подскажите, как исправить. Спасибо.

    Asked by Advisory,

    0 votes
    1 answer

  25. вкл/откл блока в зависимости от размера отображаемой области

    Помогите пожалуйста реализовать включение-отключение блока (текст + картинки) в зависимости от размера отображаемой области страницы. Т.е. если страница меньше определённого размера, что бы часть информации (я условно называю это как блок) исчезала, а находящийся под ним блок занимал его место (т.е. смещался вверх). Объясню детальнее: на странице идёт символ и почтовый адрес, ниже - символ и расписание работы, ещё ниже - символ и телефоны. Вот мне нужно, что бы при уменьшении размера интернет-проводника (или если у клиента недостаточное разрешение экрана) нужно, что бы отключался блок с почтовым адресом, а вверх смещались режим работы, телефоны. При ещё уменьшении размера…

    Asked by arthur1974,

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