새해 첫날부터 질문 올립니다 ㅠ.ㅠ
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으로 줄생각을 미쳐 못했었네요..
^_^ 새해 부터 도움을 주셔서 감사합니다
복받으실거예요 ㅎ
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4230 |
 미스코리아 |
13년 전 | 1555 | |
| 4229 | 13년 전 | 1113 | ||
| 4228 | 13년 전 | 2106 | ||
| 4227 | 13년 전 | 797 | ||
| 4226 |
 Terrorboy |
13년 전 | 814 | |
| 4225 |
천국의눈믈
|
13년 전 | 628 | |
| 4224 |
visualp
|
13년 전 | 1434 | |
| 4223 |
visualp
|
13년 전 | 1046 | |
| 4222 |
visualp
|
13년 전 | 765 | |
| 4221 |
visualp
|
13년 전 | 5298 | |
| 4220 | 13년 전 | 1904 | ||
| 4219 | 13년 전 | 1146 | ||
| 4218 | 13년 전 | 641 | ||
| 4217 | 13년 전 | 9438 | ||
| 4216 | 13년 전 | 1553 | ||
| 4215 |
 CrazySnoopy |
13년 전 | 572 | |
| 4214 | 13년 전 | 561 | ||
| 4213 | 13년 전 | 1426 | ||
| 4212 |
visualp
|
13년 전 | 2008 | |
| 4211 | 14년 전 | 1550 | ||
| 4210 | 14년 전 | 821 | ||
| 4209 |
 미운오리스키 |
14년 전 | 2047 | |
| 4208 | 14년 전 | 2048 | ||
| 4207 | 14년 전 | 3000 | ||
| 4206 | 14년 전 | 1097 | ||
| 4205 |
SGFlash
|
14년 전 | 1285 | |
| 4204 | 14년 전 | 808 | ||
| 4203 | 14년 전 | 893 | ||
| 4202 | 14년 전 | 2114 | ||
| 4201 | 14년 전 | 906 | ||
| 4200 | 14년 전 | 2377 | ||
| 4199 | 14년 전 | 626 | ||
| 4198 |
visualp
|
14년 전 | 3504 | |
| 4197 |
visualp
|
14년 전 | 724 | |
| 4196 | 14년 전 | 2084 | ||
| 4195 |
미사카10777호
|
14년 전 | 3467 | |
| 4194 |
senseme
|
14년 전 | 772 | |
| 4193 | 14년 전 | 949 | ||
| 4192 | 14년 전 | 1305 | ||
| 4191 |
DreamT
|
14년 전 | 800 | |
| 4190 |
onlymilk74
|
14년 전 | 1310 | |
| 4189 | 14년 전 | 1247 | ||
| 4188 | 14년 전 | 1370 | ||
| 4187 | 14년 전 | 1104 | ||
| 4186 |
CrazySnoopy |
14년 전 | 728 | |
| 4185 | 14년 전 | 1193 | ||
| 4184 | 14년 전 | 1168 | ||
| 4183 |
visualp
|
14년 전 | 1044 | |
| 4182 |
visualp
|
14년 전 | 610 | |
| 4181 |
 Sunys |
14년 전 | 618 | |
| 4180 |
techer
|
14년 전 | 951 | |
| 4179 | 14년 전 | 522 | ||
| 4178 | 14년 전 | 3074 | ||
| 4177 | 14년 전 | 598 | ||
| 4176 | 14년 전 | 945 | ||
| 4175 | 14년 전 | 596 | ||
| 4174 |
 WEBUS |
14년 전 | 630 | |
| 4173 |
WEBUS |
14년 전 | 1854 | |
| 4172 |
WEBUS |
14년 전 | 907 | |
| 4171 | 14년 전 | 1393 | ||
| 4170 | 14년 전 | 662 | ||
| 4169 | 14년 전 | 1289 | ||
| 4168 | 14년 전 | 1771 | ||
| 4167 | 14년 전 | 809 | ||
| 4166 | 14년 전 | 1319 | ||
| 4165 |
visualp
|
14년 전 | 809 | |
| 4164 | 14년 전 | 1176 | ||
| 4163 | 14년 전 | 2601 | ||
| 4162 | 14년 전 | 653 | ||
| 4161 |
onlymilk74
|
14년 전 | 4787 | |
| 4160 | 14년 전 | 679 | ||
| 4159 | 14년 전 | 868 | ||
| 4158 | 14년 전 | 705 | ||
| 4157 | 14년 전 | 3389 | ||
| 4156 | 14년 전 | 504 | ||
| 4155 | 14년 전 | 836 | ||
| 4154 | 14년 전 | 1137 | ||
| 4153 | 14년 전 | 1141 | ||
| 4152 | 14년 전 | 634 | ||
| 4151 | 14년 전 | 1239 | ||
| 4150 | 14년 전 | 720 | ||
| 4149 | 14년 전 | 622 | ||
| 4148 |
쉽다zzz
|
14년 전 | 2253 | |
| 4147 | 14년 전 | 950 | ||
| 4146 | 14년 전 | 575 | ||
| 4145 | 14년 전 | 576 | ||
| 4144 | 14년 전 | 1612 | ||
| 4143 | 14년 전 | 766 | ||
| 4142 | 14년 전 | 1173 | ||
| 4141 | 14년 전 | 1159 | ||
| 4140 |
미운오리스키 |
14년 전 | 1768 | |
| 4139 |
visualp
|
14년 전 | 1844 | |
| 4138 |
visualp
|
14년 전 | 1113 | |
| 4137 | 14년 전 | 769 | ||
| 4136 | 14년 전 | 709 | ||
| 4135 | 14년 전 | 958 | ||
| 4134 | 14년 전 | 1114 | ||
| 4133 | 14년 전 | 2527 | ||
| 4132 | 14년 전 | 575 | ||
| 4131 | 14년 전 | 891 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기