이미지위에 텍스트넣기...
머슴밥
이와같은 텝메뉴를 작업하는데요
이미지옆에 텍스트(숫자)가 들어가게 코딩하고자 하는데
span을 사용해서 하는데 자꾸 밀려서
다른방법이 있나 여쭤봅니다즐거운 저녁되시길~~~~
-
빛다
자꾸 밀린다는게 우측으로 밀린다는건지.. 텍스트가 아래로 밀린다는건지... 어떤건가요?
어쨌든 그냥 css 에서 background 로 탭 이미지를 깔고,(물론 li를 float 시키고 width와 height을 준 다음에) , 가운데 정렬해야하니깐 li 에 text-align:center; 주고,
마크업부분에는 상품명 이미지와 뒤에 붙을 텍스트만 넣어주면 문제없이 될텐데요.. ^^ -
큰나라
오호 케리지리턴 공백이라
-
비예
imgspanA/spanspanB/span 이런식으로 붙어 있으면 안밀리는데
img
spanA/span
spanB/span
이런식이면 캐리지리턴이 공백(4px) 먹어서 약간씩 밀리는게 아닐까요? -
해련
저같으면
liimg alt=\상품평\span(188)/span/li
하고
li는 relative
span은 absolute
이렇게~ -
콩알눈
똑같이 했는데 밀리는 이유는 보르조이님 소스만이 알고 있습니다 -_-;
그리고 링크의 역할을 하는 이미지이기 때문에 백그라운드보다는 그냥 이미지 태그가 좋겠네요
뭐 IR 기법도 있다고는 하지만 전 그냥 이미지에 alt만 잘 써주면 된다고 생각...; -
물고기자리
백그라운드를 준다음에요 li를 사용 하셨다면...li style=\cursor:pointer\ onclick=\linker()\ 자바스크립으로 호출 하는 방법이 있습죠 !
-
다스리
보르조이,수다님 : 백그라운드로 깔아도 링크를 걸수 있나요?
호이 : 호이님처럼 span을 사용했는데 저는 왜 자꾸 밀릴까요 -.- -
가을귀
탭부분에 패딩을 줘서 더이상 밀리지 않게 하는것은 어떠 실지.
근데 브로조이님 말씀처럼 숫자가 2자리 3자리 바뀌는 거니깐 백그라운드로 가시고 숫자는 패딩으로 위치 잡으시는게 좋을듯 싶습니다. -
이퓨리한은지
음...전 이미지를 백그라운드로 까는 방법으로 하는데요..css를 이용해서...