테스트 사이트 - 개발 중인 베타 버전입니다

고수님들께 도움좀.. 메인로고와 탑메뉴의 가로크기가 안맞아서요..

· 13년 전 · 1174 · 4
question1.jpg
 
새해 첫날부터 질문 올립니다 ㅠ.ㅠ
 
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;
}
.glossymenu li{
 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; 
}
.glossymenu li a b{
 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;
}
.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*/
}
</style>
 
인데... 어딜 손봐야 할까요?
 
새해복많이 받으세요 ^^

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

주소 알려주시면 안돼용? 모가 어떻게 잘못되었다 하시는지 모르겠네요. 여백을 없애야 하나요?

padding: 0 0 0 35px;

여기 페딩도 보이고. +_+ 소스를 보면 도움을....
13년 전
아직 사이트 주소를 공개할 단계가 아니라서요..

이것저것 테스트하고 적용해보고 공부하느라 지저분하거든요 ^^;;

그래서 스샷하나 더 첨부해봅니다..

탑메뉴 왼쪽이 위의 메인로고와 좌측메뉴에 딱 맞지 않고 뒤로 밀려있네요.

head.php에서 html 태그로 테이블 크기를 늘려줘봤는데 소용없고..

css에서 전체크기 값도 없어 난감합니다 ㅠ.ㅠ
ㅎㅎ 스타일만 보고 메뉴 HTML 소스를 추측해서 보니 좀 고생이네요. 아우... glossymenu 클래스가 보니 list-style이 선언된 것 보니 ul 태그이겠고 여기 padding에 35px로 좌측 여백을 만들었는데 이것과는 상관이 없나요?

문제는 어차피 padding과 상관없이 ../include/top1/media/menur_bg.gif 배경은 위치해야 하는데 그렇지 못하네요. 그 전에 몬가 있으려나 . 흐흐흐
.glossymenu에 margin-left: -35px이나 적당한 값을 한번 넣어보세요.

position:relative하시고 left:-얼마얼마px도 해보고 방법은 많습니다. 이런 묻지마 보정말고 뭐가 문젠지 보고 싶은데... 냠냠
13년 전
감사합니다 ^^ 해결됐습니다.

margin auto를 0으로 줄생각을 미쳐 못했었네요..

^_^ 새해 부터 도움을 주셔서 감사합니다

복받으실거예요 ㅎ

게시글 목록

번호 제목
8265
20403
20402
20401
20400
8259
20399
20398
8255
8249
8246
8242
20396
8240
20395
20394
31033
28385
20393
28380
20392
28377
20391
20390
20389
20388
20387
20386
20385
20384
20383
20382
8238
20380
20379
28376
28372
20378
20377
8235
20375
20374
20373
20372
20371
20370
28370
20369
28366
20368
20367
20366
20365
20364
20363
20362
20361
20360
20359
8231
20358
20357
20356
20355
20354
20353
20352
20351
20350
20349
20348
20347
20346
20345
20344
20343
20342
20341
20340
20339
20338
20337
20336
20335
20334
20333
20332
20331
20330
20329
20328
20327
20326
20325
20324
20323
20322
20321
20320
20319