<MyRusakov.ru />

Программирование на C++ в Unreal Engine 5

Программирование на C++ в Unreal Engine 5

Данный курс научит Вас созданию игр на C++ в Unreal Engine 5. Курс состоит из 12 разделов, в которых Вас ждёт теория и практика. Причём, в качестве практики будет создан весьма крупный проект объёмом свыше 5000 строк качественного кода, который уже на практике познакомит Вас с принципами создания игр на C++ в Unreal Engine 5.

Параллельно с курсом Вы также будете получать домашние задания, результатом которых станет, в том числе, полноценная серьёзная работа для портфолио.

Помимо самого курса Вас ждёт ещё и очень ценный Бонус: «Тестирование Unreal-проектов на Python», в рамках которого Вы научитесь писать очень полезные тесты для тестирования самых разных аспектов разработки игр.

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Форум сайта MyRusakov.ru

Плавает/выходит текст с шапки сайта. Как решить проблему?
09.04.2013 21:07:05 Плавает/выходит текст с шапки сайта. Как решить проблему? Сообщение #1
aqva_spirt

aqva_spirt

Новичок

Новичок

Дата регистрации:
09.04.2013 20:56:45

Сообщений: 6

Всем привет!

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

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Box&Cube </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="styles/styles.css" type="text/css" />
<link href="favicon/favicon.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
<div id="header">
<img src="images/header.jpg" alt="Шапка сайта" />
<div id="logo">
<p class="leftmainlogo"> Box&Cube </p>
<p class="underlogogrey"> create & innovate solutions </p>
</div>


</div>
</body>
</html>



CSS



/* Head */


#header img {
width: 100%;
}

#logo {
left: 89px;
position: absolute;
top: 101px;
}

.leftmainlogo {
font-size: 270%;
color: white;
margin:0;

}

.underlogogrey {
color:#9c9c9c;
margin:0;
}


Это без скроллинга.
Изображение

Как только изменил масштаб вот так выходит за картинку
Изображение
Профиль
09.04.2013 21:13:59 Плавает/выходит текст с шапки сайта. Как решить проблему? Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Используйте относительные величины, то есть проценты для задания отступов.
Профиль
09.04.2013 21:23:25 Плавает/выходит текст с шапки сайта. Как решить проблему? Сообщение #3
aqva_spirt

aqva_spirt

Новичок

Новичок

Дата регистрации:
09.04.2013 20:56:45

Сообщений: 6

Задал

#logo {
left: 5%;
position: absolute;
top: 15%;
bottom:72%;
}

Все-равно при скроллинге надпись выходить за задний фон =(
Профиль
09.04.2013 21:30:43 Плавает/выходит текст с шапки сайта. Как решить проблему? Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Уберите bottom.
Профиль
09.04.2013 21:44:56 Плавает/выходит текст с шапки сайта. Как решить проблему? Сообщение #5
aqva_spirt

aqva_spirt

Новичок

Новичок

Дата регистрации:
09.04.2013 20:56:45

Сообщений: 6

Убирал =( Не получается никак(
Профиль
10.04.2013 11:10:46 Плавает/выходит текст с шапки сайта. Как решить проблему? Сообщение #6
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Уберите из кода всё лишнее и выложите его сюда.
Профиль
10.04.2013 11:12:59 Плавает/выходит текст с шапки сайта. Как решить проблему? Сообщение #7
katushka

katushka

Освоившийся

Освоившийся

Дата регистрации:
04.11.2012 07:13:39

Сообщений: 24

Если я не ошибаюсь - это шаблон из д\з по вёрстке, лично я оставила слой с логотипом когда вырезала, а можно изображением вырезать и забить в таблицу. Кстати, чтобы не было проблем с расположением блоков при разной ширине экрана можно сделать вёрстку фиксированной.
Профиль
10.04.2013 11:56:31 Плавает/выходит текст с шапки сайта. Как решить проблему? Сообщение #8
aqva_spirt

aqva_spirt

Новичок

Новичок

Дата регистрации:
09.04.2013 20:56:45

Сообщений: 6

Да, вы правильно поняли, этот макет из урока. Я хочу его сверстать.
В том то и прикол, я хочу сделать именно резиновую верстку с логотипом в виде текста а не картинки. Если бы была картинка, вопрос бы отпал).

Код:

<body>
<div id="header">
<img src="images/header.jpg" alt="Шапка сайта" />
<div id="logo">
<p class="leftmainlogo"> Box&Cube </p>
<p class="underlogogrey"> create & innovate solutions </p>
</div>
</div>
</body>


#header img {
width: 100%;
}

#logo {
left: 10%;
position: absolute;
top: 15%;
}

.leftmainlogo {
font-size: 270%;
color: white;
margin:0;

}

.underlogogrey {
color:#9c9c9c;
margin:0;
}


Зы: Еще раз повторю проблемму.
Надпись на картинке BoxandCube и т д выходит за границу. Тобеж при масштабировании в браузерах или при изменении разрешения экрана текст на картинке выходит за картинку вниз. Как видно на фото сверху.
Или проблемма с картинкой?
Тоже самое присходит когда я попробовал сделать меню на этой картинке. При изменении разрешения текст меню на этой картинке смещается и не занимает нужную зону.

Может мне снять видео для понятия о чем я говорю?
Просто это мне нужно, так как без этого не видать мне нормальной блочной версти((
Профиль
10.04.2013 12:06:32 Плавает/выходит текст с шапки сайта. Как решить проблему? Сообщение #9
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Я вижу тут только единственный вариант указать абсолютные значения такие, чтобы при ширине 1024 никуда не вылазило, но и чтобы при больших разрешениях смотрелось всё нормально. Сайт, который Вы прислали в личных сообщениях мне в контакте проще, там просто чёрный фон, а не картинка. Проблема здесь в том, что высота изменяется, если бы она сохранялась, то тогда относительные размеры были бы решением проблемы. Но здесь нельзя оставлять высоту неизменной, так как тогда сама шапка будет искажаться.
Профиль
10.04.2013 13:06:55 Плавает/выходит текст с шапки сайта. Как решить проблему? Сообщение #10
aqva_spirt

aqva_spirt

Новичок

Новичок

Дата регистрации:
09.04.2013 20:56:45

Сообщений: 6

Спасибо!
Попробую сегодня вечером сообразить.
Не думал что с этим проблеммы возникнут(
Профиль