HTML Coding

29542 questions in this forum

1. MSIE и overflow hidden

   Верстается div-ная страница. Расклад — центр всё время по середине, тянется. Например способом, уведённым у самизнаетекого: CSS #main {width:100%; clear:both; overflow:hidden; position:relative;} #main:after {content:''; display:block; clear:both;} #main_toleft {position:relative; right:50%; float:right;} #main_toright {width:1600px; position:relative; z-index:1; right:-50%;} HTML <div id="main"> <div id="main_toleft"> <div id="main_toright"> <img src="/ima/image.jpg" width="1600" height="400" /> </div> </div> </div> Смысл — прятать левую и правую стороны картинки за окна браузера, когда у пользователя малые разрешения монитор…

   Asked by petrzverev, December 14, 2011

   0 votes
   6 answers
2. clear внутри float-блока

   Вот суть моей проблемы: при использовании div:clear внутри блока контента, все съезжает вниз, ровно на высоту левой колонки. если div с параметром clear находится внутри таблицы, то такого не происходит.

   Asked by ViES, January 4, 2012

   0 votes
   4 answers
3. Как сделать такую ​​кнопку средствами css?

   Как сделать такую ​​кнопку средствами css? http://cs618926.vk.me/v618926727/1e8c/J3f325TSgSE.jpg

   Asked by Ghost86421, March 30, 2014

   0 votes
   9 answers
4. Плавная смена изображения

   Возможно ли такое?: .button{background: url(play.png);} .button:hover { background: url(play_hover.png); transition:background .5s ease; } У меня плавно изображение на заменяется, как ожидалось. Может это просто не предусмотрено в CSS?

   Asked by SidSpears, February 6, 2015

   • css
   • transition
   0 votes
   7 answers
5. Какой синтаксис для background

   Часто встречаю разные варианты для тега background. Ссылка на картинку может быть в двойных кавычках, одинарных, или вообще без кавычек. Работают все варианты. Скажите пожалуйста, как правильно? Вот пример: - background:url('http://site.com/error.png')- одинарные - background:url("http://site.com/error.png")- двойные - background:url(http://site.com/error.png) - без кавычек

   Asked by alleclf, March 29, 2015

   0 votes
   9 answers
6. Адаптивный дизайн

   Добрый день. Подскажите пожалуйста такую вещь. Сделал сайт http://intechsoft.ru/about/news/верстка адаптивная. В css использовал медазапрос @media screen and (max-width: 991px) чтобы для экранов с разрешением <991px сайт немного по-другому отображался. Сказали что на Ipad air 5 (2048х1536px) вроде разрешение сайт криво отображается. Как мне сделать полноценную адаптивность? Какие медиазапросы лучше использовать? Вообще как лучше писать: @media screen and (max-width: 991px) @media screen and (min-device-width: 991px) что из этих будет правильнее?

   Asked by kolhoz, April 29, 2015

   0 votes
   6 answers
7. Как узнать что на сайт зашли с внешнего ресурса?

   Как узнать что юзер зашёл на сайт не из внутренних страниц сайты, а с другого адреса? Это точно с использованием пхп, но как? Как бы редиректить на определённую страницу людей зашедших с внешнего ресурса.

   Asked by Alarr, August 26, 2015

   0 votes
   13 answers
8. Подскажите с формой поиска

   Подсобите плизз, нубу Написал простую форму поиска на html css . В поле ввода находится текст типа Browse Products , когда курсором стираю этот текст и обновляю страницу - надпись в поле больше не появляется, только если полностью закрыть браузер и снова загрузить эту страницу. Такая ситуация только в Мазиле и EI 8 версии. Всю голову сломал...

   Asked by Sarkazmus, October 12, 2015

   0 votes
   7 answers
9. Почему не работает sourcemap в JavaScript?

   Третий день пытаюсь понять почему не работает sourcemap в браузере. А именно не работает JS, с CSS все норм работает. Вот код: gulp.task('script', function() { return gulp.src(src.js) .pipe(sourcemaps.init()) .pipe(concat('script.js')) .pipe(sourcemaps.write()) .pipe(gulp.dest(path.js)) }); Что я делаю не так или может что-то дополнительно нужно скачать для браузеров ? ps: надеюсь тут у Вас найду ответ...

   Asked by AbaGardon, October 3, 2018

   • sourcemaps
   0 votes
   0 answers
10. Помогите сверстать блок

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

    Asked by dm-stanislav, June 11, 2020

    • сайт
    • верстка
    • css
    • html
    0 votes
    1 answer
11. Ограничение по ходам в игре "Виселица"

    Всем привет! Помогите, пожалуйста, добавить в код ограничение по ходам, если возможно как-нибудь проще. В инете находила решения, но с ними код всё равно не работает как положено. Заранее спасибо!! https://jsfiddle.net/6zjoLpnt/1/

    Asked by Алеся, November 7, 2021

    • js
    • javascript
    0 votes
    0 answers
12. Всплывающая подсказка

    У меня вопрос как мне сделать подсказку для ссылки на основе переката изображения css: A.history { background: url('../images/buttons/history.jpg'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 209px; /* Ширина рисунка в пикселах */ height: 49px; /* Высота рисунка */ } A.history:hover { background-position: 0 /* Смещение по горизонтали */ -49px; /* Смещение вверх по вертикали */ } html: <a href="index.html" class="history"></a> с простой то картинкой все понятно <img border="0" src="images/don't-panic_09.jpg" width="209" height="49" alt="История">

    Asked by Noks, January 29, 2009

    0 votes
    6 answers
13. SMS оплата на сайте

    Всем привет! Кто прикручивал смс оплату к сайту? Поделитесь опытом, какие сервисы использовали....... Несколько дней капаю тему. Нашел ряд сервисов: smscoin, smsonline, smszamok - самые внятные. Но для моей задачи не все подходит. Нужно интегрировать табличку с инструкцией прямо в страницу сайта Поддержка разных язков И звавязать сервис с системой сайта, чтобы выдать покупателю, по факту оплаты, ссылку на е-маил. SMScoin подходит почти по всем параметрам, но его смс ключ не интегрируется с страницу... идет как самостоятельная страница оплаты Может кто встречал аналоги?

    Asked by banyman, March 23, 2009

    0 votes
    3 answers
14. Посоветуйте скрипт фотогалереи

    Посоветуйте, плз, скрипт фотогалереи. Регистрация пользователей не нужна, как и загрузка фотографий ими. Все делает админ. Просто отображение картонок. Например, как у яндекс -картинки - при просмотре отдельной картинки внизу "листалка" остальных изображений. Иил чтобы из такой же панельки при нажатии, "всплывала" увеличенная фотография.

    Asked by top-top, April 16, 2009

    0 votes
    3 answers
15. Есть программа для проверки ссылок?

    Сейчас делается сайт, полностью на html. Просьба заказчика (вернее суровых сеошников). Сайт большой и огромное число ссылок внутри сайта. Есть ли программа или какой-нибудь сервис, который может проверить правильность ссылок на сайте. Ну например, пройтись по всем страницам и узнать, не возвращается ли где ошибка 404?

    Asked by Nird, January 28, 2010

    0 votes
    4 answers
16. Div под divом

    Здравствуйте. Есть небольшая задача, которую я со своим уровнем знаний не могу решить. Необходимо там, где на скрине отмечено желтым написать 14 Кб, 456х235. Я не знаю, как туда вставить еще один div, чтобы он шел строго параллельно с картинкой и равнением посередине. Вот код: <div class="reply"><a id="33206"></a><div class="thumb" style="background-image: url('/m2-ch/fa/thumb/1301815846059s.jpg');"></div>03 Апр, 11:30 <span class="reflink">#33206</span><br />Текст сообщения</div> .reply { background : #ddd; border : 1px solid #ccc; margin: 5px; padding: 5px; overflow: hidden; } .thumb { float : left; border…

    Asked by 7ion, April 3, 2011

    0 votes
    3 answers
17. Оптимизация

    Добрый вечер! Я создала блог на blogspot.com ,сегодня купила домен.. Но столкнулась с проблемой , заходя на другие браузеры , такие как Safari (Mac) , Internet Explorer .. всё передвигается ,цвета другие , расширение тоже. В этом деле я новичок , поэтому не судите строго! Блог по заказу и нужно чтоб на всех браузерах отображался одинаково. Поэтому прошу у вас помощи , в оптимизации мало что понимаю . Подскажите что нужно делать , на мозиле всё отображается хорошо. Вот сам блог : buddyleeblog.blogspot.com

    Asked by VioletaMeynell, October 11, 2011

    0 votes
    8 answers
18. Два div друг под другом с выравниванием по правому краю

    Добрый вечер. Помогите начинающему. Сижу уже второй час над задачкой. Проблема на странице http://vtrailere.ru/treiler-k-filmu-bolshoi-god . Мне нужно чтобы даты выхода в мире и в РФ были друг под другом. Не могу понять помему они сейчас не под друг другом так как они не inline. Заранее спасибо подсказавшему

    Asked by smirn0ff, October 23, 2011

    0 votes
    4 answers
19. Поставить H1 и div в одну строку

    Здравствуйте, нужна помощь по следующему вопросу: Хочу поместить кнопку Google +1 на страницу каждой категории. Как сделать так, чтобы кнопка была справа от заголовка? Вот стиль заголовка категории: h1.archive-title { padding:0 0 15px; margin-bottom:15px; border-bottom: 1px solid #ddd; }Для кнопки я создал стиль: #plusone { float: right; display: inline; }Поставил div с кнопкой рядом с заголовком: <h1 class="archive-title"><?php _e("Рецепты"); ?>: <?php echo single_cat_title(); ?></h1> <div id="plusone"><g:plusone></g:plusone></div>Естественно, так оно не работает. Пробовал прописывать в стиле для h1 (displ…

    Asked by povar, October 24, 2011

    0 votes
    8 answers
20. 2 div в одну линию при неизвестной ширине родительского div

    есть примерно такая ситуация <div class="0"> <div class="1"> </div> <div class="2"> </div> </div> div.1 { float: left; width: auto; } div.2 { float: left; width: 83%; } Ширина div.0 не известна, т.к. это схема организации комментариев, а при "комментарии на комментарий" div.0 смещается вправо и соответственно сужается. Можно ли сделать так, что бы div.2 растягивался на всю ширину от правого края div.1 до правого края div.0?

    Asked by Nilagor, October 28, 2011

    0 votes
    5 answers
21. Простая задачка по CSS

    В общем вот: Начал было делать так: #contentwrapper { /Chrome работает; в IE 10 - шляпа.*/ position: absolute; top: 50%; width: 100%; margin-top: -250px; background: #1e87c9; height: 500px; } /*И не знаю как сделать пункты 2 и 3*/

    Asked by groza, November 21, 2012

    0 votes
    2 answers
22. Семантика заголовков section -> article

    Доброго времени суток! У меня следующая проблема - не понимаю как семантически правильнее верстать следующую структуру: <section> <h1>Title</h1> <article> <h1>Article-title №1</h1> <p>Article-content №1</p> </article> <article> <h1>Article-title №2</h1> <p>Article-content №2</p> </article></section>или <section> <h1>Title</h1> <article> <h2>Article-title №1</h2> <p>Article-content №1</p> </article> <article> <h2>Article-title №2</h2> <p>Article-content №2</p> </article></secti…

    Asked by Libiros, March 3, 2014

    • section
    • article
    • h1
    • семантика
    0 votes
    4 answers
23. Удаление подсказки из ссылки после нажатия

    Как прописать полное удаление описания .removeAttr('original-title') jQuery(document).ready(function($) { $('#amoney').on('click', '.south', function(){ $('#amoney .south').removeClass('active').removeAttr('original-title'); $(this).addClass('active'); }); });

    Asked by lev99, July 23, 2015

    • jquery
    0 votes
    13 answers
24. Границы таблицы в WordPress

    Привет, ребят! Наверное, типовой вопрос новичка, но перелопатив всё - так и не смог разобраться. Делаю таблицу на своём блоге. Чтобы не забивать код самой страницы, я просто присваиваю класс, вот так: <table class="table-card"> <tr> <td>Один</td> <td>Два</td> </tr> </table> В style.css пишу следующий код: .table-card{border-collapse:collapse} Но так и получается убрать границы у таблицы. Где я косячу? Сразу уточню: В шаблоне уже есть заданный класс для таблицы. Я меняю его на свой, как показал на первом примере... Надеюсь, что это правильно. На картинке я изобразил приблизитель…

    Asked by prowerty, October 7, 2019

    0 votes
    0 answers
25. Css наследование

    Добрый день! Как сделать наследование при описании класса? Именно при описании, а не родитель -дочерний элемент. Т.е. есть div.Class1 {тут куча всего} Этот класс не используется напрямую, но от него наследуются два класса, т.е. должно получится div.Class2 {border: 1px solid red;} + то, что я определил в Class1 div.Class3 {border: 1px solid black;} + то, что я определил в Class1 Т.е. Class 1 сделан чтоб просто чтоб не дублировать одно и тоже при описании Class2 и Class3 Надеюсь, суть вопроса ясна ? Спасибо

    Asked by minvareg, October 8, 2020

    • css
    0 votes
    3 answers