그누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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 647 | |
| 643 | |
| 6803 | |
| 6800 | |
| 636 | |
| 619 | |
| 610 | |
| 593 | |
| 7458 | |
| 573 | |
| 567 | |
| 550 | |
| 544 | |
| 531 | |
| 7448 | |
| 528 | |
| 520 | |
| 516 | |
| 507 | |
| 502 | |
| 495 | |
| 492 | |
| 6799 | |
| 7444 | |
| 7440 | |
| 7438 | |
| 7435 | |
| 7432 | |
| 490 | |
| 469 | |
| 461 | |
| 6797 | |
| 449 | |
| 448 | |
| 6793 | |
| 444 | |
| 6789 | |
| 438 | |
| 6783 | |
| 6784 | |
| 6782 | |
| 435 | |
| 6780 | |
| 427 | |
| 420 | |
| 411 | |
| 409 | |
| 405 | |
| 396 | |
| 6777 | |
| 393 | |
| 392 | |
| 378 | |
| 377 | |
| 372 | |
| 371 | |
| 360 | |
| 359 | |
| 355 | |
| 352 | |
| 349 | |
| 338 | |
| 334 | |
| 322 | |
| 317 | |
| 314 | |
| 312 | |
| 304 | |
| 295 | |
| 291 | |
| 6776 | |
| 284 | |
| 6775 | |
| 274 | |
| 269 | |
| 7426 | |
| 267 | |
| 259 | |
| 7421 | |
| 249 | |
| 6771 | |
| 241 | |
| 236 | |
| 233 | |
| 7419 | |
| 229 | |
| 220 | |
| 213 | |
| 211 | |
| 208 | |
| 205 | |
| 199 | |
| 197 | |
| 194 | |
| 192 | |
| 190 | |
| 7417 | |
| 7415 | |
| 7413 | |
| 7409 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기