11-23 오이도선사유적공원 서브페이지 반응형 완성 + 웹 표준

 

 

 

 

:: html+css 마크업

 

 

 

 

서브페이지 상단 백그라운드 반응형 작업시 이미지가 위로 쏠리는 문제 발생

 

 

 

background-position : center center ; 로 변경

 

 

:: 반응형 작업시 양쪽 좌우 패딩을 주는데 한 쪽 패딩만 먹히고 오른쪽 패딩은 먹히지 않는 문제

 

 

 

:: infor_wrap 에 box-sizing : border-box ; 를 주어서 해결

 

 

:: ul에게 width 100%를 줘도 적용이 안되고 여백이 조금 남는 문제

 

 

 

:: ul에 오버플로우 히든, li들에게 inline-block을 지우고 left로 재정렬

 li에 보더값이 아닌 2번째 li에게 보더값. width 33%에서 33.33%로 변경,

 

 

:: 하단 컨텐츠 반응형

 

 

 

 

 

 

 

 

 

 

 

 

 

:: 웹 표준, 웹 접근성을 위한 테이블 caption 문구 추가

 

 

 

 

 

 

 

 :: 접근성 향상을 위해 각 테이블의 th 요소에 scope 태그 추가

 

 

 

 

 

 

 

:: 테이블 서브 페이지 완성

 

 

 

::  W3C 마크업 / CSS 검사 완료

 

 

깃 허브 주소

 

github.com/wonpoem/oido/tree/main/notice2

wonpoem/oido

 

라이브 서버 ( 서브 페이지 )

 

rkqtlr15159.cafe24.com/oido2/notice/

시흥오이도박물관&선사유적공원

 

라이브 서버 ( 메인 페이지 )

 

rkqtlr15159.cafe24.com/oido2/

시흥오이도박물관&선사유적공원