Skip to content

기타팁
2011.06.30 06:45

레이어 위치 고정

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
첫페이지에 계속 변하는 이미지는
슬라이드 갤러리를이용한 것이다.
게시판에 업로드된 이미지를 랜덤으로 랜덤한 화면전환으로 보여주는 것이다.
그위에 투명레이어를 올렸다. 그래서 최근 게시물이기에 클릭하면 게시판으로 이동하던가 이미지가 새창에 떠야 하는데 클릭이 안되게 했다.

문제는 레이어의 위치를 고정하는 것인데 첨엔 쉬웠는데 화면크기가 변하니까 위치가 변했다. 그래서 검색했더니 레이어 위치를
<div  style="width:610px; height:235px; position:absolute; z-index:1; align:center;">  
<div  style="width:610px; height:235px; position:relative; left:0px; top:0px; ">  

<img src=la4.png width=760 height=235 border=0>
</div>   </div>  

요런 식으로 이중레이어로 절대위치로 center로 잡고 상대위치로 세부위치를 조정하는 방식인데 솔직히 잘 이해가 안간다 하지만 효과는 딱 내가 원하는 거

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 xe레이아웃 데모사이트 관련 gsm 2013.05.07 8682
공지 XE 홈피 XE 버젼 업에 따른 관리자 페이지 변경 file gsm 2013.04.28 9327
공지 기타팁 원격 프로그램 팀뷰어 file gsm 2012.12.13 9343
공지 기타팁 초보자들을 위한 홈피만들기에 개념? gsm 2012.10.16 9945
공지 XE 홈피 xe 설치과정입니다. gsm 2012.10.05 10085
87 기타팁 이미지 링크시 테두리 점선 안나오게 Gsm 2010.06.14 1569
86 기타팁 제로보드 html파일 첨부 Gsm 2010.06.15 2001
85 기타팁 음악태그정리-태그스캐너 file Gsm 2010.10.31 1573
84 기타팁 웹폰트 왼쪽 움직이는 폰트 및 간단설명 file Gsm 2010.11.01 1596
83 기타팁 웹폰트2(왼쪽 메뉴) file Gsm 2010.11.01 1542
82 기타팁 웹폰트 왼쪽 긴글폰트 file Gsm 2010.11.01 1431
81 기타팁 태그 연습장이요 Gsm 2010.11.03 1557
80 기타팁 메타태그 Gsm 2010.11.06 1485
79 기타팁 rgb색상표 file Gsm 2010.12.22 4203
78 기타팁 텍스트 필러 몇가지 file Gsm 2010.12.28 1567
77 기타팁 가로세로 픽셀 테이블 file Gsm 2010.12.28 1525
76 기타팁 도메인 포워딩 Gsm 2010.12.29 1421
75 연습용 현재 홈피 소스 file Gsm 2010.12.31 1875
74 연습용 현재 홈스킨 포토샵원본 file Gsm 2011.06.07 1954
» 기타팁 레이어 위치 고정 Gsm 2011.06.30 1995
72 기타팁 스크롤바 안나오게 Gsm 2011.06.30 1509
71 기타팁 아이프레임 크기 리사이즈 Gsm 2011.07.13 1573
70 기타팁 상단 엑소버드플레이어 file Gsm 2011.07.13 1557
69 기타팁 하단 마우스 오버시 메인 이미지 변경 Gsm 2011.07.13 1649
68 기타팁 메뉴효과 Gsm 2011.07.14 1574
Board Pagination Prev 1 2 3 4 5 6 Next
/ 6

Recent Articles

Gloomy의 비오는 일요일 홈피는 모든 저작권을 포기합니다.

Powered by Xpress Engine / Designed by Sketchbook

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소