메뉴 수정하고있는데요..
전체 넓이를 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년 전
음
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4530 |
라이언31
|
13년 전 | 618 | |
| 4529 | 13년 전 | 795 | ||
| 4528 |
꼬꼬아부지
|
13년 전 | 1001 | |
| 4527 | 13년 전 | 609 | ||
| 4526 | 13년 전 | 691 | ||
| 4525 |
 똥싼너구리 |
13년 전 | 1009 | |
| 4524 | 13년 전 | 980 | ||
| 4523 | 13년 전 | 2283 | ||
| 4522 | 13년 전 | 612 | ||
| 4521 | 13년 전 | 1256 | ||
| 4520 | 13년 전 | 1549 | ||
| 4519 |
복이219
|
13년 전 | 1203 | |
| 4518 | 13년 전 | 492 | ||
| 4517 | 13년 전 | 1295 | ||
| 4516 |
아이피마스터
|
13년 전 | 551 | |
| 4515 | 13년 전 | 637 | ||
| 4514 | 13년 전 | 637 | ||
| 4513 | 13년 전 | 1067 | ||
| 4512 |
ananom
|
13년 전 | 4362 | |
| 4511 |
ananom
|
13년 전 | 1478 | |
| 4510 | 13년 전 | 1215 | ||
| 4509 | 13년 전 | 678 | ||
| 4508 | 13년 전 | 843 | ||
| 4507 | 13년 전 | 930 | ||
| 4506 | 13년 전 | 702 | ||
| 4505 | 13년 전 | 627 | ||
| 4504 | 13년 전 | 465 | ||
| 4503 | 13년 전 | 503 | ||
| 4502 |
 늘푸른세상 |
13년 전 | 1788 | |
| 4501 | 13년 전 | 1627 | ||
| 4500 |
 넓은마인드 |
13년 전 | 485 | |
| 4499 | 13년 전 | 1875 | ||
| 4498 | 13년 전 | 1151 | ||
| 4497 |
미션임파썩을
|
13년 전 | 889 | |
| 4496 | 13년 전 | 935 | ||
| 4495 |
공포의니이킥
|
13년 전 | 1106 | |
| 4494 | 13년 전 | 1971 | ||
| 4493 | 13년 전 | 1059 | ||
| 4492 | 13년 전 | 487 | ||
| 4491 |
두근두근따봉
|
13년 전 | 924 | |
| 4490 | 13년 전 | 1367 | ||
| 4489 |
jaein8060
|
13년 전 | 613 | |
| 4488 | 13년 전 | 1040 | ||
| 4487 |
ReeJang
|
13년 전 | 1817 | |
| 4486 | 13년 전 | 980 | ||
| 4485 | 13년 전 | 800 | ||
| 4484 | 13년 전 | 852 | ||
| 4483 | 13년 전 | 517 | ||
| 4482 | 13년 전 | 1177 | ||
| 4481 | 13년 전 | 1048 | ||
| 4480 |
넓은마인드 |
13년 전 | 520 | |
| 4479 | 13년 전 | 908 | ||
| 4478 | 13년 전 | 3962 | ||
| 4477 | 13년 전 | 987 | ||
| 4476 |
wangko
|
13년 전 | 2704 | |
| 4475 | 13년 전 | 924 | ||
| 4474 | 13년 전 | 956 | ||
| 4473 | 13년 전 | 757 | ||
| 4472 |
넓은마인드 |
13년 전 | 551 | |
| 4471 | 13년 전 | 1563 | ||
| 4470 | 13년 전 | 571 | ||
| 4469 | 13년 전 | 519 | ||
| 4468 | 13년 전 | 846 | ||
| 4467 | 13년 전 | 642 | ||
| 4466 | 13년 전 | 910 | ||
| 4465 | 13년 전 | 659 | ||
| 4464 | 13년 전 | 1715 | ||
| 4463 |
chongho
|
13년 전 | 2171 | |
| 4462 |
chongho
|
13년 전 | 1020 | |
| 4461 |
chongho
|
13년 전 | 1022 | |
| 4460 | 13년 전 | 751 | ||
| 4459 | 13년 전 | 2778 | ||
| 4458 | 13년 전 | 784 | ||
| 4457 | 13년 전 | 494 | ||
| 4456 | 13년 전 | 1319 | ||
| 4455 | 13년 전 | 1723 | ||
| 4454 | 13년 전 | 693 | ||
| 4453 | 13년 전 | 1249 | ||
| 4452 |
aequum
|
13년 전 | 1267 | |
| 4451 | 13년 전 | 1324 | ||
| 4450 |
도토리과자
|
13년 전 | 1423 | |
| 4449 | 13년 전 | 1079 | ||
| 4448 | 13년 전 | 8615 | ||
| 4447 | 13년 전 | 1202 | ||
| 4446 | 13년 전 | 1482 | ||
| 4445 | 13년 전 | 630 | ||
| 4444 |
넓은마인드 |
13년 전 | 581 | |
| 4443 | 13년 전 | 688 | ||
| 4442 |
Msoft
|
13년 전 | 1049 | |
| 4441 |
 매직크레용 |
13년 전 | 2098 | |
| 4440 | 13년 전 | 612 | ||
| 4439 | 13년 전 | 1652 | ||
| 4438 |
aequum
|
13년 전 | 1834 | |
| 4437 | 13년 전 | 984 | ||
| 4436 | 13년 전 | 917 | ||
| 4435 |
디귿소프트
|
13년 전 | 508 | |
| 4434 | 13년 전 | 1066 | ||
| 4433 | 13년 전 | 990 | ||
| 4432 | 13년 전 | 853 | ||
| 4431 | 13년 전 | 748 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기