그누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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 10407 | |
| 10406 | |
| 10395 | |
| 10392 | |
| 7022 | |
| 10389 | |
| 10386 | |
| 3939 | |
| 7021 | |
| 10384 | |
| 10379 | |
| 3931 | |
| 7019 | |
| 7016 | |
| 7014 | |
| 7010 | |
| 5991 | |
| 7007 | |
| 7003 | |
| 7000 | |
| 6998 | |
| 11233 | |
| 6995 | |
| 3930 | |
| 3928 | |
| 3918 | |
| 10365 | |
| 10361 | |
| 3909 | |
| 3906 | |
| 6994 | |
| 3900 | |
| 10357 | |
| 3893 | |
| 10326 | |
| 3888 | |
| 3884 | |
| 3877 | |
| 3874 | |
| 3868 | |
| 10307 | |
| 3863 | |
| 3861 | |
| 3847 | |
| 10304 | |
| 3842 | |
| 3839 | |
| 3832 | |
| 6991 | |
| 3831 | |
| 10302 | |
| 10281 | |
| 10279 | |
| 6988 | |
| 3815 |
디자이너
이미테이션의 유혹..? 강요?
15
|
| 10274 | |
| 3787 | |
| 3771 | |
| 3765 | |
| 3751 | |
| 3747 |
디자이너
이 폰트 뭔지 아시는 분~~?
3
|
| 3742 |
디자이너
S-MAC을 소개합니다.
4
|
| 3734 | |
| 10269 | |
| 3721 | |
| 3711 |
디자이너
홈페이지가 해외에서 열리게 하려면
9
|
| 3702 |
디자이너
오늘 하루종일 한거
8
|
| 3681 |
디자이너
예전에 그렸던 그림들...
20
|
| 3678 |
디자이너
디개기뻐라니 기발하네요 ㅋㅋ
2
|
| 3668 | |
| 10263 | |
| 10164 | |
| 3661 |
디자이너
아.. 메인디자인 들어갈때..
6
|
| 3652 | |
| 3642 |
디자이너
바보 인증하는 앱등이들 광고
9
|
| 3638 | |
| 3625 | |
| 3601 | |
| 3583 | |
| 3575 |
디자이너
이거 디자인 예쁘지 않나요?
7
|
| 10162 | |
| 3569 | |
| 3559 | |
| 3556 | |
| 3548 | |
| 3542 | |
| 10160 |
최신글
공지사항
1
|
| 10153 | |
| 3539 | |
| 3534 | |
| 3519 | |
| 3515 | |
| 3510 | |
| 3500 | |
| 3485 |
디자이너
웹디자인 레이아웃 사이드바 정렬
14
|
| 6985 | |
| 11230 | |
| 3304 | |
| 11220 | |
| 9043 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기