이전 목록 다음

모바일 상단 로고 질문입니다.

리얼이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-08-04 (수) 15:48:28 3,387

238330146_1628059537.3893.png

모바일 상단에 로고 두개를 나란히 붙이고 싶은데 아무리 바꿔도 안되네요ㅠㅠㅠ

혹시 어디를 바꿔야 하는지 아시는 분 계신가요?

[php]

<div id="logo2">

<a href="https://www.theclassic-concert.com/"><img src="/mobile/shop/img/mobile_logo3.png">

<a href="http://www.theclassic-lesson.com/shop/"><img src="/mobile/shop/img/mobile_logo.png">
</a></div>

[css]

#hd #logo2 a{display:block;text-align:center;padding:15px;height:55px;vertical-align:top}
#hd #logo2 img {max-height:120%;width:auto;vertical-align:top}

php
|

답변 1개 / 댓글 5개

jjayz
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-08-04 (수) 15:58:29

#hd #logo2 에

display : flex 적용해보세요

컨텐츠 중앙정렬은 justify-content: center 를 이용하시면 중앙으로 위치 할것입니다.

답변에 대한 댓글 5개

리얼이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-08-04 (수) 16:07:07
display : flex로 변경했는데 왼쪽으로 이동만하고 그대로에요ㅠㅠㅠ
jayz
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-08-04 (수) 16:28:47
해당 이미지 파일 넓이는 몇인가요?
혹시 몰라 관련 css랑 동일하게 넣었는데 작동이 잘됩니다.
잘 안된다면
#hd #logo2 a
#hd #logo2 img
해당 스타일 전부 지우신뒤
정렬부터 맞춘뒤 -> 개별 스타일 순으로 하시는게 빠릅니다.
jayz
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-08-04 (수) 16:29:32
지금 보니 위에 A 태그 하나가 안닫혀있네요
리얼이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-08-04 (수) 16:56:31
css 다 지우고 style 따로 먹이니까 되네요 정말 감사합니다~
jayz
프로필 보기이 회원 글보기이 회원의 댓글보기
 2021-08-04 (수) 17:44:14
문제 해결이 되셨다면 채택 눌러주세요~

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