묻고답하기

  2. Support
  3. 묻고답하기

홈페이지 주소 관련문의

2014.08.01 11:24

hana1

무제-1.jpg



사진을 보시면 홈페이지 주소쪽에 처음에 들어가면 정상적인 홈이 나오면서 레이어 팝업이 잘 뜹니다.

다만 product나 project같은 메뉴에 들어갔다가 홈을 눌러 홈으로 나오게 되면 저런식으로 주소가 뜹니다.

그런데 레이어 팝업 이미지가 엑박이 떠요


그렇다고 FPT에 폴더를 하나하나 만들어 팝업이미지를 다 넣기에는 메뉴가 너무 많기도하고

해봤더니 다른 이미지들이 엑박이 뜨더라고요... 도와주세요ㅜ.ㅜ

다른분들은 메뉴에 갔다가 홈으로 다시가도 주소가 저렇게 안뜨던대.. 방법이 있는 건가요

제가 스타일시트/HTML을 잘못 쓴걸까요?


<style>
@charset "UTF-8";

    @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
     #img {
        background: #b5b5b5;
        margin: 0 auto;
        width: 100%;
        height: 167px;
    }

    .logo {
        margin: 0 auto;
        height: 167px;
    }
    #cssmenu {
        background: #00aad9;
        margin: 0 auto;
        width: 100%;
        padding: 0;
        line-height: 1;
        display: table;
        position: relative;
        font-family: 'PT Sans', sans-serif;
        text-align: center;
    }

        #cssmenu ul {
            list-style: none;
            margin: 0 auto;
            padding: 0;
            display: table;
            text-align: center;
        }

            #cssmenu ul:after {
                content: ' ';
                display: block;
                font-size: 0;
                height: 0;
                clear: both;
                visibility: hidden;
            }

            #cssmenu ul li {
                margin: 0;
                width: 180px;
                padding: 0;
                display: block;
                position: relative;
            }

                #cssmenu ul li a {
                    text-decoration: none;
                    display: block;
                    margin: 0;
                    -webkit-transition: color .2s ease;
                    -moz-transition: color .2s ease;
                    -ms-transition: color .2s ease;
                    -o-transition: color .2s ease;
                    transition: color .2s ease;
                }

                #cssmenu ul li ul {
                    position: absolute;
                    left: -9999px;
                    top: auto;
                }

                    #cssmenu ul li ul li {
                        max-height: 0;
                        position: absolute;
                        -webkit-transition: max-height 0.4s ease-out;
                        -moz-transition: max-height 0.4s ease-out;
                        -ms-transition: max-height 0.4s ease-out;
                        -o-transition: max-height 0.4s ease-out;
                        transition: max-height 0.4s ease-out;
                        background: #ffffff;
                    }

                        #cssmenu ul li ul li.has-sub:after {
                            display: block;
                            position: absolute;
                            content: '';
                            height: 10px;
                            width: 10px;
                            border-radius: 5px;
                            background: #000000;
                            z-index: 1;
                            top: 13px;
                            right: 15px;
                        }

                        #cssmenu ul li ul li.has-sub:before {
                            display: block;
                            position: absolute;
                            content: '';
                            height: 0;
                            width: 0;
                            border: 3px solid transparent;
                            border-left-color: #ffffff;
                            z-index: 2;
                            top: 15px;
                            right: 15px;
                        }

                        #cssmenu ul li ul li a {
                            font-size: 14px;
                            font-weight: 400;
                            text-transform: none;
                            color: #000000;
                            letter-spacing: 0;
                            display: block;
                            width: 140px;
                            padding: 11px 10px 11px 20px;
                        }

                        #cssmenu ul li ul li:hover > a,
                        #cssmenu ul li ul li.active > a {
                            color: #00aad9;
                        }

                        #cssmenu ul li ul li:hover:after,
                        #cssmenu ul li ul li.active:after {
                            background: #00aad9;
                        }

                        #cssmenu ul li ul li:hover > ul {
                            left: 170px;
                            top: 0;
                        }

                            #cssmenu ul li ul li:hover > ul > li {
                                max-height: 72px;
                                position: relative;
                            }

        #cssmenu > ul > li {
            float: left;
        }

            #cssmenu > ul > li:after {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                height: 0;
                top: 0;
                z-index: 0;
                background: #ffffff;
                -webkit-transition: height .2s;
                -moz-transition: height .2s;
                -ms-transition: height .2s;
                -o-transition: height .2s;
                transition: height .2s;
            }

            #cssmenu > ul > li.has-sub > a {
                padding-right: 50px;
            }

                #cssmenu > ul > li.has-sub > a:after {
                    display: block;
                    content: '';
                    background: #ffffff;
                    height: 12px;
                    width: 12px;
                    position: absolute;
                    border-radius: 13px;
                    right: 14px;
                    top: 16px;
                }

                #cssmenu > ul > li.has-sub > a:before {
                    display: block;
                    content: '';
                    border: 4px solid transparent;
                    border-top-color: #00aad9;
                    z-index: 2;
                    height: 0;
                    width: 0;
                    position: absolute;
                    right: 16px;
                    top: 21px;
                }

            #cssmenu > ul > li > a {
                color: #ffffff;
                padding: 15px 20px;
                font-weight: 700;
                letter-spacing: 1px;
                text-transform: uppercase;
                font-size: 14px;
                z-index: 2;
                position: relative;
            }

            #cssmenu > ul > li:hover:after,
            #cssmenu > ul > li.active:after {
                height: 100%;
            }

            #cssmenu > ul > li:hover > a,
            #cssmenu > ul > li.active > a {
                color: #000000;
            }

                #cssmenu > ul > li:hover > a:after,
                #cssmenu > ul > li.active > a:after {
                    background: #000000;
                }

                #cssmenu > ul > li:hover > a:before,
                #cssmenu > ul > li.active > a:before {
                    border-top-color: #ffffff;
                }

            #cssmenu > ul > li:hover > ul {
                left: 0;
            }

                #cssmenu > ul > li:hover > ul > li {
                    max-height: 72px;
                    position: relative;
                }

        #cssmenu #menu-button {
            display: none;
        }

    @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1000px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1000px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1000px), only screen and (min-resolution: 192dpi) and (max-width: 1000px), only screen and (min-resolution: 2dppx) and (max-width: 1000px) {
        #cssmenu > ul {
            max-height: 0;
            overflow: hidden;
            -webkit-transition: max-height 0.35s ease-out;
            -moz-transition: max-height 0.35s ease-out;
            -ms-transition: max-height 0.35s ease-out;
            -o-transition: max-height 0.35s ease-out;
            transition: max-height 0.35s ease-out;
        }

            #cssmenu > ul.open {
                max-height: 1000px;
                border-top: 1px solid rgba(110, 110, 110, 0.25);
            }

        #cssmenu ul {
            width: 100%;
        }

            #cssmenu ul > li {
                float: none;
            }

            #cssmenu ul li a {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
                padding: 12px 20px;
            }

            #cssmenu ul > li:after {
                display: none;
            }

            #cssmenu ul li.has-sub > a:after,
            #cssmenu ul li.has-sub > a:before,
            #cssmenu ul li ul li.has-sub:after,
            #cssmenu ul li ul li.has-sub:before {
                display: none;
            }

            #cssmenu ul li ul,
            #cssmenu ul li ul li ul,
            #cssmenu ul li ul li:hover > ul {
                left: 0;
                position: relative;
            }

                #cssmenu ul li ul li,
                #cssmenu ul li:hover > ul > li {
                    max-height: 999px;
                    position: relative;
                    background: none;
                }

                    #cssmenu ul li ul li a {
                        padding: 8px 20px 8px 35px;
                        color: #ffffff;
                        width: auto;
                    }

                #cssmenu ul li ul ul li a {
                    padding: 8px 20px 8px 50px;
                }

                #cssmenu ul li ul li:hover > a {
                    color: #000000;
                }

        #cssmenu #menu-button {
            display: block;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            padding: 15px 20px;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 14px;
            letter-spacing: 1px;
            color: #ffffff;
            cursor: pointer;
        }

            #cssmenu #menu-button:after {
                display: block;
                content: '';
                position: absolute;
                height: 3px;
                width: 22px;
                border-top: 2px solid #ffffff;
                border-bottom: 2px solid #ffffff;
                right: 20px;
                top: 16px;
            }

            #cssmenu #menu-button:before {
                display: block;
                content: '';
                position: absolute;
                height: 3px;
                width: 22px;
                border-top: 2px solid #ffffff;
                right: 20px;
                top: 26px;
            }
    }

    #warp {
        width: 100%;
        float: left;
    }

    #nav > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
        line-height: 1;
    }
    
    #nav > ul {
        display: block;
        position: relative;
        width: 178px;
    }
      
        #nav > ul li {
            display: block;
            position: relative;
            margin: 0;
            padding: 0;
            width: 100%;
        }
           
            #nav > ul li a {
                /* Layout */
                display: block;
                position: relative;
                margin: 0;
                border-bottom: 1px solid #fff;
                padding: 17px 20px;
                /* Typography */
                font-family: 'PT Sans', sans-serif;
                text-align: left;
                color: #fff;
                text-decoration: none;
                cursor: pointer;
                font-weight: 300;
              
                background: #00aad9;
                -webkit-transition: all 0.25s ease-in;
                -moz-transition: all 0.25s ease-in;
                -ms-transition: all 0.25s ease-in;
                -o-transition: all 0.25s ease-in;
           
                font-size: 15px;
                transition: all 0.25s ease-in;
            }
          
            #nav > ul li:first-child > a {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-top: 0;
            }
        
            #nav > ul li:last-child > a {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                border-bottom: 0;
            }
         
            #nav > ul li a:hover,
            #nav > ul li:hover > a {
                color: #000;
                background: #0096c0;
            }
      
        #nav > ul .has-sub > a::after {
            content: "";
            position: absolute;
            top: 21px;
            right: 10px;
            width: 0px;
            height: 0px;
            /* Creating the arrow using borders */
            border: 4px solid transparent;
            border-left: 4px solid #fff;
        }
       
        #nav > ul .has-sub > a::before {
            content: "";
            position: absolute;
            top: 21px;
            right: 10px;
            width: 0px;
            height: 0px;
            /* Creating the arrow using borders */
            border: 4px solid transparent;
            border-left: 4px solid #000;
        }
       
        #nav > ul li > a:hover::after,
        #nav > ul li:hover > a::after {
            border-left: 4px solid #fff;
        }

        #nav > ul li > a:hover::before,
        #nav > ul li:hover > a::before {
            border-left: 4px solid rgba(0, 0, 0, 0.25);
        }
      
        #nav > ul ul {
            position: absolute;
            left: 100%;
            top: -9999px;
            padding-left: 5px;
            opacity: 0;
            width: 178px;
            /* The fade effect, created using an opacity transition */
            -webkit-transition: opacity 0.3s ease-in;
            -moz-transition: opacity 0.3s ease-in;
            transition: opacity 0.3s ease-in;
        }

            #nav > ul ul li a {
                font-size: 15px;
            }
                #nav > ul li:hover > ul {
            top: 0px;
            opacity: 1;
            z-index: 1;
        }

    }

    #content xe_content {
        width: 100%;
        max-width: 750px;
        z-index: 1000;
    }

    #footer {
        background: #b5b5b5;
        width: 100%;
        height: 81px;
    }
</style>

....................................................................................................................................................................


<body style="margin: 0 0 0 0; width: 100%; float: center; overflow-x: hidden; overflow-y: scroll;" oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
    <div id="img" style="width: 100%; float:center;" align="center">
        <div class="logo">
            <img src="./images/HOME-SLICE_01.png">
        </div>
        <div id="cssmenu" style="width: 100%; float: center;">
            <ul>
                <li><a href='home'><span>Home</span></a></li>
                <li class='has-sub'>
                    <a href='about_us1'><span>ABOUT US</span></a>
                    <ul>
                        <li><a href='about_us1'><span>인사말</span></a></li>
                        <li><a href='about_us2'><span>연혁</span></a></li>
                        <li><a href='about_us3'><span>회사실적</span></a></li>
                        <li><a href='about_us4'><span>기술현황</span></a></li>
                        <li class='last'><a href='about_us5'><span>찾아오시는 길</span></a></li>
                    </ul>
                </li>
                <li class='has-sub'>
                    <a href='products1_1'><span>PRODUCTS</span></a>
                    <ul>
                        <li><a href='products1_1'><span>조명타워</span></a></li>
                        <li><a href='products2_1'><span>가로등주</span></a></li>
                        <li><a href='products3_1'><span>등기구</span></a></li>
                        <li class='last'><a href='products4'><span>기타</span></a></li>
                    </ul>
                </li>
                <li class='has-sub'>
                    <a href='project1_1'><span>PROJECT</span></a>
                    <ul>
                        <li><a href='project1_1'><span>조명타워</span></a></li>
                        <li><a href='project2'><span>가로등</span></a></li>
                        <li><a href='project3_1'><span>등기구</span></a></li>
                        <li class='last'><a href='project4'><span>기타</span></a></li>
                    </ul>
                </li>
                <li class='has-sub last'>
                    <a href='support1'><span>SUPPORT</span></a>
                    <ul>
                        <li><a href='support1'><span>공지사항</span></a></li>
                        <li><a href='support2'><span>다운로드</span></a></li>
                        <li class='last'><a href='support3'><span>견적문의</span></a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div id="warp">

            <div id='nav' style=" margin-right: 720.25px; float: center; margin-top: 25px; ">
                <img src="./images/about_us.jpg">

                <ul>

                    <li>
                        <a href='about_us1'><span>인사말</span></a>
                    </li>
                    <li>
                        <a href='about_us2'><span>연혁</span></a>

                    </li>
                    <li>
                        <a href='about_us3'><span>회사실적</span></a>
                    </li>
                    <li>
                        <a href='about_us4'><span>기술현황</span></a>
                    </li>
                    <li class='last'><a href='about_us5'><span>찾아오시는길</span></a></li>
                </ul>
            </div>
            <div id="content xe_content" style="height: 50px; width: 700px; margin-left: 200px; margin-bottom:250px; margin-top: -365px; float: center; ">
                {$content}
            </div>
        </div>
        <img src="./images/HOME-SLICE_10.png" style="position: initial;">
        <div id="footer" style="width: 100%; margin-top: 150px; height: 81px; background-color: #b5b5b5;">
            <img src="./images/HOME-SLICE_09.png" style="position: initial; margin-bottom: 25px;">
        </div>
        <div id="x" style="margin-left:850px; margin-top:10px; margin-bottom:10px">
            <img class="zbxe_widget_output" widget="sitemap" skin="select" sitemap_widget_menu="64" sitemap_widget_colorset="blue" />
        </div>

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
건즈 관리자가 승인해야 글이 등록되는 기능 [1] 2014.08.02 by GG
멘탈가루루루루몬 제 사이트의 css좀 봐 주실분 찾습니다;; ㅠ [16] 2014.08.02 by 큰성565
현님v 관리자 화면 모듈 메뉴에서 [1] file 2014.08.02 by BJ람보
모해 원래 글을 삭제하면 첨부되있던 파일은 같이 삭제가 안되나요? [5] 2014.08.02 by BJ람보
미스터강 최신글 썸네일 출력시 조회수 증가 시킬수 있나요?  
두바이 어떤 파일을 수정 해야 되나요? [1] 2014.08.02 by GG
joongjoong 홈페이지 주민번호 수집 관련 문의 드립니다. [5] 2014.08.02 by joongjoong
추향1호 자료실 분류관리 에러  
PlanB 코어 업데이트시 Anonymous 이 다시떠요? ㅠㅠㅠㅠ [5] 2014.08.02 by PlanB
PlanB 분류 수정이 안되서 미쳐버릴거 같아요. [3] 2014.08.02 by PlanB
super333 회원정보 항목이 한칸씩 밀려서 나옵니다. [3] 2014.08.02 by super333
하다하다 편집메뉴에서 링크되지 않은 메뉴에 위젯 페이지 목록만 뜨는 건가요?  
손주사랑 레이아웃 크기를 100% 로 맟추고 싶은데요 [2] file 2014.08.02 by 손주사랑
안엉어웅넌223 swf, gif 파일 업로드 문제 [2] file 2014.08.02 by 안엉어웅넌223
홈런볼11 글쓰기 제한 [2] 2014.08.02 by 홈런볼11
손주사랑 주소뒤에xe 빼고싶은데 그게안되네요... [2] 2014.08.02 by 손주사랑
괴짜키드아이봤네 설치화면이 안나타나요.  
TAEYONG2 질문입니다 [3] 2014.08.02 by mAKEkr
super333 탈퇴한 회원을 알고 싶습니다.(join_extend모듈 잘 돌아가나요?) [1] 2014.08.02 by Gunmania
핑홈 Err : './common/tpl/layout.html' template file does not exists. <이게 뭔가요ㅠㅠ  
Summer [스팸관련] 스킨이 아니라 url로 글쓰기가 가능한가요? [1] 2014.08.01 by mAKEkr
@RPM skechbook5_youtube 섬네일 표시 위젯에도 하는법좀요 [1] 2014.08.01 by mAKEkr
채성욱441 포인트부족시 새창 뜨는거 질문드립니다. file  
TAEYONG2 질문입니다 [1] 2016.06.12 by TAEYONG2
RGB255 회원 추가항목 검색 [2] 2014.08.01 by RGB255
pxhs 게시판 이미지 등록시 캡션칸을 만들고 싶습니다. [3] 2014.08.01 by sejin7940
@RPM 갤럭시노트 10.1 모바일 구분명 아시는 분 계시나요 [2] 2014.08.01 by @RPM
AlphaStory html 표 너비 고정하기 [3] file 2014.08.01 by DoorWeb
hana1 홈페이지 주소 관련문의 [5] file 2014.08.01 by KrteamENT
안엉어웅넌223 스케치북 게시판 업데이트할때 [4] 2014.08.01 by 안엉어웅넌223
태그 쓰기