테스트 사이트 - 개발 중인 베타 버전입니다

이미지와 텍스트 일체화?

lpool 3년 전 조회 1,801

</p>

<p><?php foreach($arr_banner as $v){ ?>

    <a class="pc_img" href="<?php echo $v[0];?>" target="<?php echo $v[2];?>"><img src="<?php echo $v[1];?>" alt="<?php echo $v[3];?>" style="width:24.5%; margin-bottom: 5px;"></a>

    <a class="mo_img" href="<?php echo $v[0];?>" target="<?php echo $v[2];?>"><img src="<?php echo $v[1];?>" alt="<?php echo $v[3];?>" style="width:49%; margin-bottom: 5px;"></a>

<?php } ?></p>

<p>

 

이렇게 해서 

 

 

요렇게 표현하고있는데

 

이미지 밑에 텍스트를 넣고 같이 움직이게 하고싶은데, 텍스트를 넣으면

 

 

이렇게 표현되거나 아니면 이미지옆에 텍스트가 붙거나 하네요...(이미지를 밑으로 내린건 br로 내렸습니다.)

 

이미지랑 텍스트가 하나처럼 취급되서 위 이미지처럼 표현되고, 그 밑에 텍스트가 붙게하고싶은데 

 

어찌해야할까요...?

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

전체 박스를 div나 li 등을 이용해 display flex 해주고 

그 아래 a 태그를 정렬하시고 a 태그 내부의 img 와 p 태그를 활용해 text를 포함한 하나의 박스를 그리면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

l
lpool
3년 전
그쵸... 그럼 되어야하는게 맞을텐데 이건 대체 왜이러는걸까요..ㅋㅋㅋㅋ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인