메뉴 수정하고있는데요..
전체 넓이를 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;
}
,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%;
float:left;
font-size:90%;
}
ul#nav ul {
background:#222;
}
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;
}
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;
}
padding:10px 15px;
float:left;
}
ul#nav li a:hover
,ul#nav li a:focus {
color:#aeff5e;
}
,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;
}
,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;
}
/* 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
}
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;
}
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;
}
맨위에 감싸서 넓이를줘도 꿈쩍도안해서..여기저기넣다가 늘어나긴 늘어났는데..
메뉴가 링크보시듯이.. 수직정렬되어있는데..
고칠 방법 없을까요..?
댓글 3개
13년 전
a 의 width를 900으로 주셨네요. ^^;
음.. 원래 코드 http://geeksnowdigital.com/sites/all/modules/SooperFish02/example-advanced.html 에서 검은 부분을 화면 끝까지 채우고 싶으신건가요?
그렇다면, 위 원래 코드에서
ul.nav 의 border 와 border-width를 빼시고,
width: 100%; background-color: #222;
를 넣으시면 될것 같습니다. ^^
음.. 원래 코드 http://geeksnowdigital.com/sites/all/modules/SooperFish02/example-advanced.html 에서 검은 부분을 화면 끝까지 채우고 싶으신건가요?
그렇다면, 위 원래 코드에서
ul.nav 의 border 와 border-width를 빼시고,
width: 100%; background-color: #222;
를 넣으시면 될것 같습니다. ^^
13년 전
감사합니다.. 생각지도못한 ..
13년 전
음
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 8130 | 9년 전 | 474 | ||
| 8129 |
 Angelos |
9년 전 | 631 | |
| 8128 | 9년 전 | 504 | ||
| 8127 |
Angelos |
9년 전 | 571 | |
| 8126 | 9년 전 | 494 | ||
| 8125 | 9년 전 | 755 | ||
| 8124 |
Angelos |
9년 전 | 493 | |
| 8123 | 9년 전 | 481 | ||
| 8122 | 9년 전 | 415 | ||
| 8121 | 9년 전 | 520 | ||
| 8120 | 9년 전 | 449 | ||
| 8119 | 9년 전 | 529 | ||
| 8118 |
Angelos |
9년 전 | 616 | |
| 8117 |
 뜨거운형제들 |
9년 전 | 389 | |
| 8116 |
PASKRAN
|
9년 전 | 458 | |
| 8115 | 9년 전 | 447 | ||
| 8114 |
kiplayer
|
9년 전 | 590 | |
| 8113 | 9년 전 | 426 | ||
| 8112 |
Angelos |
9년 전 | 544 | |
| 8111 | 9년 전 | 394 | ||
| 8110 | 9년 전 | 433 | ||
| 8109 | 9년 전 | 348 | ||
| 8108 |
Angelos |
9년 전 | 529 | |
| 8107 |
Angelos |
9년 전 | 421 | |
| 8106 |
Angelos |
9년 전 | 415 | |
| 8105 | 9년 전 | 460 | ||
| 8104 |
Angelos |
9년 전 | 416 | |
| 8103 |
Angelos |
9년 전 | 414 | |
| 8102 |
Angelos |
9년 전 | 375 | |
| 8101 |
snshero
|
9년 전 | 763 | |
| 8100 | 9년 전 | 819 | ||
| 8099 | 9년 전 | 786 | ||
| 8098 | 9년 전 | 698 | ||
| 8097 | 9년 전 | 490 | ||
| 8096 | 9년 전 | 690 | ||
| 8095 | 9년 전 | 820 | ||
| 8094 | 9년 전 | 495 | ||
| 8093 | 9년 전 | 782 | ||
| 8092 | 9년 전 | 743 | ||
| 8091 | 9년 전 | 1130 | ||
| 8090 | 9년 전 | 752 | ||
| 8089 | 9년 전 | 950 | ||
| 8088 | 9년 전 | 623 | ||
| 8087 | 9년 전 | 734 | ||
| 8086 | 9년 전 | 501 | ||
| 8085 | 9년 전 | 467 | ||
| 8084 | 9년 전 | 602 | ||
| 8083 | 9년 전 | 574 | ||
| 8082 | 9년 전 | 744 | ||
| 8081 | 9년 전 | 458 | ||
| 8080 | 9년 전 | 549 | ||
| 8079 | 9년 전 | 500 | ||
| 8078 | 9년 전 | 426 | ||
| 8077 | 9년 전 | 506 | ||
| 8076 | 9년 전 | 389 | ||
| 8075 | 9년 전 | 411 | ||
| 8074 | 9년 전 | 373 | ||
| 8073 | 9년 전 | 428 | ||
| 8072 | 9년 전 | 416 | ||
| 8071 |
o1o111
|
9년 전 | 869 | |
| 8070 | 9년 전 | 382 | ||
| 8069 | 9년 전 | 311 | ||
| 8068 | 9년 전 | 573 | ||
| 8067 | 9년 전 | 380 | ||
| 8066 | 9년 전 | 410 | ||
| 8065 | 9년 전 | 358 | ||
| 8064 | 9년 전 | 342 | ||
| 8063 | 9년 전 | 310 | ||
| 8062 | 9년 전 | 292 | ||
| 8061 | 9년 전 | 338 | ||
| 8060 | 9년 전 | 362 | ||
| 8059 | 9년 전 | 297 | ||
| 8058 | 9년 전 | 233 | ||
| 8057 | 9년 전 | 368 | ||
| 8056 | 9년 전 | 291 | ||
| 8055 | 9년 전 | 328 | ||
| 8054 | 9년 전 | 342 | ||
| 8053 | 9년 전 | 386 | ||
| 8052 | 9년 전 | 273 | ||
| 8051 | 9년 전 | 311 | ||
| 8050 | 9년 전 | 380 | ||
| 8049 | 9년 전 | 305 | ||
| 8048 | 9년 전 | 411 | ||
| 8047 | 9년 전 | 339 | ||
| 8046 | 9년 전 | 274 | ||
| 8045 | 9년 전 | 242 | ||
| 8044 | 9년 전 | 320 | ||
| 8043 | 9년 전 | 259 | ||
| 8042 | 9년 전 | 272 | ||
| 8041 | 9년 전 | 316 | ||
| 8040 | 9년 전 | 246 | ||
| 8039 | 9년 전 | 302 | ||
| 8038 | 9년 전 | 256 | ||
| 8037 | 9년 전 | 377 | ||
| 8036 | 9년 전 | 456 | ||
| 8035 | 9년 전 | 412 | ||
| 8034 | 9년 전 | 379 | ||
| 8033 | 9년 전 | 334 | ||
| 8032 | 9년 전 | 395 | ||
| 8031 | 9년 전 | 324 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기