그누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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 1643 | |
| 7691 | |
| 1642 | |
| 1634 | |
| 1632 | |
| 1626 | |
| 1622 | |
| 1614 | |
| 1609 | |
| 1607 | |
| 7686 | |
| 5820 | |
| 5812 | |
| 5807 | |
| 1603 | |
| 1602 | |
| 1594 | |
| 1592 | |
| 5806 | |
| 1590 | |
| 7679 | |
| 1587 | |
| 1578 | |
| 1570 | |
| 7669 | |
| 1569 | |
| 7656 | |
| 1567 | |
| 1560 | |
| 1540 | |
| 1539 | |
| 7647 | |
| 1536 | |
| 1535 | |
| 1532 | |
| 1524 | |
| 1520 | |
| 1519 | |
| 1466 | |
| 5789 | |
| 1457 | |
| 5786 | |
| 1448 | |
| 5784 | |
| 1446 | |
| 1441 | |
| 5781 | |
| 5766 | |
| 6837 | |
| 6836 | |
| 5758 | |
| 5748 | |
| 7642 | |
| 7638 | |
| 1440 | |
| 6831 | |
| 1438 | |
| 1435 | |
| 5712 | |
| 1425 | |
| 1422 | |
| 1420 | |
| 1413 | |
| 1409 | |
| 7623 | |
| 7616 | |
| 1407 | |
| 1398 | |
| 1393 | |
| 1392 | |
| 1384 | |
| 6830 | |
| 1383 | |
| 1377 | |
| 1374 | |
| 1373 | |
| 1365 | |
| 1359 | |
| 1357 | |
| 6822 | |
| 1346 | |
| 1340 | |
| 1336 | |
| 1329 | |
| 1324 | |
| 1316 | |
| 1309 | |
| 1300 | |
| 1292 | |
| 1270 | |
| 1255 | |
| 1251 | |
| 1249 | |
| 1244 | |
| 7610 | |
| 1212 | |
| 1210 | |
| 1207 | |
| 7532 | |
| 1200 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기