그누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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 6818 | |
| 1199 | |
| 1195 | |
| 1186 | |
| 1181 | |
| 1176 | |
| 1168 | |
| 1166 | |
| 1163 | |
| 1160 | |
| 1154 | |
| 1151 | |
| 1148 | |
| 1142 | |
| 1137 | |
| 1129 | |
| 1123 | |
| 1117 | |
| 1115 | |
| 1108 | |
| 1098 | |
| 1093 | |
| 1088 | |
| 1087 | |
| 6816 | |
| 1084 | |
| 1079 | |
| 1066 | |
| 6812 | |
| 7525 |
기타
New 아이콘 모음
6
|
| 1054 | |
| 1049 | |
| 1045 | |
| 1031 | |
| 1027 | |
| 6810 | |
| 1025 | |
| 1012 | |
| 1001 | |
| 987 | |
| 984 | |
| 978 | |
| 971 | |
| 966 | |
| 7518 |
회원통합스킨
블로그형 홈페이지
6
|
| 964 | |
| 960 | |
| 951 | |
| 947 | |
| 944 | |
| 943 | |
| 939 | |
| 936 | |
| 923 | |
| 914 | |
| 910 | |
| 904 | |
| 899 | |
| 895 | |
| 890 | |
| 883 | |
| 881 | |
| 875 | |
| 870 | |
| 861 | |
| 848 | |
| 7511 | |
| 843 | |
| 829 | |
| 819 | |
| 818 | |
| 803 | |
| 794 | |
| 790 | |
| 6807 | |
| 778 | |
| 771 | |
| 7503 |
기타
시안입니다.
7
|
| 7495 |
기타
간단한 팝업입니다.
7
|
| 759 | |
| 744 | |
| 7488 | |
| 735 | |
| 7470 | |
| 7463 | |
| 724 | |
| 720 | |
| 709 | |
| 706 | |
| 698 | |
| 697 | |
| 693 | |
| 691 | |
| 690 | |
| 679 | |
| 677 | |
| 673 | |
| 668 | |
| 661 | |
| 652 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기