그누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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 11428 | |
| 11427 | |
| 11421 | |
| 11420 | |
| 11417 | |
| 11416 | |
| 11407 | |
| 11406 | |
| 11381 | |
| 11379 | |
| 11378 | |
| 11377 | |
| 11375 | |
| 11372 | |
| 11371 | |
| 11370 | |
| 11369 | |
| 11368 | |
| 11367 | |
| 11366 | |
| 11365 | |
| 11363 | |
| 11360 | |
| 11359 | |
| 11358 | |
| 11354 | |
| 11350 | |
| 11346 | |
| 11345 | |
| 11344 | |
| 11343 | |
| 11342 | |
| 11341 | |
| 11340 | |
| 11335 | |
| 11329 | |
| 11327 | |
| 11323 | |
| 11322 | |
| 11321 | |
| 11320 | |
| 11317 | |
| 11316 | |
| 6095 | |
| 6094 | |
| 6092 | |
| 5709 | |
| 7226 | |
| 5706 | |
| 7224 | |
| 11310 | |
| 5700 | |
| 5695 | |
| 5693 | |
| 5689 | |
| 11309 | |
| 5683 | |
| 5676 | |
| 7222 | |
| 5671 | |
| 5668 | |
| 6091 | |
| 5651 | |
| 5640 | |
| 6087 | |
| 5631 | |
| 11308 | |
| 5621 | |
| 11307 | |
| 6082 | |
| 11214 | |
| 11306 | |
| 11305 | |
| 5618 | |
| 5617 | |
| 11213 | |
| 5595 | |
| 5586 | |
| 5581 | |
| 5575 | |
| 7219 | |
| 5572 | |
| 7217 | |
| 5568 | |
| 5565 | |
| 6079 | |
| 5564 | |
| 5558 | |
| 7214 | |
| 5555 | |
| 11300 | |
| 5550 | |
| 7212 | |
| 6071 | |
| 5545 | |
| 7209 | |
| 6066 | |
| 6064 | |
| 5542 | |
| 6061 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기