|
|
|
12-04-26
|
조회 3,868
|
|
|
|
12-04-24
|
조회 3,249
|
|
|
|
12-04-23
|
조회 4,575
|
|
|
|
12-04-22
|
조회 3,264
|
|
|
|
12-04-19
|
조회 3,359
|
|
|
|
12-04-18
|
조회 4,427
|
|
|
|
12-04-18
|
조회 3,120
|
|
|
|
12-04-17
|
조회 3,395
|
|
|
|
12-04-17
|
조회 5,150
|
|
|
|
12-04-16
|
조회 3,578
|
|
|
|
12-04-13
|
조회 3,126
|
|
|
|
12-04-09
|
조회 3,182
|
|
|
|
12-04-04
|
조회 3,956
|
|
|
|
12-04-01
|
조회 3,233
|
|
|
|
12-03-31
|
조회 3,634
|
|
|
|
12-03-30
|
조회 3,244
|
|
|
|
12-03-30
|
조회 3,909
|
|
|
|
12-03-26
|
조회 3,521
|
|
|
|
12-03-26
|
조회 3,090
|
|
|
|
12-03-22
|
조회 3,246
|
|
|
|
12-03-21
|
조회 3,101
|
|
|
|
12-03-19
|
조회 3,515
|
|
|
|
12-03-17
|
조회 3,533
|
|
|
|
12-03-14
|
조회 3,266
|
|
|
|
12-03-10
|
조회 3,938
|
|
|
|
12-03-09
|
조회 3,535
|
|
|
|
12-03-09
|
조회 3,356
|
|
|
|
12-03-08
|
조회 3,827
|
|
|
|
12-03-08
|
조회 3,993
|
|
|
|
12-03-08
|
조회 4,085
|
|
|
|
12-03-03
|
조회 3,350
|
|
|
|
12-03-02
|
조회 4,670
|
|
|
|
12-02-28
|
조회 3,194
|
|
|
|
12-02-27
|
조회 3,023
|
|
|
|
12-02-25
|
조회 3,165
|
|
|
|
12-02-24
|
조회 3,864
|
|
|
|
12-02-23
|
조회 3,131
|
|
|
|
12-02-22
|
조회 3,653
|
|
|
|
12-02-22
|
조회 5,415
|
|
|
|
12-02-22
|
조회 3,986
|
|
|
|
12-02-22
|
조회 4,309
|
|
|
|
12-02-18
|
조회 3,811
|
|
|
|
12-02-17
|
조회 3,030
|
|
|
|
12-02-17
|
조회 3,438
|
|
|
|
12-02-14
|
조회 3,506
|
|
|
|
12-02-13
|
조회 3,396
|
|
|
|
12-02-10
|
조회 1만
|
|
|
|
12-02-08
|
조회 3,053
|
|
|
|
12-02-07
|
조회 3,387
|
|
|
|
12-02-06
|
조회 3,116
|
|
|
|
12-02-05
|
조회 3,581
|
|
|
|
12-01-31
|
조회 3,504
|
|
|
|
12-01-30
|
조회 9,695
|
|
|
|
12-01-29
|
조회 3,850
|
|
|
|
12-01-26
|
조회 3,446
|
|
|
|
12-01-25
|
조회 4,060
|
|
|
|
12-01-24
|
조회 3,452
|
|
|
|
12-01-10
|
조회 3,755
|
|
|
|
12-01-10
|
조회 4,522
|
|
|
|
12-01-09
|
조회 3,293
|
|
|
|
12-01-08
|
조회 7,155
|
|
|
 jakekwak
|
12-01-08
|
조회 3,678
|
|
|
|
12-01-07
|
조회 5,209
|
|
|
jakekwak
|
12-01-04
|
조회 3,911
|
|
|
|
12-01-02
|
조회 3,133
|
|
|
|
12-01-02
|
조회 3,183
|
|
|
|
12-01-02
|
조회 3,488
|
|
|
|
12-01-01
|
조회 3,122
|
|
|
|
11-12-31
|
조회 3,433
|
|
|
|
11-12-31
|
조회 3,116
|
|
|
|
11-12-30
|
조회 3,284
|
|
|
|
11-12-30
|
조회 3,439
|
|
|
|
11-12-29
|
조회 3,652
|
|
|
|
11-12-28
|
조회 3,742
|
|
|
|
11-12-26
|
조회 3,320
|
|
|
|
11-12-23
|
조회 3,540
|
|
|
|
11-12-22
|
조회 3,082
|
|
|
|
11-12-15
|
조회 4,176
|
|
|
|
11-12-08
|
조회 3,976
|
|
|
|
11-12-05
|
조회 3,318
|
|
|
|
11-12-04
|
조회 5,732
|
|
|
|
11-12-03
|
조회 3,610
|
|
|
|
11-12-02
|
조회 3,383
|
|
|
|
11-12-01
|
조회 5,458
|
|
|
|
11-11-30
|
조회 2,935
|
|
|
|
11-11-30
|
조회 2,836
|
|
|
 선택이란
|
11-11-28
|
조회 3,184
|
|
|
선택이란
|
11-11-26
|
조회 3,380
|
|
|
|
11-11-25
|
조회 3,375
|
|
|
|
11-11-24
|
조회 2,974
|
|
|
|
11-11-22
|
조회 3,071
|
|
|
|
11-11-22
|
조회 2,912
|
|
|
|
11-11-17
|
조회 2,843
|
|
|
|
11-11-11
|
조회 2,839
|
|
|
|
11-11-09
|
조회 2,892
|
|
|
|
11-11-08
|
조회 3,273
|
|
|
|
11-11-08
|
조회 2,566
|
|
|
|
11-11-04
|
조회 3,651
|
|
|
|
11-11-01
|
조회 2,954
|
|
|
|
11-10-26
|
조회 2,544
|
댓글 21개
저 지금 로고 달고 있는데...
제 경험으로는 px 을 똑같이 맞춰져야 뒤틀리고 하는 일이 없습니다.
예를 들자면 <div id="logo"></div> 여기에 로고 이미지를 넣는다고 하면,
이미지의 크기가 240X80 px 다, 이러면 div 의 크기도
width:240px;
height:80px;
이렇게 맞춰주셔야 문제가 안생깁니다.
지금 다평정님은 로고 이미지를 <h1> 에 넣어 놓으셨는데, 이러면 다른 <h1> 들은 어쩌라구요....
저같으면 div 안에 로고를 넣어줄 것 같습니다.
* 물론 <h1 id="logo"> 이런식으로 id 를 줘서 하실수는 있는데... <h1> 이란건 원래 대표글, 가장 큰 글씨를 위해 지정되어 있는거라서요.. 이런식으로 <h1> 에 로고를 넣는경우는 잘 없는 것 같네요....
아, 물론 h1을 div로 바꾸고 width, height 값을 주었지말입니다~
혹시 h1 이 중복된다면 아이디로 구분해주셔야 할겁니다.
<style>
#title {position:relative;width:100px;height:100px;overflow:hidden}
#title span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url('로고이미지경로')}
</style>
<h1 id='title'><span></span>제목내용</h1>
사이트 주소 내용에 기재했습니다.
http://csswizardry.com/2010/10/your-logo-is-an-image-not-a-h1/
로고는 컨텐츠다, 그리고 Content = markup 이다. 그러니까 로고는 <h1> 에 넣는게 잘못된거다. 대략 이런 얘기인데,
이런것 보다도 로고를 <h1> 에 넣으면 구글에서 페널티를 준다네요.
Google is adding text-indent to it’s no-no list of black hat techniques.
SEO 를 고려해서 꼼수로 <h1> 에 로고를 넣으면 대략 페널티를 먹는답니다. 그래서 아마 요즘에 <h1> 에 로고를 넣지 말라고 하나봅니다.
저 역시 실무에서 h1 에 로고를 넣는 일은 안하지요. ㅎㅎㅎ
근데 black hat techniques 이건 h1 에 로고를 넣으면 패널티를 준다는게 아니라 일반 환경에서 감춰진 콘텐츠에 대한 이야기인 거 같은데요?
그리고 엄밀히 말해서 h1 에 로고를 넣는 건 꼼수가 아니라 바보짓이죠. ^^;;
웹 접근성을 고려한 방법으로 CSS는 사용하지만 Image는 사용하지 않거나, 둘 다 사용하지 않을 때 이미지에 대한 대체텍스트를 제공하는 것인데 이것 역시 black hat 으로 간주되어서 검색엔진에서 패널티를 준다는 것인가요?
음... 그렇다면 상당히 유감이네요.
http://webmasters.stackexchange.com/questions/30276/does-google-penalize-changed-h1-tags
H1 tag 페날티 에 관한 내용이구요, 어제 관련내용을 읽다 잘못 ctrl+c, v 를 했네요. ㅋㅋㅋ
챙겨봐야죠.
Google spiders aren't looking in your css files to find out whether you've changed your paragraph tag typeface from Arial to Courier-- they're too busy sifting through markup to get at those keywords in the content.
이 내용 말입니다. ^^
#login_area { position:relative; margin-bottom:20px; width:210px;overflow:hidden; border:1px solid #e1e1e1; border-top:2px solid #000; }
이렇게 바꾸시면 똑같이 보이실겁니다.
다평정님이 사용하시는 DOCTYPE 이 아마 IE 에서 padding 이 안 먹는것 같습니다.
저번에도 말씀드렸지만, IE 의 경우, DOCTYPE 에 따라 패딩이 먹었다 안먹었다 지맘이라서요...
로고랑은 상관 없는 문제 입니다.
아직도 해결이 안되네요ㅠㅠ
#logo {margin: 0 auto;}
이렇게 css 에 한줄 넣으세요. 필요없는 걸 자꾸 넣으시면 나중에 골아픕니다.
HTML5 DOC TYPE 으로 바꾸시면 제일 골이 안 아프신데....
<!doctype html>
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#wrap #head #logo {
margin: 0 auto;
}
</style>
</head><body marginwidth="0" marginheight="0">
<title>그누보드4</title>
<link rel="stylesheet" type="text/css" href="style.css" charset="UTF-8" media="all">
<script type="text/javascript">
//<![CDATA[
// 자바스크립트에서 사용하는 전역변수 선언
var g4_path = ".";
var g4_bbs = "bbs";
var g4_bbs_img = "img";
var g4_bbs_path = "./bbs";
var g4_url = "http://yotaeji.dothome.co.kr";
var g4_https_url = "";
var g4_is_member = "";
var g4_is_admin = "";
var g4_bo_table = "";
var g4_sca = "";
var g4_charset = "utf-8";
var g4_cookie_domain = "";
var g4_is_gecko = navigator.userAgent.toLowerCase().indexOf('gecko') != -1;
var g4_is_ie = navigator.userAgent.toLowerCase().indexOf('msie') != -1;
//]]>
</script>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="common.js"></script>
<script type="text/javascript" src="wrest.js"></script>
<div id="wrap">
<div id="head">
<!-- 로고 -->
<div id="logo"><span>로고 로고</span></div>
그냥 새로 짜세요. ㅠ