HTML Coding

29542 questions in this forum

1. Фиксирование блока ( position: fixed или иное)

   Уважаемые товарищи! Сравнительно недавно сел за верстку проекта и столкнулся с новой для себя проблемой. Надеюсь на действенные советы и помощь. Суть задачи: Верстка страницы сайта в 3 колонки div-ами, располагающимися внутри основного. Также в основном блоке имеется горизонтальный <div>, который требуется зафиксироватиь внизу экрана, чтобы при скролле страницы ( в случае появления скролла) он оставался всегда на своем месте. В верстке основных блоков проблем не возникло, а вот при реализации фиксированного блока появились трудности. Для реализации этой задачи я использовал position: fixed; bottom: 0px; Блок зафиксировался на нужном месте, но в Google Chrome …

   Asked by Altenrion, August 26, 2012

   0 votes
   3 answers
2. Целесообразность использования новых тегов.

   Доброго времени суток камрады. Я тут задумался, а есть ли смысл в использовании новых тегов? Таких как article, section, aside и некоторых других (только тех которые пришли на замену div'av). До сих пор я активно их использовал но заметил, что все что они делают - это создают лишние мыслительные процессы на подобие - а что лучше использовать тут - aside или div. А тут может быть section или обойтись div'ом. И так далее. Да и тем более я еще не увидел за все время своих странствий по интернету сайта, в котором бы применялись эти теги. Изредка у некоторых проскакивает только header и footer. А что вы об этом думаете?

   Asked by logicface, June 21, 2014

   • tags
   • html5
   • new tags
   • теги
   0 votes
   5 answers
3. Позиционирование текста

   Добрый день на сайте http://lotos-seeds.com.ua/product-category/catalog/semena/morkov/добавил текст, пытаюсь его разместить внизу под товарами - не получается. Пытался через позиционирование - текст опускается, но как сделать так чтобы блок по высоте расширился при перемещении текста вниз. В противном случае текст налазит на товар! Спасибо. ссылка

   Asked by mrfrunze, March 18, 2015

   • css
   • position
   0 votes
   9 answers
4. Не работает суб меню

   Подскажите что не так сделал, почему не появляется при наведении суб меню? https://jsfiddle.net/5jmutb4e/

   Asked by viliksar, November 9, 2018

   0 votes
   5 answers
5. Как закольцевать музыку в embed?

   Собственно вопрос изложен. Необходимо чтобы музыка постоянно играла на страничке сайта.

   Asked by mal001, July 31, 2008

   0 votes
   1 answer
6. Div в div'e

   Здравствуйте! Есть div, в котором содержится еще 6 div'ов - 6 кнопок. Каждая кнопка немного наложена на другую, поэтому место, занимаемое кнопками, меньше размера исходного div'a. Т.е. кнопка длиной 135, 135х6=810. С учетом наложения - 735. Если делать исходный div размера 735, то последняя кнопка переносится на след. строку. Я думаю из-за того, что кнопки были смещены относительно исходного положения. Как это убрать? <div id="menu"> <div id="block1"><img src="but1.gif"></img> </div> <div id="block2"><img src="but2.gif"></img> </div> <div id="block3"><img src="but3…

   Asked by chertixa, September 29, 2010

   0 votes
   4 answers
7. Валидация JavaScript в FireFox

   Валидатор в FireFox ругается на JavaScript. Пробовал несколько вариантов, но проблема не решается. <script type="text/javascript"> <!--//<![CDATA[ код скрипта //]]>--> </script> и <script type="text/javascript">/*<![CDATA[*/ код скрипта /*]]>*/ </script> На сколько можно верить валидатору "огненной лисы"?

   Asked by Alex&R, February 9, 2011

   0 votes
   6 answers
8. Горизонтальное выравнивание div`ов относительно друг друга

   Верстаю вид материалов, сначала все шло гладко, но после добавления БГ под постер все пересра*ось Нужно, что бы стояло ровно, прошу помощи... Краткая новость <div class="news-block"> <div class="title_bg"><div class="news_title">[full-link]{title}[/full-link]</div> [not-group=5] <div class="edit_icon"> [edit]<img src="{THEME}/dleimages/editstore.png" title="Редактировать" alt="Редактировать" />[/edit] </div> [/not-group] </div> <div class="news_bg"> [xfgiven_poster]<div class="poster_bg"><div class="poster"><img width="210px" src="[xfvalue_poster]" /></…

   Asked by fr1run, July 21, 2011

   0 votes
   1 answer
9. Почему маркеры не убираются?)

   html файл: <html> <head> <title>психоанализ </title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <ul> <li> ницше </li> <li> фрейд </li> <li> юнг </li> <li> гросс </li> </ul> </body> </html> css файл (название - style.css) ul {list-style-type:none;}

   Asked by theskyineyes, March 27, 2012

   0 votes
   3 answers
10. Не стандартная верстка

    Хотелось бы узнать ваши идеи верстки вот такого дизайна.В моей верстке пожалуйста не обращайте внимания на стили внутри html тегов, это сейчас не важно. При таком варианте, у меня проблема в том, что при разрешении по высоте более 1080px темные треугольники (padding картинки) внизу (будут обрезаны, так как фиксированная высота и overwlow у wrappera). Не нужен код, а просто - Ваш метод и основная идея или решение моей проблемы? Спасибо.

    Asked by gritsyuk, August 13, 2012

    0 votes
    4 answers
11. подскажите как заставить блоки располагаться в одну строку

    Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 2 строки. Вот как сделать, чтобы запретить перенос на новую строку? Код ниже: <div class="row"> <div style="padding-top:3em; padding-bottom: 4em;"> <div class="threecol"> <a href="/"><div class="logo"></div></a> </div> <div class="sevencol"> <div style="margin-left: 18px; float: left;"> <div style="width:36p…

    Asked by mrak, March 7, 2013

    • html
    • css
    0 votes
    1 answer
12. Горизонтального меню на списке

    Доброго времени суток! Делаю горизонтальное меню с разделителями. Разделители обычный слэш "/" Решил использовать псевдоэлементы для вставки разделителей. Контейнер имеет float и его размеры не известны (резиновый). Естественно расстояние между элементами списка должно "тянуться". По сему решил сделать margin у псевдоэлементов с процентным значением. В итоге наблюдаю, что последний элемент списка переносится из-за недостатка ширины контейнера. Причем видно, что ширина контейнера равна ширине блока без margin у псевдоэлемента. Складывается ощущение, что браузер просто "теряется", ибо не знает откуда взять значения для расчета полей. Замечу, что при "ручном" измен…

    Asked by c01nd01r, November 23, 2013

    • псевдоэлементы
    • меню
    • список
    0 votes
    6 answers
13. Фильтр по товарам: как такой свертстать

    Здравствуйте! Нужно сверстать фильтр по параметрам. Этот возможно сверстать в виде <select> ? Как стилизовать эти checkbox?

    Asked by Светлана Г., December 22, 2014

    • select input кастомизация
    0 votes
    15 answers
14. Про заголовки (h*)

    Добрый вечер (или день!) Вопрос (надеюсь) простой, а именно: "Как правильно располагать заголовки на странице?" Они должны соблюдать иерархию? (От 1 > 6) Или можно ее нарушать? (Например, раздел сайта с заголовком h2, в нем три блока с заголовками h5) И как дело обстоит в section и article? Как я понимаю, в них используется своя структура заголовков? И последний вопрос. Можно ли использовать заголовок в списке (ul)? Где вместо первого li становится этот самый заголовок.

    Asked by BehemothOz, December 24, 2015

    0 votes
    14 answers
15. Сайт на php

    У меня есть сайт на hostinger. Он в html-формате. Если я сменю формат на php, и добавлю туда некоторые строки php-кода, он будет работать на php? Возможно, вопрос будет не понятен или даже глупым, но только так пока сформулировал вопрос.

    Asked by ErUnDAK, April 4, 2017

    • php
    • html
    0 votes
    5 answers
16. Как выровнить название на кнопке по левому краю

    Нужно чтобы надпись "ОЧЕНЬ ДЛИННЫЙ ТЕКСТ" выравнивался на кнопке по левому краю

    Asked by amibus, January 29, 2008

    0 votes
    1 answer
17. помогите разобраться

    Ребят, у меня следующая проблема: Я сделал фиксированную ширину у body 120.4em и отцентрировал, то есть теперь мой сайт располагается ровно по центру, потом я назначил <div id="content"> position: relative; но вот незадача: При расширении экрана в браузере ИЕ7 мой <div id="content"> почему то остаётся на месте, пока я не обновлю страницу. А вместо этого он должен сразу двигаться на середину экрана. Один друг мне посоветовал прописать у Контейнера с position: relative; #content{height:1%;}, но почему то это не работает, может кто подскажет, в чём проблема и как она решается? вот html: http://psywalker2008.narod.ru/Nep/index.html вот CSS: http://psywalker2…

    Asked by psywalker, February 21, 2009

    0 votes
    7 answers
18. Вывод в браузере HTML кода

    Всем привет. В браузере нада вывести html код. Допустим есть следующий код: <title>Пример!!!</title> Заменяю "<" на "_&lt_" ">" на "_&gt_" * "_" - это пробел. Получаю: _<_title_>_Пример!!!_<_/title_>_ получается код обростает пробелами. Если спец символы сливаются с текстом то браузер их не воспринимает. Можно сделать так: "<" заменить на "<!—->&lt<!—->" ">" заменить на "<!—->&gt<!—->" но получается слишком громостко. Есть ли другие варианты?

    Asked by CoDy, May 17, 2009

    0 votes
    1 answer
19. HTML/CSS глазами Чайника. Блочная верстка.

    В общем ничего не понимаю Хочу разобраться с каркасом блочного сайта. 1. !<DOCTYPE> Какой указать. А именно интересует вопрос, почему у меня Mozilla не отображает страницу блочную по средствам стилей. Самое интересное, что при указывании <DOCTYPE> IE + Opera аналогично просто отображает текст. В общем мои изыскания: <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="ru" /> <meta name="description" content="Здесь должно быть описания, и явно динамическое, т.е. разное для разных страниц" /> <meta name="keywords" content=" Тоже самое что и Description, почти - клю…

    Asked by evgenvl, June 18, 2009

    0 votes
    5 answers
20. Помогите разобратся. Шаблон на <DIV> + CSS

    Привет всем. Значит такое дело: верстал шаблон и столкнулся с такой маленькой задачкой. А точнее 2умя маленькими задачками (: 1-ая проблема: Есть шаблон. В нем есть главный див (.maindiv), в котором находится все содержимое. Длинна этого дива 995px. С помощью margin: auto; он располагается по центру страницы. Однако есть ещё один элемент дизайна - .provod . Этот элемент должен располагаться в верхней части страницы и вплотную прилегать к правой стороне главного дива (.maindiv) . Так же, дабы не увеличивать ширину сайта ( и смотреть его без скрола на маленьких разрешениях), надо что бы этот див (.provod) был как бэкграунд - при нехватке места на мониторе он прятался бы за …

    Asked by FriZZ, December 30, 2009

    0 votes
    8 answers
21. Прокрутка

    Здравствуйте, хотел поинтересоваться каким способом осуществлена прокрутка страницы на этом сайте? Как я понял она работает только в google chrome. Нашел что-то похожее на JQwery, плагин под названием «CustomScrollbar». Но на этом сайте я что-то не нашел чтоб подключалась библиотека на которой основан этот плагин(если, конечно так можно выразится). Так что я подумал, что это сделано на html5, css3, но что-то не понял как. И есть ли еще хорошие примеры с реализацией такой прокрутки, то можете поделится ссылками. Я нашел еще на гугле И вопрос, если реализовывать такую прокрутку, то что будет правильнее использовать, скрипт или css3?

    Asked by Горошко Клим, December 22, 2011

    0 votes
    5 answers
22. Вставка произвольного текста в textarea (при нажатии кнопки)

    Привет. Есть textarea, описываемая следующим кодом: <textarea name="file_des" cols="116" rows="10"></textarea> Каким образом можно сделать так, чтобы при нажатии определенной кнопки, в данной textarea появлялся текст? По сути, нужен функционал веб-редактора текста с bb-кодами, но: 1. Мне нужна автоматическая вставка html-тегов, а не bb-кодов 2. Функционал готовых систем избыточен, мне нужно буквально несколько кнопок: для вставка переноса строки и форматирования стиля текста. Хотя пробовал подключить CKEditor: загрузил файлы, назначил полю класс ckeditor, но ничего не заработало. Куда копать?

    Asked by bagfinder, October 28, 2013

    • textarea
    0 votes
    1 answer
23. https

    помогите пожалуйста понять что такое https из прочитанного я пока понял приблизительно следующее: 1. если сайт обменивается с посетителями ценной информацией(например сайт банка предоставляет сервис личного кабинета с возможностью перевода денег), то все данные должны передаваться в зашифрованном виде. 2. то есть владелец сайта через какой-то сервис(типа сервиса по прожадам доменных имён) покупает ssl-сертификат и после этого между сайтом и браузерами клиентов передаётся контент, зашифрованный при помощи 100-значного ключа 3. таким образом количество запросов между клиентом и сервером увеличивается. соответственно скорость получения информации несколько уменьшается ес…

    Asked by cyklop77, November 4, 2015

    • https
    • ssl
    0 votes
    6 answers
24. При position: absolute перестает работать margin: auto.

    https://jsfiddle.net/wm5uk9w6/ При position: absolute перестает работать margin: auto. Почему?

    Asked by torsar, May 7, 2017

    0 votes
    5 answers
25. Нужна помощь с чекбоксами

    столкнулся с такой проблемой, имеем форму <form action="action.php" method="POST"> ,в ней находятся около 130 чекбоксов, все в разных divах, чекбоксы имеют вид <label><input type="checkbox" name="id_1" class ="list" value ="#EXTINF:0,UA:Перший http://puuuuruuuu.ps/pershiy/mpegts"> <span class="spanchik"> <img title="UA:Перший / Эра" data-id="1" alt="UA:Перший / Эра" src="images/inf/1pershiy.png" style="max-width: 100%;max-height: 90%;width:auto;"> </span> </label> у каждого чекбокса свой name="id_1" , "id_2" и по нарастающей. Так к чему я веду, сколько гугла не перегуглил, не могу найти информацию о том, как сделать кнопки…

    Asked by JeraxXai, July 8, 2017

    • checkbox
    • check
    • checked
    • input
    • label
    • script
    0 votes
    3 answers