메뉴 수정하고있는데요..
전체 넓이를 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년 전
음
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7530 | 10년 전 | 818 | ||
| 7529 |
파랑새1597
|
10년 전 | 1241 | |
| 7528 |
파랑새1597
|
10년 전 | 1333 | |
| 7527 |
integrity7
|
10년 전 | 1412 | |
| 7526 | 10년 전 | 2441 | ||
| 7525 |
다빈치코드777
|
10년 전 | 1120 | |
| 7524 | 10년 전 | 1589 | ||
| 7523 | 10년 전 | 979 | ||
| 7522 |
 나는웹디다 |
10년 전 | 1008 | |
| 7521 |
blackkil
|
10년 전 | 1895 | |
| 7520 | 10년 전 | 1313 | ||
| 7519 |
Gaumi
|
10년 전 | 1093 | |
| 7518 | 10년 전 | 1503 | ||
| 7517 | 10년 전 | 843 | ||
| 7516 | 10년 전 | 1311 | ||
| 7515 | 10년 전 | 1429 | ||
| 7514 |
 돼지코구뇽 |
10년 전 | 4499 | |
| 7513 |
멋진남자임
|
10년 전 | 1139 | |
| 7512 |
다빈치코드777
|
10년 전 | 890 | |
| 7511 |
 LaRuota |
10년 전 | 3416 | |
| 7510 | 10년 전 | 1382 | ||
| 7509 | 10년 전 | 1162 | ||
| 7508 | 10년 전 | 726 | ||
| 7507 |
senseme
|
10년 전 | 767 | |
| 7506 |
멋진남자임
|
10년 전 | 1662 | |
| 7505 | 10년 전 | 4040 | ||
| 7504 | 10년 전 | 2171 | ||
| 7503 | 10년 전 | 1008 | ||
| 7502 | 10년 전 | 533 | ||
| 7501 | 10년 전 | 1460 | ||
| 7500 | 10년 전 | 1508 | ||
| 7499 | 10년 전 | 3410 | ||
| 7498 | 10년 전 | 1247 | ||
| 7497 |
dethos79
|
10년 전 | 2978 | |
| 7496 | 10년 전 | 2189 | ||
| 7495 | 10년 전 | 913 | ||
| 7494 |
CHAVO
|
10년 전 | 1155 | |
| 7493 | 10년 전 | 2667 | ||
| 7492 | 10년 전 | 1299 | ||
| 7491 | 10년 전 | 1507 | ||
| 7490 | 10년 전 | 2363 | ||
| 7489 | 10년 전 | 2132 | ||
| 7488 |
toptopon
|
10년 전 | 915 | |
| 7487 |
 Terrorboy |
10년 전 | 1060 | |
| 7486 | 10년 전 | 3375 | ||
| 7485 | 10년 전 | 1331 | ||
| 7484 | 10년 전 | 1386 | ||
| 7483 | 10년 전 | 1043 | ||
| 7482 | 10년 전 | 677 | ||
| 7481 | 10년 전 | 868 | ||
| 7480 | 10년 전 | 1249 | ||
| 7479 | 10년 전 | 2622 | ||
| 7478 | 10년 전 | 1184 | ||
| 7477 |
멋진남자임
|
10년 전 | 1534 | |
| 7476 |
zeppeto
|
10년 전 | 1151 | |
| 7475 |
200점아빠
|
10년 전 | 932 | |
| 7474 | 10년 전 | 4018 | ||
| 7473 | 10년 전 | 1007 | ||
| 7472 |
나르시스1
|
10년 전 | 1257 | |
| 7471 | 10년 전 | 887 | ||
| 7470 | 10년 전 | 1307 | ||
| 7469 |
플라이SINJI
|
10년 전 | 1015 | |
| 7468 |
Terrorboy |
10년 전 | 576 | |
| 7467 |
Terrorboy |
10년 전 | 688 | |
| 7466 | 10년 전 | 1149 | ||
| 7465 | 10년 전 | 1201 | ||
| 7464 |
Terrorboy |
10년 전 | 1214 | |
| 7463 | 10년 전 | 1276 | ||
| 7462 |
진짜별사탕
|
10년 전 | 881 | |
| 7461 | 10년 전 | 966 | ||
| 7460 | 10년 전 | 3761 | ||
| 7459 |
멋진남자임
|
10년 전 | 1576 | |
| 7458 |
멋진남자임
|
10년 전 | 503 | |
| 7457 | 10년 전 | 932 | ||
| 7456 | 10년 전 | 781 | ||
| 7455 | 10년 전 | 2191 | ||
| 7454 | 10년 전 | 645 | ||
| 7453 | 10년 전 | 852 | ||
| 7452 |
중국어사이트제작
|
10년 전 | 516 | |
| 7451 | 10년 전 | 924 | ||
| 7450 | 10년 전 | 647 | ||
| 7449 |
울라라라우
|
10년 전 | 966 | |
| 7448 | 10년 전 | 1642 | ||
| 7447 |
멋진남자임
|
10년 전 | 525 | |
| 7446 | 10년 전 | 567 | ||
| 7445 |
네이비칼라
|
10년 전 | 1702 | |
| 7444 |
senseme
|
10년 전 | 1423 | |
| 7443 | 10년 전 | 1353 | ||
| 7442 | 11년 전 | 742 | ||
| 7441 |
멋진남자임
|
11년 전 | 1457 | |
| 7440 | 11년 전 | 930 | ||
| 7439 |
Terrorboy |
11년 전 | 786 | |
| 7438 |
Terrorboy |
11년 전 | 955 | |
| 7437 |
basement
|
11년 전 | 1050 | |
| 7436 |
잘살아보자
|
11년 전 | 1147 | |
| 7435 | 11년 전 | 1104 | ||
| 7434 | 11년 전 | 3801 | ||
| 7433 |
Terrorboy |
11년 전 | 2765 | |
| 7432 |
alexkim
|
11년 전 | 875 | |
| 7431 |
이웃집초보
|
11년 전 | 1325 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기