a테그의 block 영역...브라우저별 차이!
초코초코해
위에그림) IE8, 오페라, 사파리, 파폭 등이구요,
아래그림) IE6, IE7입니다.
a 속성에 block 속성 주었습니다.
아래그림처럼, div 크기만큼 꽉차게 링크영역이 잡혔으면 좋겠는데...
흠 제 코딩에 문제가 있는지 한번 봐주세요~div style=background-color:green;overflow:hidden;height:100%;
ul
li class=topcon
a href=# style=display:block;width:100%;
img src=img/img_test01.jpg align=left alt=/
dl
dt데이타 타이틀 미미미미미/dt
dd내용입니더 하하하하 하하하하 하하하하/dd
/dl
/a
/li
/ul
/div
-
시원
a태그로 dl을 감싸지마시고.
li를 기준으로 잡고 a태그를 레이어로 가로 100% 세로 100%으로 띄우라는거에요..
(물론 a태그엔 빈 테그로쓰면안되니까.. text-indent 로 텍스트를 숨기셔서(내용자세히보기 같은..)
링크에대한 내용을 전달하셔야겟죠..) -
꽃내
dl 말씀하시는거죠..? 그럼 span으로 묶는건 어떨까요?
a테그를 레이어로 띄운다는건 무슨말씀이세요..? div로 감싸서 띄우라는 말씀이세요? -
비
아니면 그냥 편하게 이미지에도 링크를 걸고 텍스트에도 따로 링크를 거세요~
소스는 이게 더 단조로울꺼같네요~
썸네일이미지인거같은데 보통 따로 걸거든요~ -
핫핑크
잘못됫네요.
인라인 엘리먼트(a)안에 블록 엘리먼트가 들어가면 안됩니다.
말씀하신 것처럼 a태그로 전체를 감싼 거처럼 하시려면
a태그를 레이어로 (가로, 세로 100%) 띄워서 씌우세요