그누보드 게시판 적용 php에서만 css가 안먹히는것 같습니다.
본문
사이트를 만들고 상단에 네비게이션을 header로 php 이미지로 만들어서
해당 페이지에 들어갈시 css를 이용 margin 값을 주어서 이미지가 변경되어 보여지게 되어있는데요
html페이지에서는 잘 작동을 하는데 그누보드4게시판을 삽입한 php 에서는 작동이 않됩니다 ㅠㅠ
검색을 해보고 해서 !important; 를 넣어봐도 작동을 안하네요
해당 css 부분이구요 #nav 부분이 문제 인것 같은데 왜 작동을 안할까요 ? ㅜㅜ
/* reset */
table[cellspacing="0"]{margin:0 auto}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input{margin:0;padding:0}
body,table,input,textarea,select,button,th,td,input,select,textarea,th,td,p,dl,dt,dd,li,pre{color:#676767;font-family:dotum,"돋움"}
h1,h2,h3,h4,h5,h6{font-size:100%}
fieldset,img{border:0}
ul,ol,li,dl,dt,dd{list-style:none}
address,var,em,dfn{font-style:normal}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-999em;left:0;font-size:0;line-height:0;text-indent:-999em}
caption,hr{display:none}
a:link,a:visited,a:active{color:#676767;text-decoration:none}
a:hover{color:#f68220;text-decoration:underline;cursor:pointer}
button{border:0;cursor:pointer}
label{cursor:pointer}
.wrap{position:relative;margin:0 auto;width:1090px;zoom:1}
.wrap:after{content:"";display: block;clear: both}
#header{height:88px;background:#5ec8fc}
#container{padding-bottom:100px;/*background:#fff2c5 url(/cleanguy/image/bg_container.jpg) no-repeat 50% 0*/}
#footer{height:100px; padding-left:100px; border-top:solid 2px #e7e8e9;}
.logo{padding-top:10px; float:left}
#footer .address{}
#footer .address img{margin-top:22px; margin-left:70px;}
#header .logo{margin-left:50px; padding-top:10px;}
#nav{overflow:hidden;float:right;width:814px;height:88px !important;}
#nav li{float:left!important;}
#nav li a{display:block!important;}
#nav li.active img{margin-top:-100px!important;}
#main #container{padding-bottom:25px}
#main .slogan{width:780px}
#main .notice{float:left;margin-right:33px;padding:28px 23px 5px 52px;width:215px;height:82px;background:url(/cleanguy/image/bg_notice.png) no-repeat}
#main .qna{float:left;padding:28px 23px 5px 52px;width:333px;height:82px;background:url(/cleanguy/image/bg_qna.png) no-repeat}
#main .notice li, #main .qna li{background:url(/cleanguy/image/bullet.png) no-repeat 0 7px}
#main .notice li a, #main .qna li a{overflow:hidden;display:block;padding:3px 10px 4px;color:#938e7d;white-space:nowrap}
#main .team{position:absolute;right:0;top:39px;width:308px}
#main .team img{vertical-align:bottom}
.title_img{padding-left:50px}
.title_img img{vertical-align:bottom}
.list{margin:0 auto;width:828px}
.list li{position: relative;margin-bottom:7px;width:828px;height:125px;background:url(/cleanguy/image/bg_list.png);color:#888;font-family:맑은 고딕;font-size:22px;font-weight:bold}
.list li a{display:block;padding:13px 7px 7px 247px;width:574px;height:105px}
.list li img{position:absolute;left:7px;top:7px}
#photo_gallery{overflow:hidden;margin:0 auto;width:995px;height:365px}
#photo_gallery .frame{float:left}
#photo_gallery .frame img{width:488px;height:365px}
#photo_gallery .thumb{overflow:hidden;float:right;margin-right:-3px;width:510px;height:365px;background:url(/cleanguy/image/bg_thumb.png)}
#photo_gallery .thumb li{float:left;margin:0 0 3px 3px;width:99px;height:89px;cursor:pointer}
#photo_gallery .thumb li img{width:99px;height:89px}
table[cellspacing="0"]{margin:0 auto}
답변 1
ie나 크롬에서 F12 누르면 개발자모드로 가지거든요.
해당부분 마우스 갖다대면 스타일이 적용되었는지 알 수 있습니다.
적용이 안되었다면 다른 문제구요. !important 남발하면 안좋습니다.
네 !important 쪽은 여기저기 찾아보다가 수정해 보느라고 넣어 본거였습니다.
다시 수정했어요
답변 감사합니다. ㅠㅠ 초보라 문제 해결이 어렵네요 ㅠ
답변을 작성하시기 전에 로그인 해주세요.
