AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
마

메뉴 테두리를 둥글게 하고싶은데 안되네요...

마이피씨
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2012-05-21 (월) 05:01:20 · 4955 · 2
.ddsmoothmenu{
 
}
.ddsmoothmenu ul{
 z-index:100;
 margin: 0;
 padding: 0;
 list-style-type: none;
}
/*Top level list items*/
.ddsmoothmenu ul li{
 position: relative;
 display: inline;
 float: left;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a {
 display: block;
 position: relative;
 width: 100px;
 padding: 10px 0 10px;
 margin: 0 1px 0 0;
 font-size: 14px;
 color: #999; 
 text-align: center;
 text-decoration: none;
 font-weight: 400;
 outline: none;
 border: none;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
 color: #fff;
 background: #1f1f1f;
 border-bottom: 5px solid #d2f476;
}
 
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
 position: absolute;
 left: 0;
 margin-top: 10px;
 display: none; /*collapse all sub menus to begin with*/
 visibility: hidden;
 background: #333;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
 font-weight: 500;
 width: 120px; /*width of sub menus*/
 padding: 0 10px;
 margin: 0;
 line-height: 24px;
 height: 24px;
 font-size: 12px;
 border-top-width: 0;
 text-align: left;
 background: none;
}
.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
 color: #fff;
 background: #a5c451;
 border-bottom: 2px solid #d2f476;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #fff;
}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.5;
}
/* menu */
 
 
 
css 코드입니다.
css에 대해서는 무지한지라 이거 어찌해야 할지를 모르겠네요
 
 
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;
background: #1f1f1f;
border-bottom: 5px solid #d2f476;
}
 
 
이부분에 border-radius:5px;를 넣으면 될것같은데 아무리 넣어봐도 마우스 오버시 테두리가 둥글게 되지가 않아요
도움좀 부탁드립니다.
 
 
문제의페이지 입니다.
#퍼블리셔팁 #퍼블리셔 #팁자료실 #html
|

댓글 2개

ccshop
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-05-22 (화) 23:58:24
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;
background: #1f1f1f;
border-bottom: 5px solid #d2f476;
border-radius:5px;

}



http://mypcas.com/test/css/ddsmoothmenu.css

44번째 줄

잘 되는데요? 혹시 IE 에서 안된다고 하시는건지... IE 는 원래 안되요... -..-;; IE 는 븅신이라서..

IE 에서 border-radius 넣으시려면. pie.htc 쓰세요. .htc 가 싫으시면 IE 에 border-radius 적용되게 해주는 다른 .js 도 많아요.

http://sir.co.kr/bbs/board.php?bo_table=pg_html&wr_id=12840
웹웹군
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-05-27 (일) 22:23:26
jquery 플로그인 사용하시면 ie에서도 잘 적용됩니다 ^^

http://www.malsup.com/jquery/corner/
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12-08-29 조회 5,438
12-08-21 조회 3,427
12-08-21 조회 3,520
12-08-05 조회 3,332
12-08-04 조회 4,288
12-07-31 조회 9,189
12-07-26 조회 3,850
12-07-24 조회 3,482
12-07-20 조회 3,371
12-07-15 조회 3,273
12-07-09 조회 4,649
12-07-09 조회 3,357
12-07-09 조회 3,267
12-07-06 조회 4,090
12-07-05 조회 3,190
12-07-05 조회 3,262
12-06-30 조회 3,389
12-06-29 조회 3,191
12-06-26 조회 3,367
12-06-18 조회 3,252
12-06-18 조회 3,352
12-05-31 조회 3,584
12-05-29 조회 4,320
12-05-23 조회 3,356
12-05-22 조회 3,592
12-05-17 조회 4,430
12-05-10 조회 3,458
12-05-06 조회 3,318
12-05-04 조회 3,014
12-04-25 조회 3,447
12-04-21 조회 2,971
12-04-21 조회 4,351
12-04-20 조회 3,527
12-04-10 조회 2,940
12-04-06 조회 2,817
12-04-05 조회 3,164
12-04-05 조회 3,834
12-03-31 조회 2,923
12-03-30 조회 3,045
12-03-29 조회 2,958
12-03-28 조회 2,988
12-03-27 조회 3,299
12-03-26 조회 3,693
12-03-23 조회 2,884
12-03-20 조회 2,947
12-03-12 조회 2,877
12-03-12 조회 3,218
12-03-12 조회 3,124
12-03-12 조회 4,083
12-03-12 조회 5,575
12-03-12 조회 3,672
12-03-12 조회 5,477
12-03-12 조회 3,654
12-03-12 조회 6,024
12-03-06 조회 3,002
12-03-04 조회 4,136
12-03-02 조회 3,957
12-02-16 조회 5,114
12-02-15 조회 4,436
12-02-11 조회 2,966
12-02-08 조회 2,808
12-02-08 조회 3,821
12-02-07 조회 3,229
12-01-30 조회 2,926
12-01-29 조회 3,354
12-01-25 조회 3,336
12-01-19 조회 2,861
12-01-12 조회 3,007
11-12-30 조회 3,652
11-12-29 조회 2,992
11-12-26 조회 3,038
11-12-26 조회 2,927
11-12-17 조회 4,043
11-12-17 조회 3,254
11-12-01 조회 3,029
11-11-19 조회 4,202
11-11-14 조회 4,089
11-11-14 조회 2,719
11-11-10 조회 2,950
11-11-10 조회 3,617
11-10-27 조회 2,441
11-10-26 조회 2,577
11-10-25 조회 2,428
11-10-17 조회 3,592
11-10-10 조회 2,527
11-10-03 조회 2,581
11-09-28 조회 2,460
11-09-28 조회 3,955
11-09-26 조회 2,443
11-09-26 조회 2,555
11-09-25 조회 2,819
11-09-19 조회 6,007
11-09-09 조회 2,905
11-09-08 조회 3,285
11-08-31 조회 3,087
11-08-29 조회 5,077
11-08-25 조회 2,755
11-08-23 조회 2,439
11-08-21 조회 2,448
11-08-19 조회 2,371
글쓰기