Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > IT форум > Помощь студентам
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 06.02.2018, 19:44   #1
МаксимМаксим
Новичок
Джуниор
 
Регистрация: 06.02.2018
Сообщений: 2
По умолчанию Нужна помощь!

Есть 6 объектов. 3 из них представлены в виде надписи, а остальные прямоугольники. Задача: изначально прямоугольники должны быть невидимы, а при наведении курсора мыши на надпись должен появляться соответствующий прямоугольник.
Вот HTML код:
Код:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="shop">Shop</div>
<div class="rectangle"></div>	
<div class="card" >Card</div>
<div class="rectangle1"></div>	
<div class="about" >About</div>
<div class="rectangle2"></div>	
</body>
</html>
А это CSS код:
Код:
body{
	font-size: 70px;
	font-size: 70px;
	font-style : normal;
	font-weight : bold;
}
.shop{
	margin-top : 150px;
	margin-left : 50px;
	width : 162px;
	position : relative;
	top : 13px;
	z-index : 2;
}
.card{
	margin-left : 50px;
	width : 149px;
	position : relative;
	z-index : 2;
}
.about{
	margin-left : 50px;
	width : 193px;
	position : relative;
	bottom : 13px;
	z-index : 2;
}
.rectangle{
	margin-left : 50px;
	width : 158px;
	height : 13px;
	background-color : #B1F0BE;
	position : relative;
	bottom : 25px;
	right : -2px;
}	
.rectangle1{
	margin-left : 50px;
	width : 138px;
	height : 13px;
	background-color : #B1F0BE;
	position : relative;
	bottom : 39px;
	right : -10px;
}
.rectangle2{
	margin-left : 50px;
	width : 165px;
	height : 13px;
	background-color : #B1F0BE;
	position : relative;
	bottom : 52px;
	right : -11px;
}
Так как я начинающий программист, код может быть "кривым".
Заранее спасибо!
МаксимМаксим вне форума Ответить с цитированием
Старый 09.02.2018, 05:12   #2
МаксимМаксим
Новичок
Джуниор
 
Регистрация: 06.02.2018
Сообщений: 2
По умолчанию

Похоже я уже и сам разобрался
Я воспользовался скриптами, а если корече, то методами onmouseover, onmouseleave.
МаксимМаксим вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
С++ нужна помощь фндрей324 Общие вопросы C/C++ 5 15.06.2015 18:29
Нужна помощь. Alex_n Microsoft Office Word 4 11.02.2015 22:58
C# нужна помощь... Маринка777 Помощь студентам 0 29.11.2009 21:31
Очень нужна помощь c матрицами, макросами в Excel. Заранее благодарен(поверьте, очень-очень нужна помощь) Farridjan Помощь студентам 1 03.07.2009 12:24
Очень нужна помощь с написанием программы... срочно(буду благодарен за помощь) 5Paladin5 Помощь студентам 3 02.07.2009 09:12