새해 첫날부터 질문 올립니다 ㅠ.ㅠ
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으로 줄생각을 미쳐 못했었네요..
^_^ 새해 부터 도움을 주셔서 감사합니다
복받으실거예요 ㅎ
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4630 | 13년 전 | 1193 | ||
| 4629 | 13년 전 | 4365 | ||
| 4628 | 13년 전 | 777 | ||
| 4627 |
 cshop |
13년 전 | 1767 | |
| 4626 | 13년 전 | 819 | ||
| 4625 |
마릴릴모니
|
13년 전 | 740 | |
| 4624 | 13년 전 | 1642 | ||
| 4623 |
SIR정회원
|
13년 전 | 621 | |
| 4622 |
rakoos
|
13년 전 | 1580 | |
| 4621 | 13년 전 | 689 | ||
| 4620 | 13년 전 | 1477 | ||
| 4619 | 13년 전 | 1003 | ||
| 4618 | 13년 전 | 4052 | ||
| 4617 | 13년 전 | 2047 | ||
| 4616 | 13년 전 | 870 | ||
| 4615 | 13년 전 | 690 | ||
| 4614 | 13년 전 | 1258 | ||
| 4613 | 13년 전 | 896 | ||
| 4612 |
rakoos
|
13년 전 | 1024 | |
| 4611 |
 스터디24 |
13년 전 | 2121 | |
| 4610 | 13년 전 | 775 | ||
| 4609 | 13년 전 | 2826 | ||
| 4608 | 13년 전 | 2814 | ||
| 4607 | 13년 전 | 1082 | ||
| 4606 | 13년 전 | 779 | ||
| 4605 | 13년 전 | 2320 | ||
| 4604 | 13년 전 | 895 | ||
| 4603 | 13년 전 | 1146 | ||
| 4602 |
한번잘해보자
|
13년 전 | 690 | |
| 4601 | 13년 전 | 1808 | ||
| 4600 |
 가나다라마바사아자차카타파하 |
13년 전 | 1092 | |
| 4599 |
크라운엠버서더
|
13년 전 | 1155 | |
| 4598 | 13년 전 | 1508 | ||
| 4597 | 13년 전 | 607 | ||
| 4596 | 13년 전 | 3696 | ||
| 4595 |
cshop |
13년 전 | 925 | |
| 4594 | 13년 전 | 1803 | ||
| 4593 | 13년 전 | 1292 | ||
| 4592 | 13년 전 | 665 | ||
| 4591 | 13년 전 | 4652 | ||
| 4590 | 13년 전 | 527 | ||
| 4589 | 13년 전 | 2646 | ||
| 4588 |
 raineye |
13년 전 | 996 | |
| 4587 | 13년 전 | 663 | ||
| 4586 |
JavaDD
|
13년 전 | 1022 | |
| 4585 | 13년 전 | 7795 | ||
| 4584 | 13년 전 | 993 | ||
| 4583 |
PHPㅡASP프로그래머
|
13년 전 | 2072 | |
| 4582 |
PHPㅡASP프로그래머
|
13년 전 | 1507 | |
| 4581 |
PHPㅡASP프로그래머
|
13년 전 | 1028 | |
| 4580 | 13년 전 | 4101 | ||
| 4579 |
 미운오리스키 |
13년 전 | 695 | |
| 4578 | 13년 전 | 1196 | ||
| 4577 | 13년 전 | 823 | ||
| 4576 |
Kanzi
|
13년 전 | 882 | |
| 4575 |
 웹디자인연구소 |
13년 전 | 1565 | |
| 4574 | 13년 전 | 2356 | ||
| 4573 |
달빛소나타
|
13년 전 | 885 | |
| 4572 | 13년 전 | 1005 | ||
| 4571 | 13년 전 | 948 | ||
| 4570 |
웹디자인연구소 |
13년 전 | 1323 | |
| 4569 |
한번잘해보자
|
13년 전 | 567 | |
| 4568 |
Raizond
|
13년 전 | 1036 | |
| 4567 |
Raizond
|
13년 전 | 544 | |
| 4566 |
Revenge
|
13년 전 | 957 | |
| 4565 |
가나다라마바사아자차카타파하 |
13년 전 | 713 | |
| 4564 |
 Terrorboy |
13년 전 | 1145 | |
| 4563 | 13년 전 | 1578 | ||
| 4562 | 13년 전 | 1228 | ||
| 4561 | 13년 전 | 9411 | ||
| 4560 | 13년 전 | 1814 | ||
| 4559 | 13년 전 | 3371 | ||
| 4558 | 13년 전 | 485 | ||
| 4557 | 13년 전 | 1457 | ||
| 4556 | 13년 전 | 718 | ||
| 4555 | 13년 전 | 560 | ||
| 4554 | 13년 전 | 552 | ||
| 4553 |
 프로페셔널 |
13년 전 | 4316 | |
| 4552 | 13년 전 | 1516 | ||
| 4551 | 13년 전 | 1999 | ||
| 4550 | 13년 전 | 689 | ||
| 4549 | 13년 전 | 1045 | ||
| 4548 | 13년 전 | 1581 | ||
| 4547 | 13년 전 | 569 | ||
| 4546 | 13년 전 | 1624 | ||
| 4545 | 13년 전 | 1343 | ||
| 4544 | 13년 전 | 3041 | ||
| 4543 | 13년 전 | 1022 | ||
| 4542 | 13년 전 | 2273 | ||
| 4541 | 13년 전 | 1143 | ||
| 4540 |
미운오리스키 |
13년 전 | 1070 | |
| 4539 | 13년 전 | 1170 | ||
| 4538 | 13년 전 | 1596 | ||
| 4537 | 13년 전 | 1181 | ||
| 4536 | 13년 전 | 565 | ||
| 4535 |
스터디24 |
13년 전 | 837 | |
| 4534 |
스터디24 |
13년 전 | 987 | |
| 4533 | 13년 전 | 659 | ||
| 4532 |
soing
|
13년 전 | 7384 | |
| 4531 |
 매직크레용 |
13년 전 | 6409 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기