새해 첫날부터 질문 올립니다 ㅠ.ㅠ
css로 구성된 탑메뉴인데...
위의 예제스샷의...
탑로고부분과 가로크기 맞춰보려고 하는데 아무리해도 사이즈가 안늘어나네요 ㅠ.ㅠ
이미지로고 사이즈는 1000이고 빌더에서 그룹메뉴는 1000으로 지정해줬습니다.
탑메뉴 소스는..
.glossymenu{
position: relative;
padding: 0 0 0 35px;
margin: 0 auto 0 auto;
background: url(../include/top1/media/menur_bg.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
position: relative;
padding: 0 0 0 35px;
margin: 0 auto 0 auto;
background: url(../include/top1/media/menur_bg.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(../include/top1//media/menur_hover_left.gif) no-repeat; /*left tab image path*/
background-position: left;
}
color: #fff;
background: url(../include/top1//media/menur_hover_left.gif) no-repeat; /*left tab image path*/
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(../include/top1/media/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}
color: #fff;
background: url(../include/top1/media/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}
</style>
인데... 어딜 손봐야 할까요?
새해복많이 받으세요 ^^
댓글 4개
aequum
13년 전
주소 알려주시면 안돼용? 모가 어떻게 잘못되었다 하시는지 모르겠네요. 여백을 없애야 하나요?
padding: 0 0 0 35px;
여기 페딩도 보이고. +_+ 소스를 보면 도움을....
padding: 0 0 0 35px;
여기 페딩도 보이고. +_+ 소스를 보면 도움을....
13년 전
아직 사이트 주소를 공개할 단계가 아니라서요..
이것저것 테스트하고 적용해보고 공부하느라 지저분하거든요 ^^;;
그래서 스샷하나 더 첨부해봅니다..
탑메뉴 왼쪽이 위의 메인로고와 좌측메뉴에 딱 맞지 않고 뒤로 밀려있네요.
head.php에서 html 태그로 테이블 크기를 늘려줘봤는데 소용없고..
css에서 전체크기 값도 없어 난감합니다 ㅠ.ㅠ
이것저것 테스트하고 적용해보고 공부하느라 지저분하거든요 ^^;;
그래서 스샷하나 더 첨부해봅니다..
탑메뉴 왼쪽이 위의 메인로고와 좌측메뉴에 딱 맞지 않고 뒤로 밀려있네요.
head.php에서 html 태그로 테이블 크기를 늘려줘봤는데 소용없고..
css에서 전체크기 값도 없어 난감합니다 ㅠ.ㅠ
aequum
13년 전
ㅎㅎ 스타일만 보고 메뉴 HTML 소스를 추측해서 보니 좀 고생이네요. 아우... glossymenu 클래스가 보니 list-style이 선언된 것 보니 ul 태그이겠고 여기 padding에 35px로 좌측 여백을 만들었는데 이것과는 상관이 없나요?
문제는 어차피 padding과 상관없이 ../include/top1/media/menur_bg.gif 배경은 위치해야 하는데 그렇지 못하네요. 그 전에 몬가 있으려나 . 흐흐흐
.glossymenu에 margin-left: -35px이나 적당한 값을 한번 넣어보세요.
position:relative하시고 left:-얼마얼마px도 해보고 방법은 많습니다. 이런 묻지마 보정말고 뭐가 문젠지 보고 싶은데... 냠냠
문제는 어차피 padding과 상관없이 ../include/top1/media/menur_bg.gif 배경은 위치해야 하는데 그렇지 못하네요. 그 전에 몬가 있으려나 . 흐흐흐
.glossymenu에 margin-left: -35px이나 적당한 값을 한번 넣어보세요.
position:relative하시고 left:-얼마얼마px도 해보고 방법은 많습니다. 이런 묻지마 보정말고 뭐가 문젠지 보고 싶은데... 냠냠
13년 전
감사합니다 ^^ 해결됐습니다.
margin auto를 0으로 줄생각을 미쳐 못했었네요..
^_^ 새해 부터 도움을 주셔서 감사합니다
복받으실거예요 ㅎ
margin auto를 0으로 줄생각을 미쳐 못했었네요..
^_^ 새해 부터 도움을 주셔서 감사합니다
복받으실거예요 ㅎ
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7930 | 9년 전 | 458 | ||
| 7929 | 9년 전 | 393 | ||
| 7928 | 9년 전 | 471 | ||
| 7927 | 9년 전 | 379 | ||
| 7926 | 9년 전 | 688 | ||
| 7925 | 9년 전 | 406 | ||
| 7924 | 9년 전 | 386 | ||
| 7923 | 9년 전 | 380 | ||
| 7922 | 9년 전 | 414 | ||
| 7921 | 9년 전 | 433 | ||
| 7920 | 9년 전 | 343 | ||
| 7919 | 9년 전 | 352 | ||
| 7918 | 9년 전 | 507 | ||
| 7917 | 9년 전 | 359 | ||
| 7916 | 9년 전 | 446 | ||
| 7915 | 9년 전 | 454 | ||
| 7914 | 9년 전 | 468 | ||
| 7913 | 9년 전 | 638 | ||
| 7912 | 9년 전 | 467 | ||
| 7911 | 9년 전 | 398 | ||
| 7910 | 9년 전 | 446 | ||
| 7909 | 9년 전 | 555 | ||
| 7908 | 9년 전 | 493 | ||
| 7907 | 9년 전 | 429 | ||
| 7906 | 9년 전 | 448 | ||
| 7905 | 9년 전 | 416 | ||
| 7904 | 9년 전 | 405 | ||
| 7903 | 9년 전 | 403 | ||
| 7902 | 9년 전 | 593 | ||
| 7901 |
|
9년 전 | 767 | |
| 7900 | 9년 전 | 650 | ||
| 7899 | 9년 전 | 431 | ||
| 7898 | 9년 전 | 429 | ||
| 7897 | 9년 전 | 389 | ||
| 7896 | 9년 전 | 407 | ||
| 7895 | 9년 전 | 523 | ||
| 7894 | 9년 전 | 435 | ||
| 7893 | 9년 전 | 407 | ||
| 7892 | 9년 전 | 446 | ||
| 7891 | 9년 전 | 808 | ||
| 7890 | 9년 전 | 1231 | ||
| 7889 | 9년 전 | 766 | ||
| 7888 |
limsy1987
|
9년 전 | 578 | |
| 7887 | 9년 전 | 612 | ||
| 7886 | 9년 전 | 501 | ||
| 7885 | 9년 전 | 469 | ||
| 7884 | 9년 전 | 461 | ||
| 7883 | 9년 전 | 471 | ||
| 7882 | 9년 전 | 526 | ||
| 7881 | 9년 전 | 500 | ||
| 7880 | 9년 전 | 621 | ||
| 7879 | 9년 전 | 508 | ||
| 7878 | 9년 전 | 1279 | ||
| 7877 | 9년 전 | 810 | ||
| 7876 | 9년 전 | 549 | ||
| 7875 | 9년 전 | 615 | ||
| 7874 |
|
9년 전 | 830 | |
| 7873 | 9년 전 | 552 | ||
| 7872 | 9년 전 | 717 | ||
| 7871 | 9년 전 | 530 | ||
| 7870 | 9년 전 | 649 | ||
| 7869 | 9년 전 | 470 | ||
| 7868 | 9년 전 | 505 | ||
| 7867 | 9년 전 | 503 | ||
| 7866 | 9년 전 | 566 | ||
| 7865 | 9년 전 | 506 | ||
| 7864 | 9년 전 | 569 | ||
| 7863 | 9년 전 | 557 | ||
| 7862 | 9년 전 | 521 | ||
| 7861 | 9년 전 | 692 | ||
| 7860 | 9년 전 | 669 | ||
| 7859 | 9년 전 | 444 | ||
| 7858 | 9년 전 | 751 | ||
| 7857 | 9년 전 | 1139 | ||
| 7856 | 9년 전 | 569 | ||
| 7855 | 9년 전 | 802 | ||
| 7854 | 9년 전 | 754 | ||
| 7853 | 9년 전 | 650 | ||
| 7852 | 9년 전 | 567 | ||
| 7851 | 9년 전 | 560 | ||
| 7850 | 9년 전 | 637 | ||
| 7849 | 9년 전 | 401 | ||
| 7848 | 9년 전 | 470 | ||
| 7847 | 9년 전 | 715 | ||
| 7846 | 9년 전 | 501 | ||
| 7845 | 9년 전 | 468 | ||
| 7844 | 9년 전 | 439 | ||
| 7843 | 9년 전 | 479 | ||
| 7842 | 9년 전 | 463 | ||
| 7841 | 9년 전 | 430 | ||
| 7840 | 9년 전 | 445 | ||
| 7839 | 9년 전 | 487 | ||
| 7838 | 10년 전 | 555 | ||
| 7837 | 10년 전 | 385 | ||
| 7836 | 10년 전 | 443 | ||
| 7835 | 10년 전 | 521 | ||
| 7834 |
|
10년 전 | 1228 | |
| 7833 | 10년 전 | 488 | ||
| 7832 | 10년 전 | 463 | ||
| 7831 | 10년 전 | 624 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기