Разбираемся в CSS
Anonymous
Сделайте весь Div Clickable - ссылка на другую страницу
Сообщение
Anonymous » 07 окт 2025, 15:17
Я бы хотел, на щелчке всего Div .Article-Column1 < /code> (что является прямоугольником), он должен перенаправить меня в другой HTML-документ /страницу, например, т.е.
Код: Выделить всё
https://s3-us-west-1.amazonaws.com/example/the-example.html< /code> < /p>
* { margin: 0; box-sizing: border-box; }
:root { font: 1rem/1.4 system-ui, sans-serif; }
#content1 {
width: 70%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
> div {
background-color: #efefef;
text-align: center;
box-shadow: -5px 5px 1rem #777;
border-radius: 3px;
padding: 1rem;
p {
color: #f91d04;
}
}
}< /code>
[img]https://s3-us-west-1.amazonaws.com/plus32med.png[/img]
New Workout
[img]https://s3-us-west-1.amazonaws.com/clock61.png[/img]
History
[img]https://s3-us-west-1.amazonaws.com/money57.png[/img]
Graph
[img]https://s3-us-west-1.amazonaws.com/play11.png[/img]
Video
Подробнее здесь:
https://stackoverflow.com/questions/277 ... other-page
1759839435
Anonymous
Я бы хотел, на щелчке всего Div .Article-Column1 < /code> (что является прямоугольником), он должен перенаправить меня в другой HTML-документ /страницу, например, т.е.[code]https://s3-us-west-1.amazonaws.com/example/the-example.html< /code> < /p> * { margin: 0; box-sizing: border-box; } :root { font: 1rem/1.4 system-ui, sans-serif; } #content1 { width: 70%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; > div { background-color: #efefef; text-align: center; box-shadow: -5px 5px 1rem #777; border-radius: 3px; padding: 1rem; p { color: #f91d04; } } }< /code> [img]https://s3-us-west-1.amazonaws.com/plus32med.png[/img] New Workout [img]https://s3-us-west-1.amazonaws.com/clock61.png[/img] History [img]https://s3-us-west-1.amazonaws.com/money57.png[/img] Graph [img]https://s3-us-west-1.amazonaws.com/play11.png[/img] Video [/code] Подробнее здесь: [url]https://stackoverflow.com/questions/27715582/make-entire-div-clickable-link-to-another-page[/url]