이미지 밑에 상품명 넣는 방법요?
베이비슈
UI 문 보면 A href=http:// title=상품명
title= 에 글자를이미지 아래로 보이게끔 하는게 많던데
스타일 시트로 어떻게 처리하나요?
아래 소스는 상품 롤링 소스인데
이미지만 달랑 나오는 겁니다.
이걸 이미지 아래에 상품명까지 나오게 처리 할려고 하는데
초짜라서 이것저것 따라해 봐도 이미지 밑에 노출이 잘 안되네요?
-----------------------------------------------------------------
STYLE type=text/css
#familySite {width:1190px; position:relative;padding:20px 0 120px 0px; border:1px solid #eee;}
#familySite .leftRoll {position:absolute;left:10px;top:23px;}
#familySite .rightRoll {position:absolute;left:1160px;top:23px;}
IMG {BORDER:0px; }
.box {}
.siteList ul li{ margin-right: 20px;}
/STYLEDIV id=familySite
A href=#noneIMG class=leftRoll alt=이전목록 src=66_files/btn_rollleft.gif/A
DIV style=margin-left: 37px; class=siteList
UL
LIA href=http:// title=상품명IMG src=66_files/1.gif width=180 height=250/A/LI
LIA href=http:// title=상품명IMG src=66_files/2.gif width=180 height=250/A/LI
LIA href=http:// title=상품명IMG src=66_files/3.gif width=180 height=250/A/LI
LIA href=http:// title=상품명IMG src=66_files/4.gif width=180 height=250/A/LI
LIA href=http:// title=상품명IMG src=66_files/5.gif width=180 height=250/A/LI
LIA href=http:// title=상품명IMG src=66_files/6.gif width=180 height=250/A/LI
LIA href=http:// title=상품명IMG src=66_files/7.gif width=180 height=250/A/LI
LIA href=http:// title=상품명IMG src=66_files/8.gif width=180 height=250/A/LI
/UL
/DIV
A href=#noneIMG class=rightRoll alt=다음목록 src=66_files/btn_rollright.gif/A
/DIV!-- 롤링배너 --
-
별
맞는거 같네요.
스크립트가 있지만 제가 스타일에서 처리 하는지 알고 안올렸습니다.
감사합니다. -
고양이
네^^;; 자바스크립트던 제이쿼리던 무언가가 필요합니다 ^-^;
-
블1랙캣
아 저렇게 처리하는건 스크립트가 필요한거군요?
그래서 안됬던건가 ㅎㅎ -
에다
제가 잘은 모르지만 css만으로는 불가능하고 스크립트를 써야할것 같은데요.. 위의 소스에는 스크립트 소스가 없네요.. ;; 그러니 이미지만 나오는게 당연한거 아닌가요;;
-
큰맘
title을 작성하시면, 브라우저에서 tooltip으로 처리해 주는 것이라 css로 제어가 불가능 합니다.
title요소가 아닌, 상품명이 담긴 영역에(div상품명/div과 같이) css 디자인을 입히고 마우스 이벤트에 따라 보여질 수 있도록 처리한 듯 합니다. -
터전
흠~말풍선 나오는거야 알고요.
요즘 A href=\http://\ title=\상품명\ 타이틀 가지고 바로 상품명으로 노출하게끔 많이들 합니다.
css로 타이틀명이 상품 아래도 노출되게끔 설정만 하면 되던데
이런거 많이 돌아 다니는데 -
심플포텐
title은 스타일로 위치를 조정하는것이 아닙니다.
해당 부분에 마우스를 올리면 기본형태의 말풍선이 나타납니다.
참고로 html 태그를 작성할때는 소문자로 작성하는것을 추천합니다.