php메뉴에서 소제목 가로로 보이기 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

php메뉴에서 소제목 가로로 보이기 정보

php메뉴에서 소제목 가로로 보이기

본문

http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=73342&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%B8%DE%B4%BA&sop=and&page=12
위 메뉴 스킨을 사용하려고 합니다.아래는 테스트 페이지 입니다
http://bshanwoo.ft.co.kr/menu.php

질문: 소메뉴가 세로로 출력이 됩니다....이것을 가로로 출력이 되길원합니다...........
-------------------------menu.php내용중 일부
<script language=javascript src="<?=$g4['path']?>/js/drop_menu_sc.js" ></script>
<script language=javascript>
var preloaded = [];
function init() {
        mtDropDown.initialize();
}

function swapImage(imgName, sFilename) {
    document.images[imgName].src = sFilename;
}
if (window.attachEvent) window.attachEvent("onload", init);
else if (window.addEventListener) window.addEventListener("load", init, false);

</script>
----------------------------메뉴1일 출력되는부분입니다
<td>
<a href="http:도메인/페이지" onMouseover="msover(1);" onMouseout="msout(1);" onfocus='blur()'><img id=menu1 src="<?=$g4['path']?>/images/tmenu_01.gif" alt="" border="0"></a></td>
<td><img src="<?=$g4['path']?>/images/menu_06.gif" width="20" height="18" alt="" border="0"></td>
--------------------------------소메뉴drop_menudata.js 의 일부분 입니다
if (mtDropDown.isSupported()) {
var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0, mtDropDown.reference.bottomLeft);
var menu1 = ms.addMenu(document.getElementById("menu1"));
menu1.addItem("A서브메뉴1", "http://도메인주소/해당페이지.php");
menu1.addItem("A서브메뉴2", "http://도메인주소/해당페이지.php");
menu1.addItem("A서브메뉴3", "/bbs/board.php?bo_table=AAA");
menu1.addItem("A서브메뉴4", "/bbs/board.php?bo_table=AAA");
menu1.addItem("A서브메뉴5", "/bbs/board.php?bo_table=AAA");
menu1.addItem("A서브메뉴6", "/bbs/board.php?bo_table=AAA");
  • 복사

댓글 전체

menu.php의 <style>첨부합니다
<style>
td.mtDropdown{ FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY:돋움;  letter-spacing:-1; }
.mtDropdownMenu {
    LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px
}
.mtDropdownMenu .content {
    POSITION: absolute
}
.mtDropdownMenu .items {
    BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; Z-INDEX: 2; LEFT: 0px; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; POSITION: relative; TOP: 0px
}
.top .items {
    BORDER-TOP: medium none
}
.mtDropdownMenu .item {
    BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 12px; BORDER-LEFT: medium none; CURSOR: hand; COLOR: #4a4b4b; BORDER-BOTTOM: medium none; FONT-FAMILY: 굴림; TEXT-DECORATION: none
}
.mtDropdownMenu .background {
    Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .8
}
.mtDropdownMenu .shadowRight {
    Z-INDEX: 3; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; moz-opacity: .4
}
.mtDropdownMenu .shadowBottom {
    Z-INDEX: 1; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; moz-opacity: .4
}
.mtDropdownMenu .hover {
    BACKGROUND: #FFFFFF; font-weight: bold;
}
</style>
© SIRSOFT
현재 페이지 제일 처음으로