테스트 사이트 - 개발 중인 베타 버전입니다

그누보드 상단이미지 질문합니다.. 채택완료

산다라신 6년 전 조회 5,492

 

제가 서브페이지 상단 이미지를 각 페이지마다 다르게 설정 하려고 합니다. head.php  

아래에

<div class='top_<?php echo $bo_table?>'>

</div></p>

<p>
를 추가하였고, 

mobile.css에

</p>

<p>.top_notice {background:url('<a href="http://주소/theme/grape/img/paral/paral_2.jpg')" target="_blank" rel="noopener noreferrer">http://주소/theme/grape/img/paral/paral_2.jpg')</a> no-repeat center top;}</p>

<p>

이런식으로 공지사항 페이지 이미지를 다르게 설정 했는데 공지사항 페이지도 paral_1.jpg 이미지가 보입니다. 제가 실수한 부분이 있을까요?  공지사항 타이틀은 알맞게 설정 했습니다. ↓ 주소입니다. http://jukson4.dothome.co.kr/bbs/board.php?bo_table=notice">http://도메인/bbs/board.php?bo_table=notice 

댓글을 작성하려면 로그인이 필요합니다.

답변 7개

채택된 답변
+20 포인트
예감
6년 전

일단

이코드 바로 밑에 추가하신 것은 삭제하시고요...현재 아래쪽에도 똑같이 들어가 있어요. 이것 삭제하시면 될것 같네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

3659928752_1559867007.552.pnghttps://sir.kr/data/editor/1906/3659928752_1559867007.552.png" />

 

현재 판단기준이 이미지 뿐이라 이미지로 판단하여 답변 드립니다.

 

보통의 css 작성은

.abc {

   background:url();

이렇게 끝나야 합니다만

 

이미지상에 있는 내용을 보면

.무엇인가 {

   background:url(http://aaaaa.dothome.co.kr/어쩌구) no-repeat center top;

 

.top_notice { back......

 

처럼 닫는 } 큰괄호 없이 바로 다음 클래스가 이어집니다.

그래서 하나의 동일한 css 클래스 라고 판단하기 때문에 문법이 틀렸다고 판단하고 느낌표가 뜨면서 적용이 안되는겁니다!!!!!!!!!!!!

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

예감
6년 전

.top_notice {background:url('http:///">http://주소/theme/grape/img/paral/paral_2.jpg') no-repeat center top;height:100px} <<-- 여기에 높이를 넣어주세요 이미지 크기에 맞게끔 넣어주시면 됩니다.

 

div 사이에 아무것도 없으면 기본적으로 높이가 안보이게 됩니다. 배경으로 이미지 넣어도 높이가 없으니 안보이는것처럼 보여요...div에 높이를 설정하시면 보일겁니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

산다라신
6년 전
[code]
.top_notice {background:url('http://도메인/theme/grape/img/paral/paral_2.jpg') no-repeat center top;height:100px}
[/code]

[code]
.top_notice {background:url('http://도메인/theme/grape/img/paral/paral_2.jpg') no-repeat center top;height:100px !important}
[/code]

두개다 안됩니다 f12로 확인해보니 아까와같이 밑줄이 쳐져 있습니다..
예감
6년 전
테스트 아이디/패스워드 쪽지로 보내주시면 확인해서 알려드릴게요..
산다라신
6년 전
쪽지 보냈습니당

댓글을 작성하려면 로그인이 필요합니다.

여러가지 방법이 있고, 시행착오를 겪다보면 문제를 찾고 이런 과정을 많이 겪으실 거에요.

사소한 문제로도 잘 표현이 안될 때가 있습니다.

방법을 바꿔볼게요.

 

이렇게

해주시구요.

 

css 부분에서는

.top_notice { } 이것을

#hd_wrapper .top_notice { } 이렇게 바꿔줘 보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

3659928752_1559867007.552.pnghttps://sir.kr/data/editor/1906/3659928752_1559867007.552.png" />

 

보여주신 이미지로만 파악해보자면 우선 

.top_notice 뒤에 { 이것이 아니라 [ 이렇게 되어 있는걸로 보여집니다. 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

산다라신
6년 전
{ 맞게 했습니다!

댓글을 작성하려면 로그인이 필요합니다.

 

1. 캐쉬 삭제 해였습니다

2. theme/mobile/head.php 맞습니다

3. f12확인 해보았더니 저렇게 밑줄이 있습니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

F
FullstackCreative
6년 전
.top_notice background css 내부 center top 우측에 한칸 띄고 !important 입력하세요.
산다라신
6년 전
[code]
.top_notice {background:url('http://도메인/theme/grape/img/paral/paral_2.jpg') no-repeat center top; !important} 
[/code]


[code]
.top_notice {background:url('http://도메인/theme/grape/img/paral/paral_2.jpg') no-repeat center top !important;} 
[/code] 


둘다 해보았는데 안됩니다. 쿠키삭제 하고 확인했습니다..

댓글을 작성하려면 로그인이 필요합니다.

로그인 해야 볼 수 있어서 확인은 안됩니다.

수정이 안된 경우 아래와 같은 경우를 체크해보세요.

 

1. 캐시 문제일 수 있으니 크롬 접속(주소 뒤에 ?device=mobile) 하여 Ctrl+F5로 확인해보세요.

2. head.php가 모바일의 head가 아니거나 theme/mobile의 head가 아닐 수 있습니다.

3. css가 정상적으로 불러와지는지 개발자 도구를 통해 확인해보세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

산다라신
6년 전
댓글에는 사진이 첨부가 안되서 답변으로 위에 올렸습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인