환영합니다. 바다아이 홈페이지 입니다.

'총선이 다가오니.. 민주당 수박들.. 슬슬 또 옳은 소리 하지.... 이때만 이새끼들아.!! 결정적일 때 당원들 등에 칼을 꽂는다. -.-; 지나면 입턴 거 다 무효화 된다.. 주의해야 한다. 이새끼들은 사악하다... 절대 다시 뽑아주면 안된다.'

이번주 로또 및 연금번호 발생!! |

HOME |

여기는? |

바다물때표 |

알림 (16) |

여러가지 팁 (1059) |

추천 및 재미 (156) |

자료실 (22) |

시사, 이슈, 칼럼, 평론, 비평 (613) |

끄적거림 (136) |

문예 창작 (716) |

바람 따라 (75) |

시나리오 (760) |

드라마 대본 (248) |

살인!

리눅스 데스크탑 (230)
리눅스 서버 (148)
윈도우 관련 (8)
freebsd 데스크탑 (31)
freebsd 서버 (34)
쉘 스크립트 (6)
html/css/xml (48)
html5 (4)
golang (179)
php (2)
디자인 관련 (1)
javascript/jquery (76)
DATABASE (9)
mariadb, mysql (33)
postgresql (45)
생활/쇼핑 (39)
컴퓨터/핸드폰 (45)
종교/자선 (3)
요리관련 (22)
음식관련 (15)
의학관련 (8)
건강/운동 관련 (13)
주식, 금융관련 (3)
자동차, 운전 관련 (21)
기계 관련 (9)
스포츠 관련 (1)
과학, 수학관련 (1)
문학관련 (8)
좋은 글 (7)
낚시관련 (1)
원예관련 (9)

현재 접속자

바다아이에게 후원하기

개정 공동번역 성경보기

기존 공동번역 성경보기

소스 하이라이팅

도로명 주소검색

URL encode, decode

javascript 줄 맞추기

Hits :

html/css/xml

html/css/xml - 고정 레이어 예제....

이 름 : 바다아이 | 조회수 : 8973

Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: white;
  color: black;
}

.hljs-comment,
.hljs-quote {
  color: #800;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-title,
.hljs-name {
  color: #008;
}

.hljs-variable,
.hljs-template-variable {
  color: #660;
}

.hljs-string,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-regexp {
  color: #080;
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-meta,
.hljs-number,
.hljs-link {
  color: #066;
}

.hljs-title,
.hljs-doctag,
.hljs-type,
.hljs-attr,
.hljs-built_in,
.hljs-builtin-name,
.hljs-params {
  color: #606;
}

.hljs-attribute,
.hljs-subst {
  color: #000;
}

.hljs-formula {
  background-color: #eee;
  font-style: italic;
}

.hljs-selector-id,
.hljs-selector-class {
  color: #9B703F
}

.hljs-addition {
  background-color: #baeeba;
}

.hljs-deletion {
  background-color: #ffc8bd;
}

.hljs-doctag,
.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
 font-style: italic;
}
</style>
<pre>
<code class="hljs"> &lt;!DOCTYPE html&gt;
 &lt;html lang=&quot;ko&quot;&gt;
 &lt;head&gt;
 &lt;meta charset=&quot;utf-8&quot;/&gt;
 &lt;title&gt;고정 레이어 실험&lt;/title&gt;
 &lt;style type=&quot;text/css&quot;&gt;
 #layer_fixed
 {
 height:35px;
 width:100%;
 color: #555;
 font-size:12px;
 position:fixed;
 z-index:999;
 top:0px;
 left:0px;
 -webkit-box-shadow: 0 1px 2px 0 #777;
 box-shadow: 0 1px 2px 0 #777;
 background-color:#ccc;
 }
 &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;div id=&quot;layer_fixed&quot;&gt;
 &lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; style=&quot;width:100%; height:100%;&quot;&gt;
 &lt;tr&gt;
 &lt;td style=&quot;vertical-align:middle; padding-left: 20px; padding-right: 20px;&quot;&gt;
 고정된 레이어입니다.
 &lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;/div&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
 &lt;/body&gt;
 &lt;/html&gt;

출처 : http://www.walterz.net/2017/07/19/css-고정레이어-만들기/</code></pre>

짧은 주소 : https://www.bada-ie.com/su/?341591820502

    <!DOCTYPE html>
    <html lang="ko">
    <head>
        <meta charset="utf-8"/>
        <title>고정 레이어 실험</title>
        <style type="text/css">
            #layer_fixed
            {
                height:35px;
                width:100%;
                color: #555;
                font-size:12px;
                position:fixed;
                z-index:999;
                top:0px;
                left:0px;
                -webkit-box-shadow: 0 1px 2px 0 #777;
                box-shadow: 0 1px 2px 0 #777;
                background-color:#ccc;
            }
        </style>
    </head>
    <body>
        <div id="layer_fixed">
        <table cellspacing="0" cellpadding="0" style="width:100%; height:100%;">
        <tr>
           <td style="vertical-align:middle; padding-left: 20px; padding-right: 20px;">
                고정된 레이어입니다.
           </td>
        </tr>
        </table>
        </div>
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
        <br /><br /><br />
    </body>
    </html>


출처 : http://www.walterz.net/2017/07/19/css-고정레이어-만들기/

1 page / 2 page
번 호	카테고리	제 목	이름	조회수
48	html/css/xml	자주 쓰는 엔티티코드... 사용 빈도수가 높은 엔티티 코드 정리	바다아이	2368
47	html/css/xml	ckeditor 소스보기 누르면 css 날아가는 현상,,, 문제.. ckeditor 소스보기 문제	바다아이	3625
46	html/css/xml	ckeditor font size 설정하기, ckeditor 기본 폰트 크기 설정, ckeditor 줄바꿈 <br>, width height 설정.	바다아이	4861
45	html/css/xml	robots.txt, 사이트 검색 로봇 설정...	바다아이	6630
44	html/css/xml	CSS / letter-spacing, word-spacing / 글자 사이 간격, 단어 사이 간격, 자간	바다아이	6841
43	html/css/xml	ie 인터넷 익스플로러 폰트 적용 문제, 인터넷 익스플로러 나눔폰트 적용...	바다아이	6908
42	html/css/xml	html 에서 탭 tab 키 사용하기, 표현하기....	바다아이	11191
41	html/css/xml	css 전원 스위치 on/off 버튼, toggle switch 버튼, 토글스위치	바다아이	8980
40	html/css/xml	pt, px, em, %, font 폰트 글꼴의 단위에 따른 크기 사이즈 비교표, 폰트 크기, 글씨 크기	바다아이	8671
39	html/css/xml	폰트 글꼴(font face) 목록	바다아이	8814
현재글	html/css/xml	고정 레이어 예제....	바다아이	8974
37	html/css/xml	html 문서 MIME 타입 확인...	바다아이	11575
36	html/css/xml	ckeditor ajax 통신시 본문값이 빈값으로 들어가는 문제....	바다아이	9310
35	html/css/xml	[정규표현식] 정규표현식 정리, 정규식	바다아이	12600
34	html/css/xml	홈페이지, 사이트 주소 앞에 아이콘, 주소창 작은 아이콘, ico 파일	바다아이	8871
33	html/css/xml	브라우저 input 태그의 자동완성 기능 해제하기, 끄기 autocomplete	바다아이	9356
32	html/css/xml	[CSS] 테두리 및 외곽선을 둥글게 표현하기, border-radius, 라운드	바다아이	10293
31	html/css/xml	ckeditor 4 메뉴 툴바 도구 선택...	바다아이	11154
30	html/css/xml	HTTP/2 왜 지금 적용해야 하는가?	바다아이	16831
29	html/css/xml	HTTP/2란 무엇인가?	바다아이	9184
28	html/css/xml	사이트맵 xml 예제.... sitemap.xml	바다아이	9133
27	html/css/xml	ckeditor config.js 설정 기본값....	바다아이	9999
26	html/css/xml	이미지 없을 때 엑스박 대신 다른 이미지 보여주기	바다아이	9873
25	html/css/xml	레이어 팝업 소스	바다아이	9042
24	html/css/xml	테이블, 이미지 테두리관련 border 스타일	바다아이	9065
23	html/css/xml	테이블 깨짐, 깨지는 것 방지	바다아이	9796
22	html/css/xml	특수문자 코드표 (=특수문자 HTML 엔티티 코드), entity code	바다아이	10039
21	html/css/xml	원화(Won;￦) 대신 백슬래시(＼;Backslash; 백슬래쉬)로 나타내기, 역슬래시, 역슬래쉬	바다아이	12741
20	html/css/xml	특수문자 리스트	바다아이	9551
19	html/css/xml	블로그/웹에서 소스코드 하이라이트/구문강조 사용하기	바다아이	9943
1 2
\| \|

Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ Ubuntu + GoLang + PostgreSQL + Mariadb ]
서버위치 : 오라클 클라우드 춘천 실행시간 : 0.05647 초
to webmaster... gogo sea. gogo sea.