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

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

리얼이 4년 전 조회 3,296

 

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

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

 

[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}

 

 

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

답변 1개

j
4년 전

#hd #logo2 에

 

display : flex 적용해보세요

 

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

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

답변에 대한 댓글 5개

리얼이
4년 전
display : flex로 변경했는데 왼쪽으로 이동만하고 그대로에요ㅠㅠㅠ
j
jayz
4년 전
해당 이미지 파일 넓이는 몇인가요?
혹시 몰라 관련 css랑 동일하게 넣었는데 작동이 잘됩니다.
잘 안된다면
#hd #logo2 a
#hd #logo2 img
해당 스타일 전부 지우신뒤
정렬부터 맞춘뒤 -> 개별 스타일 순으로 하시는게 빠릅니다.
j
jayz
4년 전
지금 보니 위에 A 태그 하나가 안닫혀있네요
리얼이
4년 전
css 다 지우고 style 따로 먹이니까 되네요 정말 감사합니다~
j
jayz
4년 전
문제 해결이 되셨다면 채택 눌러주세요~

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

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

로그인