고수님들께 도움좀.. 메인로고와 탑메뉴의 가로크기가 안맞아서요..
새해 첫날부터 질문 올립니다 ㅠ.ㅠ
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개
padding: 0 0 0 35px;
여기 페딩도 보이고. +_+ 소스를 보면 도움을....
이것저것 테스트하고 적용해보고 공부하느라 지저분하거든요 ^^;;
그래서 스샷하나 더 첨부해봅니다..
탑메뉴 왼쪽이 위의 메인로고와 좌측메뉴에 딱 맞지 않고 뒤로 밀려있네요.
head.php에서 html 태그로 테이블 크기를 늘려줘봤는데 소용없고..
css에서 전체크기 값도 없어 난감합니다 ㅠ.ㅠ
문제는 어차피 padding과 상관없이 ../include/top1/media/menur_bg.gif 배경은 위치해야 하는데 그렇지 못하네요. 그 전에 몬가 있으려나 . 흐흐흐
.glossymenu에 margin-left: -35px이나 적당한 값을 한번 넣어보세요.
position:relative하시고 left:-얼마얼마px도 해보고 방법은 많습니다. 이런 묻지마 보정말고 뭐가 문젠지 보고 싶은데... 냠냠
margin auto를 0으로 줄생각을 미쳐 못했었네요..
^_^ 새해 부터 도움을 주셔서 감사합니다
복받으실거예요 ㅎ