새해 첫날부터 질문 올립니다 ㅠ.ㅠ
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으로 줄생각을 미쳐 못했었네요..
^_^ 새해 부터 도움을 주셔서 감사합니다
복받으실거예요 ㅎ
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 8030 | 9년 전 | 351 | ||
| 8029 | 9년 전 | 284 | ||
| 8028 | 9년 전 | 254 | ||
| 8027 | 9년 전 | 264 | ||
| 8026 | 9년 전 | 307 | ||
| 8025 | 9년 전 | 367 | ||
| 8024 | 9년 전 | 333 | ||
| 8023 | 9년 전 | 380 | ||
| 8022 | 9년 전 | 310 | ||
| 8021 | 9년 전 | 313 | ||
| 8020 | 9년 전 | 306 | ||
| 8019 | 9년 전 | 329 | ||
| 8018 | 9년 전 | 433 | ||
| 8017 | 9년 전 | 527 | ||
| 8016 | 9년 전 | 317 | ||
| 8015 | 9년 전 | 381 | ||
| 8014 | 9년 전 | 313 | ||
| 8013 | 9년 전 | 226 | ||
| 8012 | 9년 전 | 236 | ||
| 8011 | 9년 전 | 435 | ||
| 8010 | 9년 전 | 288 | ||
| 8009 | 9년 전 | 273 | ||
| 8008 | 9년 전 | 276 | ||
| 8007 | 9년 전 | 419 | ||
| 8006 | 9년 전 | 454 | ||
| 8005 |
|
9년 전 | 956 | |
| 8004 | 9년 전 | 339 | ||
| 8003 | 9년 전 | 410 | ||
| 8002 | 9년 전 | 316 | ||
| 8001 |
|
9년 전 | 659 | |
| 8000 | 9년 전 | 402 | ||
| 7999 | 9년 전 | 361 | ||
| 7998 | 9년 전 | 416 | ||
| 7997 | 9년 전 | 303 | ||
| 7996 | 9년 전 | 529 | ||
| 7995 | 9년 전 | 443 | ||
| 7994 | 9년 전 | 284 | ||
| 7993 | 9년 전 | 362 | ||
| 7992 | 9년 전 | 499 | ||
| 7991 | 9년 전 | 236 | ||
| 7990 | 9년 전 | 260 | ||
| 7989 | 9년 전 | 292 | ||
| 7988 | 9년 전 | 717 | ||
| 7987 | 9년 전 | 412 | ||
| 7986 | 9년 전 | 401 | ||
| 7985 | 9년 전 | 500 | ||
| 7984 | 9년 전 | 421 | ||
| 7983 | 9년 전 | 642 | ||
| 7982 | 9년 전 | 502 | ||
| 7981 | 9년 전 | 450 | ||
| 7980 | 9년 전 | 476 | ||
| 7979 | 9년 전 | 450 | ||
| 7978 | 9년 전 | 431 | ||
| 7977 | 9년 전 | 370 | ||
| 7976 | 9년 전 | 840 | ||
| 7975 | 9년 전 | 353 | ||
| 7974 | 9년 전 | 383 | ||
| 7973 | 9년 전 | 584 | ||
| 7972 | 9년 전 | 370 | ||
| 7971 | 9년 전 | 444 | ||
| 7970 | 9년 전 | 285 | ||
| 7969 | 9년 전 | 532 | ||
| 7968 | 9년 전 | 370 | ||
| 7967 | 9년 전 | 354 | ||
| 7966 | 9년 전 | 359 | ||
| 7965 |
|
9년 전 | 1005 | |
| 7964 | 9년 전 | 390 | ||
| 7963 | 9년 전 | 377 | ||
| 7962 | 9년 전 | 362 | ||
| 7961 |
전갈자리남자
|
9년 전 | 499 | |
| 7960 | 9년 전 | 952 | ||
| 7959 | 9년 전 | 543 | ||
| 7958 | 9년 전 | 399 | ||
| 7957 | 9년 전 | 359 | ||
| 7956 | 9년 전 | 364 | ||
| 7955 | 9년 전 | 433 | ||
| 7954 | 9년 전 | 359 | ||
| 7953 | 9년 전 | 417 | ||
| 7952 | 9년 전 | 343 | ||
| 7951 | 9년 전 | 489 | ||
| 7950 | 9년 전 | 375 | ||
| 7949 | 9년 전 | 381 | ||
| 7948 | 9년 전 | 316 | ||
| 7947 | 9년 전 | 921 | ||
| 7946 | 9년 전 | 411 | ||
| 7945 | 9년 전 | 382 | ||
| 7944 | 9년 전 | 388 | ||
| 7943 | 9년 전 | 360 | ||
| 7942 | 9년 전 | 398 | ||
| 7941 | 9년 전 | 379 | ||
| 7940 | 9년 전 | 870 | ||
| 7939 | 9년 전 | 325 | ||
| 7938 | 9년 전 | 362 | ||
| 7937 | 9년 전 | 263 | ||
| 7936 | 9년 전 | 869 | ||
| 7935 | 9년 전 | 427 | ||
| 7934 | 9년 전 | 396 | ||
| 7933 | 9년 전 | 476 | ||
| 7932 | 9년 전 | 454 | ||
| 7931 | 9년 전 | 509 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기