[초보]text-indent:-9999px; 에 대하여 질문드립니다 .
첫삥
div class=quickWrap poRel div class=quick01 ofHdn ul li class=fLefta href=#img src= alt=검색 title=검색 /검색/a/li li class=fLefta href=#img src= alt=설정 title=설정 /설정/a/li /ul /div/div
위와같이 마크업을 한뒤 img src 부분에 검색과 설정에대한 이미지를 넣은후 a/a 사이의 검색과 설정이라는 text 를
text-index:-9999px 이나
text-indent:100%; white-space:nowrap;overflow:hidden 으로 날려버리고싶은데
.quickWrap a {text-indent:100%; white-space:nowrap;overflow:hidden} 이렇게 해보았는데 , 안되는 이유를 모르겠습니다 ..
선배님들의 조언 부탁드립니다
-
꽃달
img 태그로 alt에 검색이라는 글자를 넣고 그 뒤에 검색이라는 텍스트를 또 넣는 것은 같은 목적의 태그를 두번 중복으로 넣는 것 같은데요..^^ 뭔가 그렇게 해야만 하는 이유가 있는게 아니라면 텍스트는 빼셔도 될것 같네요.
-
맛깔손
뽀수다님 답변감사합니다 .!!
inline 요소를 block 으로 착각했던거 같습니다 ㅠㅠ
해결한거같슴다 .!! -
큰깃
블럭을 줬을때 이미지도 같이 날라가버리네요 ㅠ.ㅠ
이래저래 해보긴했는데 어느부분을 제가 잘못짚고 있는지를 모르겄네영 ㅠㅠ -
주나
네네~ a가 inline이라서 안될수도 있으니 함 테스트해보세요^^
-
별
.quickWrap a{ display:block; text-indent:100%; white-space:nowrap; overflow:hidden;}
이런식으로a자체에 블럭을 줘야하는건가여? -
하늘이
display:block;줘보세요~