Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
0 / 0 / 0
Регистрация: 23.09.2018
Сообщений: 24

Текст ниже блока

24.03.2020, 12:23. Показов 1010. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
При добавлении текста в блок, он позиционируется ниже блока. Как исправить?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.03.2020, 12:23
Ответы с готовыми решениями:

Текст ссылки смещается из блока ul на уровень ниже
Пожалуйста помогите....создал вертикальное меню и текст первого "блока" сместился вниз на другой "блок"... Что делать...

Фон блока пропадает при ширине разрешения экрана ниже 500 пикселей
Есть блок div banner с картинкой на фоне. При изменении ширины она тянется, но если ширина становится меньше 500 пикселей, то пропадает...

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

7
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
24.03.2020, 13:00
Цитата Сообщение от Setux Посмотреть сообщение
Как исправить?
Все гадалки на карантине, поэтому только предположения. Нужно убрать фиксированную высоту блока.
0
0 / 0 / 0
Регистрация: 23.09.2018
Сообщений: 24
24.03.2020, 13:21  [ТС]
Так-то оно помогает, да. Но мне нужна фиксированная высота блока
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3954 / 2066 / 829
Регистрация: 13.03.2010
Сообщений: 6,805
24.03.2020, 14:10
Setux, код может предоставите, или нам к гадалкам в карантин идти?
0
0 / 0 / 0
Регистрация: 23.09.2018
Сообщений: 24
24.03.2020, 14:53  [ТС]
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<a class="links" href="#fountainType">
                                    <div class="navi-button col s3">
                                        Типы фонтанов
                                    </div>
                                </a>
                                <a class="links" href="#menu3">
                                    <div class="navi-button col s3">Меню 2</div>
                                </a>
                                <a>
                                    <div class="navi-button col s3">Меню 2</div>
                                </a>
                                <a>
                                    <div class="navi-button last-button col s3">Меню 2</div>
                                </a>
CSS
1
2
3
4
5
6
7
8
9
10
.navi-button {
    float: left;
    color: black;
    border: solid black 3px;
    margin-top: 31px;
    height: 50px;
    text-align: center;
    border-right: none;
    width: 200px;
}
0
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
24.03.2020, 15:30
Setux,
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var longTextBlock = document.querySelector('.navi-button'),
    text = longTextBlock.innerHTML,
    clone = document.createElement('div');
 
clone.style.position = 'absolute';
clone.style.visibility = 'hidden';
clone.style.width = longTextBlock.clientWidth + 'px';
clone.innerHTML = text;
document.body.appendChild(clone);
 
var l = text.length - 1;
for (; l >= 0 && clone.clientHeight > longTextBlock.clientHeight; --l) {
    clone.innerHTML = text.substring(0, l) + '...';
}
 
longTextBlock.innerHTML = clone.innerHTML;
0
0 / 0 / 0
Регистрация: 23.09.2018
Сообщений: 24
25.03.2020, 09:10  [ТС]
Не помогло шото
0
Эксперт PHP
 Аватар для Kerry_Jr
3106 / 2591 / 1219
Регистрация: 14.05.2014
Сообщений: 7,236
Записей в блоге: 1
25.03.2020, 10:22
Цитата Сообщение от Setux Посмотреть сообщение
HTML5
1
2
3
4
5
<a class="links" href="#fountainType">
   <div class="navi-button col s3">
      Типы фонтанов
   </div>
</a>
1. Кто ж вас научил блоки вставлять в строки?
2. Для чего в навигационную кнопку вставлять текст, который не помещается в нее?
3. Разъясните более полно всю ситуацию.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
25.03.2020, 10:22
Помогаю со студенческими работами здесь

Подскажите. Не компилирует текст программы, запрашивает в коде мол не достающую скобку. Ниже приведен текст программы.
#include &lt;iostream.h&gt; unsigned int perimetr ( int a,int b); int main() { int a,b; cin &gt;&gt; a; cin &gt;&gt; b; cout &lt;&lt; &quot;perimetr=&quot;...

Сделать текст ссылки ниже картинки
Всем привет. Подскажите пожалуйста. Пытаюсь сделать текст ссылки ниже картинки на главной странице. Вроде вставил в тот же блок php но...

Как раскодировать текст, представленный ниже?
Надо раскодировать вот этот файл и текст представленный ниже: dex ...

Текст на главной странице, ниже флеша
Добрый день! В продвижении сайта дилетант. В данное время сайт интернет-магазина косметики не продвигается по ряду причин (будет...

В opera текст отображается ниже, а в ie выше
Линейкой измерил сверху до текста 16px в Opera таким образом текст ниже ,а в ie 15px таким образом выше. Как сделать чтоб было одинаково?...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru