이미지에 하이퍼링크시 CSS 질문

이미지에 하이퍼링크시 CSS 질문

QA

이미지에 하이퍼링크시 CSS 질문

본문

배너이미지 여러개를 한줄에 나란히 출력하고, 우측정렬을 해 놓았는데,

각 이미지에 하이퍼링크를 걸게 되면, 정렬이 무시되고, 링크된 이미지는 좌측으로 붙어버립니다.

 

하이퍼링크된 이미지와 일반이미지가 위치가 달라지는 이유와 해결방법을 알 수 있을까요? 

이 질문에 댓글 쓰기 :

답변 1

인라인 요소 : 옆으로 나열 (a 태그, img 태그 등)

블럭 요소 : 아래로 나열 (div 태그 등)

 

인라인을 블럭 요소화 : display:block

블럭 요소를 인라인화: display:inline

인라인과 블럭 요소 속성을 조금씩 갖게 : display:inline-block

 

블럭 요소를 옆으로 나열: display:inline 속성 주는 법, float:left 속성 주는 법

 

 

참고

http://www.homzzang.com/b/html-103 

http://www.homzzang.com/b/css-107 

http://www.homzzang.com/b/css-105 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 6
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT