ul 목록을 스프라이트 방식응로 이미지 넣을수 있나요??
내길
2023.04.01
div class=info_btn
ul
lia href=#img src=./images/btn_scrap.gif width=54 height=25 alt=퍼가기/a/li
lia href=#img src=./images/btn_review.gif width=65 height=25 alt=리뷰보기/a/li
lia href=#img src=./images/btn_write.gif width=65 height=25 alt=한줄평가 하기/a/li
lia href=#img src=./images/btn_place.gif width=65 height=25 alt=관련장소 보기/a/li
/ul
/div
각 li에 a 링크 들어가는데요 html에는 에이링크만 걸고 css에 각 li에 이미지를 백그라운드로 넣을 수 있나요???
이렇게 할려면 각 li에 클래스 걸어줘야 되는거죵??;;
-
야미
.info_btn a {display:block;padding:3px 0 3px 10px;background:url(image.gif) no-repeat 0 5px;}
이런식으로 줄 수 있다는 말씀입니다.
이렇게 하면 링크 잡는 영역이 커져서 사용자가 편리하거든요. 픽셀은 임의로 넣었습니다. -
진나
a태그를 블록잡고 백그라운드로 넣는다는게 무슨말씀이신가요?? 풀어서좀,,,,초보라..,,~ ㅜㅜ
-
여신
당근이죠. 근데 a태그를 블록잡고 백그라운드로 넣으시는게 더 좋습니다
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2673617 | swing component예제에서 error발생내용인데요. 어떤문제인지... (2) | 두메꽃 | 2024-11-01 |
2673595 | vertical-align : middle | 쥬디시어스 | 2024-11-01 |
2673542 | svn 웹 경로로 post-commit | 내길 | 2024-10-31 |
2673518 | 리버스엔지니어링 | 정훈 | 2024-10-31 |
2673460 | c언어 초보인데요.. 질문좀 ㅜ.. | 민아 | 2024-10-30 |
2673430 | css~~ (10) | 가림 | 2024-10-30 |
2673404 | 코드검사기 오류 & 처리 어떻게 하죠? (4) | Isolation | 2024-10-30 |
2673379 | [DB] mysql,인코딩,쿼리 잘하시는 개발자분만 보세요 ^^; (3) | 뚜야 | 2024-10-30 |
2673353 | 시스템 폰트의 영역이 브라우저별로 다른데 어떻게 처리하시는지? | 알찬해 | 2024-10-29 |
2673251 | 자바 초보 질문입니다~ (2) | Sona | 2024-10-28 |
2673227 | tr에 class? (6) | 탄성 | 2024-10-28 |
2673202 | input 박스 질문드립니다. (3) | UniQue | 2024-10-28 |
2673175 | 반응형 html5 질문입니다. (3) | 푸른들 | 2024-10-28 |
2673150 | 워드프레스 URL 주소를 잘못지웠는데 워드프레스가 작동이 안됩니다 ㅠㅠㅠㅠ | 찬놀 | 2024-10-27 |
2673122 | 다항식 계산을 하려고 하는데... (1) | 얀별 | 2024-10-27 |
2673033 | 문자출력 질문입니다. | 슬아s | 2024-10-26 |
2672930 | 아악 망할 ㅡㅡ 멍미요;; (1) | 아리에스 | 2024-10-25 |
2672878 | table코딩시 (2) | 여신 | 2024-10-25 |
2672849 | 지정한 스레드를 종료시킬려면..? | 큰말 | 2024-10-25 |
2672822 | 자바스크립트 네비게이션을 워프에 추가하는 방법을 알고 싶습니다. (1) | 첫삥 | 2024-10-24 |