그누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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 5914 | |
| 2012 | |
| 7985 |
외부로그인
로그인창 시안입니다
2
|
| 2008 | |
| 7984 |
기타
팝업 테두리 입니다.
|
| 2000 | |
| 1977 | |
| 5909 | |
| 7969 | |
| 1968 | |
| 7959 |
기타
탭 스타일 모음 4
9
|
| 7952 |
기타
탭 스타일 모음 3
6
|
| 7946 |
기타
탭 스타일 모음 2
5
|
| 7940 |
기타
탭 스타일 모음 1
5
|
| 7933 |
기타
픽셀아이콘 모음 3
6
|
| 7918 |
기타
버튼 모음 2
14
|
| 7906 |
기타
버튼 모음 1
11
|
| 7902 |
기타
픽셀아이콘 모음 2
3
|
| 7898 |
기타
픽셀아이콘 모음 1
3
|
| 7896 |
기타
팝업 디자인
1
|
| 1965 | |
| 1956 | |
| 7892 |
기타
메인시안입니다.
3
|
| 1946 | |
| 1940 | |
| 1938 | |
| 1932 | |
| 7881 | |
| 7877 | |
| 7876 |
기타
무료 아이콘 팩입니다
|
| 7874 |
기타
무료 아이콘 입니다
1
|
| 7872 | |
| 1923 | |
| 7871 |
일반
간단한 팝업 디자인 ^
|
| 7861 | |
| 7860 |
기타
메뉴 psd
|
| 1916 | |
| 7854 |
기타
메인디자인 시안
5
|
| 7847 |
기타
사용방법 디자인
6
|
| 1905 | |
| 5896 | |
| 7845 | |
| 1892 | |
| 7834 | |
| 7822 | |
| 1871 | |
| 7814 | |
| 1866 | |
| 7808 |
기타
아이콘과 UI관련
5
|
| 5895 | |
| 1856 | |
| 5888 | |
| 7803 | |
| 1852 | |
| 5884 | |
| 7778 | |
| 7766 | |
| 7764 | |
| 7761 |
기타
회원가입버튼
2
|
| 1838 | |
| 1831 | |
| 7742 | |
| 5883 | |
| 5881 | |
| 5880 | |
| 5873 | |
| 1822 | |
| 7738 | |
| 7732 |
기타
배경 이미지~
5
|
| 7723 | |
| 7721 | |
| 6854 | |
| 7708 |
기타
리본 시안입니다
12
|
| 6849 | |
| 6844 | |
| 7705 | |
| 1819 | |
| 1815 | |
| 1810 | |
| 1807 | |
| 5862 | |
| 1797 | |
| 1765 | |
| 6841 | |
| 1756 | |
| 5846 | |
| 1746 | |
| 1724 | |
| 1715 | |
| 1711 | |
| 1698 | |
| 5836 | |
| 1695 | |
| 1694 | |
| 1692 | |
| 1685 | |
| 1677 | |
| 1670 | |
| 1663 | |
| 1656 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기