Как убрать лишние пробелы над текстом

Allfriend

Здравствуйте, я пытаюсь приблизить этот текст «* Читальный зал SCRC закрыт на осенний семестр 2020 года» ближе к «Библиотека птиц: просмотреть часы работы службы поддержки». Как бы мне это сделать, учитывая этот код.

 


<h3 class="hours-h3">Bird Library</h3>


<script src="http://api3.libcal.com/js/hours_grid.js?002"></script>


<div id="s-lc-whw1503"></div>


<script>


$(function(){


var week1503 = new $.LibCalWeeklyGrid( $("#s-lc-whw1503"), { iid: 3186, lid: 1503, weeks: 8 });


}); </script>


*SCRC Reading Room is closed for the Fall 2020 Semester

Код (разметка): изображение можно найти на https://ibb.co/W5NDRk4

Mr_Dave

Привет, У нас нет вашего CSS-кода, но я думаю, что ваш должен иметь поле-дно или отступ-дно. Вам нужно удалить его. Если у вас есть доступ к CSS, попробуйте:

 #s-lc-whw1503 {
padding-bottom:0;
margin-bottom:0;
}

Код (разметка):

Gutaref

У вас есть две вещи, влияющие на интервал .page-row-block (local.css, строка 2478) имеет отступ снизу: 30 пикселей. hr имеет поля сверху и снизу в 20 пикселей. Как только вы разберетесь со всем этим, взгляните на это на мобильном устройстве — заголовки таблиц требуют некоторого внимания и внимания.

Vasian2

Вы хотите добавить CSS в таблицу над ним, встроенный CSS будет иметь приоритет над файлом CSS.

Что-то вроде этого поможет

Чтобы получить эти снимки экрана, я использую инструменты разработчика в своем браузере — в данном случае Chrome, щелкаю правой кнопкой мыши и выбираю «Проверить».

Это позволяет мне щелкать или наводить курсор на части экрана.

В этом случае я вижу, что внизу таблицы есть бежевая полоса, обозначающая поле для этого элемента.

Если сделать то же самое для текста *SCRC, бежевая полоса не появится, сообщая мне, что для этого элемента не установлено поле.

Как только я узнаю, откуда взялось пустое пространство, я могу начать возиться с внесением в него изменений, и как только я знаю, что нужно изменить и где я могу перенести эти изменения в свой сценарий и запустить его.

infocity

Я добавил это, но не повезло

 


<h3 class="hours-h3">Bird Library</h3>


<script src="http://api3.libcal.com/js/hours_grid.js?002"></script>


<div id="s-lc-whw1503"></div>


<script>


$(function(){


var week1503 = new $.LibCalWeeklyGrid( $("#s-lc-whw1503"), { iid: 3186, lid: 1503, weeks: 8 });


}); </script>


<div style="padding-bottom:0; margin-bottom:0;">*SCRC Reading Room is closed for the Fall 2020 Semester</div>

Код (разметка): вы можете найти его на https://library.syr.edu/hours/index.php

, если вы прокрутите вниз до «БИБЛИОТЕКА ПТИЦ»

apro3

понял, вот твой виновник у вас какой-то действительно отвратительный макет страницы. Таблицы предназначены для отображения данных без предоставления макета.

Alexander Suvorov

Спасибо, я ценю это, я не думаю, что у меня есть доступ к CSS, можете ли вы предоставить какой-нибудь встроенный CSS, который это исправит? так *Читальный зал SCRC закрыт на осенний семестр 2020 года

qwea

Еще лучше не засорять разметку неправильной или несуществующей семантикой и презентационными классами, которые сводят на нет 23 года прогресса... но когда в дело вступает отупляюще тупой идиотский мусор, который является буткрапом, хорошие практики улетают прямо в окно.

Похожие темы	Дата
Помогите с лого для сайта	19.10.2024, 18:10
Технический вопрос по визиткам	19.10.2024, 18:10
Ширина макета (сайта). На что ориентироваться?	19.10.2024, 18:10
Фото на выпускные альбомы	19.10.2024, 18:10
Как обрезать иконку в paint.NET?	19.10.2024, 18:10
Веб-сайт Huff 'n Puff Big Bad (и его инструменты)	19.10.2024, 18:10
Как добавить статьи на сайт?	19.10.2024, 18:10
Как я могу правильно покрыть элемент фоновым изображением?	19.10.2024, 18:10
Действительно ли нужно ссылаться на сторонние ссылки в коде своего веб-сайта?	19.10.2024, 18:10
Нужна помощь в запуске моей веб-страницы	19.10.2024, 18:10

Как убрать лишние пробелы над текстом

Allfriend

Mr_Dave

Gutaref

Vasian2

infocity

apro3

Alexander Suvorov

qwea

I AM

Интересно