그누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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 2668 | |
| 8662 | |
| 2662 | |
| 8652 | |
| 8650 | |
| 2659 | |
| 2651 | |
| 2638 | |
| 2637 | |
| 2629 | |
| 8648 |
기타
팝업입니다
1
|
| 8637 | |
| 8633 | |
| 8628 | |
| 8624 | |
| 8622 | |
| 2620 | |
| 2613 | |
| 8619 | |
| 2606 | |
| 6887 | |
| 2603 | |
| 2596 | |
| 2593 | |
| 6873 | |
| 8617 |
기타
로그인 화면
1
|
| 2584 | |
| 8615 |
로그인
모바일용 로그인
1
|
| 2581 | |
| 8612 | |
| 2578 | |
| 2573 | |
| 2566 | |
| 8604 |
기타
무료 아이콘입니다.
7
|
| 8597 | |
| 8594 | |
| 8591 | |
| 8586 | |
| 8582 | |
| 8578 | |
| 8572 |
기타
무료 디자인 시안
5
|
| 2561 | |
| 8569 | |
| 8562 |
기타
세무사사무실 시안
6
|
| 8555 | |
| 8543 | |
| 8536 | |
| 2556 | |
| 8532 |
기타
다른 형식입니다.
3
|
| 8530 |
기타
메인시안입니다.
1
|
| 8529 | |
| 8527 | |
| 2553 | |
| 6867 | |
| 2549 | |
| 8525 | |
| 8518 | |
| 8515 | |
| 2545 | |
| 2532 | |
| 8511 | |
| 6863 | |
| 8507 | |
| 2522 | |
| 8502 |
기타
페이지 가이드
4
|
| 8501 |
기타
공지팝업 시안 (4)
|
| 8500 |
기타
웹시스템 디자인 시안
|
| 8497 | |
| 8496 | |
| 8495 |
기타
위젯 U.I 디자인
|
| 8494 |
기타
배스킨 앱 디자인 시안
|
| 8491 | |
| 8489 | |
| 8487 | |
| 6857 | |
| 2516 | |
| 2514 | |
| 2513 | |
| 8484 | |
| 8477 | |
| 2507 | |
| 8475 | |
| 2499 | |
| 2492 | |
| 2486 | |
| 2480 | |
| 2469 | |
| 8471 | |
| 2465 | |
| 2461 | |
| 2451 | |
| 8436 | |
| 8424 |
기타
커뮤니티 메인시안
11
|
| 8416 | |
| 2442 | |
| 2438 | |
| 2432 | |
| 2422 | |
| 2418 | |
| 2408 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기