Visible таблицы - HTML и CSS

Llirik1 · 15.07.2025, 17:43

Ребята тут такое дело на миллион:

Код:

<style>

</style>
 <table cellpadding="5px" border="1">
 <tr> <<--
 <td> 1
 </tr>
 <tr>
<td style="visibility: hidden"><img src="me.png"></td>
</tr>
 </table>

Как сделать так, чтобы например при наведении TR открывалась моя фотка)

Arigato · Вчера, 11:14

Пример через CSS, при наведении на вторую строку во второй ячейки отображается указанное изображение.

Код:

<!DOCTYPE html>
<html>
<head>
	<style>
		#table-me {
			border: 1px solid black;
		}
		#table-me td {
			padding: 5px;
			border: 1px solid black;
		}
		#td-me {
			/* Указать размеры фото */
			width: 240px;
			height: 240px;
		}
		#tr-me:hover #td-me {
			background: 5px no-repeat URL("me.png");
		}
	</style>
</head>
<body>
	<table id="table-me">
	<tr>
		<td>1</td>
		<td>2</td>
	</tr>
	<tr id="tr-me">
		<td>3</td>
		<td id="td-me"></td>
	</tr>
	</table>
</body>
</html>

Llirik1 · Вчера, 11:22

Большое большое спасибо! Теперь я хакер.)

Llirik1 · Вчера, 11:28

Я крутой!

Llirik1 · Вчера, 11:33

Фото

Llirik1 · Вчера, 12:59

А вот так:

<html>
<head>
<style>
table {
/* Указать размеры фото */
width: 800px;
height: 600px;
}
.tr-me:hover #td-me {
background: no-repeat URL("me.jpg");
}
</style>
</head>
<body>
<table class="td-me">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr class="tr-me">
<td>3</td>
<td id="td-me"></td>
</tr>
</table>
</body>
</html>

)

Llirik1 · Сегодня, 01:22

А теперь вопрос на засыпку, можно сделать так например элемент <img> моё фото. Когда я на него навожу рукой, чтобы вылезало окошечко маленькое с сообщением content или другим фото, и оно было постоянно привязано к мышке, а не к экрану. Заранее спасибо! P.S я учу CSS)

Arigato · Сегодня, 16:12

Цитата:

Сообщение от Llirik1

можно сделать

Можно сделать.

15.07.2025, 17:43	#1
Llirik1 Пользователь Регистрация: 03.03.2023 Сообщений: 26	Visible таблицы Ребята тут такое дело на миллион: Код: `<style> </style> <table cellpadding="5px" border="1"> <tr> <<-- <td> 1 </tr> <tr> <td style="visibility: hidden"><img src="me.png"></td> </tr> </table>` Как сделать так, чтобы например при наведении TR открывалась моя фотка) Последний раз редактировалось Arigato; Вчера в 11:16.

Вчера, 11:22	#3
Llirik1 Пользователь Регистрация: 03.03.2023 Сообщений: 26	Большое большое спасибо! Теперь я хакер.) Пароль: 'пароль'

Вчера, 11:28	#4
Llirik1 Пользователь Регистрация: 03.03.2023 Сообщений: 26	Я крутой! Пароль: 'пароль'

Вчера, 12:59	#6
Llirik1 Пользователь Регистрация: 03.03.2023 Сообщений: 26	А вот так: <html> <head> <style> table { /* Указать размеры фото / width: 800px; height: 600px; } .tr-me:hover #td-me { background: no-repeat URL("me.jpg"); } </style> </head> <body> <table class="td-me"> <tr> <td>1</td> <td>2</td> </tr> <tr class="tr-me"> <td>3</td> <td id="td-me"></td> </tr> </table> </body> </html> ) Пароль: 'пароль' Последний раз редактировалось Llirik1; Вчера в 13:02.*

Сегодня, 01:22	#7
Llirik1 Пользователь Регистрация: 03.03.2023 Сообщений: 26	А теперь вопрос на засыпку, можно сделать так например элемент <img> моё фото. Когда я на него навожу рукой, чтобы вылезало окошечко маленькое с сообщением content или другим фото, и оно было постоянно привязано к мышке, а не к экрану. Заранее спасибо! P.S я учу CSS) Пароль: 'пароль'

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Button.Visible	lblondy	Компоненты Delphi	3	08.06.2011 21:47
MainMenu1 и сво-во Visible	Oleg Romanchuk	Компоненты Delphi	2	27.03.2009 09:15
Visible	[Smarik]	Помощь студентам	2	28.03.2008 18:01