[긴급]PHP 원격 코드 실행 취약점 안내
이전
목록
다음
인

li 가로정렬

航海
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2012-04-13 (금) 17:54:36 · 4504 · 3
 
 
메뉴 수정하고있는데요..
 
전체 넓이를 900px; 으로 주니까 메뉴들이 수직 정렬이 되어버리네요..
 
원본은 메뉴개별로 넓이가 설정되어있어서. 홈피에적용하긴무리고..
 
l ul { list-style-type:none; }li { display:inline; } 주면 넓이때문에 안되구..
 
플롯으로도 안되네요..
 
html body ul#nav ul
,html body ul#nav ul li {
width:200px;
}
html body ul#nav ul ul {
margin:0 0 0 200px;
}
/* Theming the menu */
ul#nav {
float:left;
font-size:90%;
}
ul#nav ul {
background:#222;
}
ul#nav li a {
float:left;
width:900px;
padding:20px 30px;
font-family:"Lucida Sans","Century Gothic","Franklin Gothic Book","Franklin Gothic",helvetica,arial,verdana,sans;
text-decoration:none;
background:#222;
color:#fff;
}
ul#nav ul li a {
padding:10px 15px;
float:left;
}
ul#nav li a:hover
,ul#nav li a:focus {
color:#aeff5e;
}
 html body ul.sf-menu ul
,html body ul.sf-menu ul li {
width:180px;
}
html body ul.sf-menu ul ul {
margin:0 0 0 180px;
}
/* Framework for proper showing/hiding/positioning */
/* DO NOT EDIT FROM HERE */
ul.sf-menu
,ul.sf-menu * {
margin:0;
padding:0;
}
ul.sf-menu {
display:block;
position:relative;
}
ul.sf-menu li {
display:block;
list-style:none;
float:left;
position:relative;
}
ul.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
ul.sf-menu a {
display:block;
position:relative;
}
ul.sf-menu ul {
position:absolute;
left:0;
width:150px;
top:auto;
left:-999999px;
}
ul.sf-menu ul a {
zoom:1; /* IE6/7 fix */
}
ul.sf-menu ul li {
float:left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
width:150px;
}
ul.sf-menu ul ul {
top:0;
margin:0 0 0 150px
}
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul { /*first level*/
left:auto;
}
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul {/*second level*/
left:auto;
}
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul {/*third level*/
left:auto;
}
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {/*fourth level*/
left:auto;
}
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
left:-999999px;
}
 
맨위에 감싸서 넓이를줘도 꿈쩍도안해서..여기저기넣다가 늘어나긴 늘어났는데..
 
메뉴가 링크보시듯이.. 수직정렬되어있는데..
 
고칠 방법 없을까요..?
 
 
 
 
#퍼블리셔팁 #퍼블리셔 #팁자료실 #html
|

댓글 3개

전진
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-04-14 (토) 06:31:58
a 의 width를 900으로 주셨네요. ^^;
음.. 원래 코드 http://geeksnowdigital.com/sites/all/modules/SooperFish02/example-advanced.html 에서 검은 부분을 화면 끝까지 채우고 싶으신건가요?

그렇다면, 위 원래 코드에서
ul.nav 의 border 와 border-width를 빼시고,

width: 100%; background-color: #222;

를 넣으시면 될것 같습니다. ^^
航海
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-04-14 (토) 08:08:58
감사합니다.. 생각지도못한 ..
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12-04-26 조회 3,783
12-04-24 조회 3,182
12-04-23 조회 4,531
12-04-22 조회 3,222
12-04-19 조회 3,303
12-04-18 조회 4,367
12-04-18 조회 3,074
12-04-17 조회 3,346
12-04-17 조회 5,102
12-04-16 조회 3,514
12-04-13 조회 3,052
12-04-09 조회 3,118
12-04-04 조회 3,894
12-04-01 조회 3,180
12-03-31 조회 3,564
12-03-30 조회 3,177
12-03-30 조회 3,842
12-03-26 조회 3,461
12-03-26 조회 3,028
12-03-22 조회 3,182
12-03-21 조회 3,037
12-03-19 조회 3,452
12-03-17 조회 3,481
12-03-14 조회 3,212
12-03-10 조회 3,890
12-03-09 조회 3,475
12-03-09 조회 3,298
12-03-08 조회 3,770
12-03-08 조회 3,929
12-03-08 조회 4,038
12-03-03 조회 3,258
12-03-02 조회 4,608
12-02-28 조회 3,132
12-02-27 조회 2,935
12-02-25 조회 3,111
12-02-24 조회 3,816
12-02-23 조회 3,085
12-02-22 조회 3,609
12-02-22 조회 5,377
12-02-22 조회 3,948
12-02-22 조회 4,269
12-02-18 조회 3,751
12-02-17 조회 2,968
12-02-17 조회 3,387
12-02-14 조회 3,460
12-02-13 조회 3,336
12-02-10 조회 1만
12-02-08 조회 2,999
12-02-07 조회 3,338
12-02-06 조회 3,056
12-02-05 조회 3,527
12-01-31 조회 3,462
12-01-30 조회 9,637
12-01-29 조회 3,784
12-01-26 조회 3,397
12-01-25 조회 3,994
12-01-24 조회 3,392
12-01-10 조회 3,716
12-01-10 조회 4,456
12-01-09 조회 3,254
12-01-08 조회 7,113
12-01-08 조회 3,633
12-01-07 조회 5,154
12-01-04 조회 3,872
12-01-02 조회 3,091
12-01-02 조회 3,148
12-01-02 조회 3,455
12-01-01 조회 3,087
11-12-31 조회 3,388
11-12-31 조회 3,063
11-12-30 조회 3,235
11-12-30 조회 3,385
11-12-29 조회 3,588
11-12-28 조회 3,688
11-12-26 조회 3,261
11-12-23 조회 3,484
11-12-22 조회 3,012
11-12-15 조회 4,110
11-12-08 조회 3,936
11-12-05 조회 3,273
11-12-04 조회 5,691
11-12-03 조회 3,542
11-12-02 조회 3,332
11-12-01 조회 5,400
11-11-30 조회 2,877
11-11-30 조회 2,789
11-11-28 조회 3,129
11-11-26 조회 3,305
11-11-25 조회 3,322
11-11-24 조회 2,939
11-11-22 조회 3,015
11-11-22 조회 2,864
11-11-17 조회 2,792
11-11-11 조회 2,806
11-11-09 조회 2,865
11-11-08 조회 3,233
11-11-08 조회 2,525
11-11-04 조회 3,608
11-11-01 조회 2,916
11-10-26 조회 2,498
글쓰기