이미지 안에 글씨 넣고 링크 잡는법이...
본문
<div class="main_image">
<img src="/thema/Basic/images/hlep1.jpg" width="100%" height="100%">
<h1 class="main_image_text" <a href="<?php echo G5_BBS_URL;?>/board.php?bo_table=notice" style="font-size:50px">손쉽게 신체사이즈 알맞게 측정하는 방법 </h1>
</div>
<style>
.main_image {
position: relative;
}
.main_image_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
color: white;
}
</style>
링크 설정을 했는데 링크가 안잡히네영... 잘못 적었나요... 구글링 해서 따라하긴했는데
초보자라 죄송합니다
답변 2
안녕하세요.
아래처럼 한번 수정을 해보시겠어요?
<div class="main_image">
<img src="/thema/Basic/images/hlep1.jpg" width="100%" height="100%">
<h1 class="main_image_text">
<a href="<?php echo G5_BBS_URL;?>/board.php?bo_table=notice" style="font-size:50px; color: white;">손쉽게 신체사이즈 알맞게 측정하는 방법</a>
</h1>
</div>
<style>
.main_image {
position: relative;
}
.main_image_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.main_image_text a {
color: white;
}
</style>
<!-- <h1 class="main_image_text" <a href="<?php echo G5_BBS_URL;?>/board.php?bo_table=notice" style="font-size:50px">손쉽게 신체사이즈 알맞게 측정하는 방법 </h1> -->
<h1 class="main_image_text"> <a href="<?php echo G5_BBS_URL;?>/board.php?bo_table=notice" style="font-size:50px">손쉽게 신체사이즈 알맞게 측정하는 방법</a> </h1>