그누4 질답게시판하고는 성격이 틀린것같아 이곳에 질문을 올립니다.
문제가 된다면 이동 또는 자삭하도록 하겠습니다.
최근에 css의 필요성을 느껴서 공부를 좀 해보려고 하는데요
아래와 같이 간단하게 좀 꾸며서 마우스오버시 색깔도 좀 변하게 하고 싶은데
이 간단한것도 의문점이 두가지가 생겨서 문의 드립니다.
1. ul 부분 "서울시" 이 칸에 속성을 height=30 으로 줘도 마우스를 올리면 딱 글자부분만큼의 높이만
빨간색이 물듭니다. 어떻게 바꿔줘야 하나요?
2. 크롬에선 소스가 잘됩니다. 하지만 익스8에선 마우스오버효과라던지 구조모양이 조금 바뀝니다.
이건 어디서부터 시작해야하는건지요?
-------------------------------------------------
<html>
<head>
<title></title>
<style>
.irum {font :bold 11px '돋움'; float:left; margin:0 0 0 2px;}
.irum a:hover {color: red;}
.menu {text-align:left;}
.menu:hover {background:red;}
.box {width:150px; height:30px; border: 2px solid black; padding:10px; line-height:300%; margin:0 0 2 0;}
.box:hover {background:#D0E3FE; border:2px solid #176BEA; }
</style>
</head>
<body>
<div class="irum">
<ul class="menu">서울시</ul>
<li class="box"><a href=#>영등포구</a></li>
<li class="box"><a href=#>문래동</a></li>
<li class="box"><a href=#>개인및단체</a></li>
<li class="box"><a href=#>이현옥</a></li>
</div>
<div class="irum">
<ul class="menu">서울시</ul>
<li class="box"><a href=#>영등포구</a></li>
<li class="box"><a href=#>문래동</a></li>
<li class="box"><a href=#>개인및단체</a></li>
<li class="box"><a href=#>이현옥</a></li>
</div>
<div class="irum">
<ul class="menu">서울시</ul>
<li class="box"><a href=#>영등포구</a></li>
<li class="box"><a href=#>문래동</a></li>
<li class="box"><a href=#>개인및단체</a></li>
<li class="box"><a href=#>이현옥</a></li>
</div>
<div class="irum">
<ul class="menu">서울시</ul>
<li class="box"><a href=#>영등포구</a></li>
<li class="box"><a href=#>문래동</a></li>
<li class="box"><a href=#>개인및단체</a></li>
<li class="box"><a href=#>이현옥</a></li>
</div>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 9869 |
회원가입
왼쪽 메뉴 두번째 공유해요.,
1
|
| 9863 |
회원가입
왼쪽 메뉴 공유해 드립니다.
5
|
| 9862 | |
| 3212 | |
| 3203 | |
| 3194 | |
| 9855 |
회원통합스킨
여행사 메인시안 입니다.
6
|
| 9851 |
회원통합스킨
펜션 서브 시안입니다.
3
|
| 9845 |
회원통합스킨
펜션 메인 시안입니다.
5
|
| 9843 | |
| 9842 | |
| 9836 | |
| 9834 | |
| 3192 | |
| 3191 | |
| 6957 | |
| 9830 |
회원통합스킨
예전에 작업했던 제안시안 입니다
3
|
| 9825 |
우편번호
오시는길 약도
4
|
| 9823 |
게시판
약도페이지입니다.
1
|
| 9821 |
게시판
약도페이지입니다.
1
|
| 9735 | |
| 3186 | |
| 3182 | |
| 9727 | |
| 9720 | |
| 3179 | |
| 9702 |
게시판
메인시안 사용하세요.
17
|
| 6955 | |
| 3174 | |
| 9690 |
게시판
메인시안 공유합니다~
11
|
| 9686 |
게시판
자동차관련 메인시안
3
|
| 9679 |
게시판
메인시안 공유합니다.
6
|
| 3165 | |
| 3162 | |
| 3159 | |
| 9676 | |
| 3146 | |
| 9673 |
게시판
심플 메인
2
|
| 9668 |
게시판
깜둥이메뉴
4
|
| 9663 |
게시판
황금(?)메탈문자?
4
|
| 9662 |
게시판
액자??
|
| 9581 |
게시판
메인시안입니다.
80
|
| 3143 | |
| 3142 | |
| 9561 | |
| 9554 |
외부로그인
로그인 스킨
6
|
| 9542 |
게시판
아이콘들..!!
11
|
| 9531 |
게시판
남성 쇼핑몰 스킨
10
|
| 9527 | |
| 9522 |
게시판
회사소개용 이미지
4
|
| 3131 | |
| 9517 |
회원통합스킨
블랙 메뉴 디자인
4
|
| 9507 | |
| 9500 | |
| 9492 | |
| 9490 |
회원가입
회원가입 블랙버전입니다.
1
|
| 9489 |
패스워드찾기
아이디/패스워드찾기 블랙버전입니다.
|
| 9485 |
설문조사
배너 한가지
3
|
| 9481 |
회원통합스킨
메뉴 디자인
3
|
| 9480 |
외부로그인
탑부분 로그인 바 디자인
|
| 3128 | |
| 3120 | |
| 9478 |
스크랩
스크랩 블랙버전입니다.
1
|
| 3116 | |
| 9477 |
설문조사
설문조사 블랙버전입니다.
|
| 3112 | |
| 9471 |
게시판
버튼psd 올려봅니다.
5
|
| 9470 |
갤러리
갤러리 블랙버전입니다.
|
| 9468 |
게시판
시안입니다.
1
|
| 9463 |
게시판
시안입니다.
4
|
| 9460 |
게시판
다른버젼
2
|
| 9457 |
게시판
시안입니다.
2
|
| 3104 | |
| 9452 | |
| 6953 | |
| 9448 |
게시판
쇼핑몰스킨입니다.
3
|
| 9444 |
게시판
쇼핑몰스킨입니다.
3
|
| 9443 |
외부로그인
로그인스킨입니다.
|
| 5984 | |
| 3094 | |
| 9442 |
접속자
접속자페이지 블랙버전입니다.
|
| 3088 | |
| 3082 | |
| 3079 | |
| 9432 |
패스워드찾기
로그인 페이지 PSD
9
|
| 9416 | |
| 3078 | |
| 9415 |
달력
달력 레드버전입니다.
|
| 9407 |
게시판
회사 홈페이지 시안
7
|
| 9405 |
외부로그인
로그인 블랙버전 두번째 올립니다.
1
|
| 9402 |
외부로그인
로그인 블랙버전입니다.
2
|
| 3075 | |
| 9400 |
게시판
공지창
1
|
| 9399 |
갤러리
배너 백그라운드 1
|
| 3072 | |
| 6949 | |
| 9397 |
스크랩
스크랩 팝업니다.
1
|
| 9395 |
패스워드찾기
패스워드찾기 팝업입니다.
1
|
| 9380 |
게시판
조직도
14
|
| 9376 |
게시판
게시판스킨 뷰
3
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기