묻고답하기
고수님들 html도와주세요ㅜㅜㅜㅜㅜㅜㅜ
2018.11.12 21:42
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>홈페이지 실습</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<link href="layout.css" rel="stylesheet">
</head>
<body topmargin="0" leftmargin="0">
<div class="sec">
<div class="service">
<img src="BG/BackGround2.jpg">
<div class="box">
<a href="https://www.python.org/downloads/">
<img src="IC/icon-1.png"><br>Main Drag
</a>
</div>
<div class="box">
<a href="https://good12388.wixsite.com/mysite">
<img src="IC/icon-2.png"><br>Learning Machine
</a>
</div>
<div class="box">
<a href="https://www.naver.com/">
<img src="IC/icon-3.png"><br>An End
</a>
</div>
<div class="box">
<a href="https://www.naver.com/">
<img src="IC/icon-5.png" style="width: 110px;"><br>Sweet Talk
</a>
</div>
<div class="box">
<a href="https://www.naver.com/">
<img src="IC/icon-4.png" style="width: 80px; height: 80px;"><br>Inquire
</a>
</div>
<div class="icon">
<a href="joinus.html">
<img class="icon1"src="IC/joinus.png"><br>Join Us
</a>
</div>
<div class="icon">
<a href="login.html">
<img class="icon2"src="IC/login.png"><br>Log In
</a>
</div>
<div class="icon">
<a href="https://www.naver.com/">
<img class="icon3"src="IC/mypage.png"><br>My Page
</a>
</div>
</div>
</div>
</body>
</html>
지금 제가 코딩한 페이지가 이런데요....
질문1: 결과를 보면 배경 이미지 밑에 하얀 빈 공간이 뜨는데, 이건 div를 설정해놔서 그런 것같아요...저 상태 그대로 하얀 공간만 없앨 수 있는 방법이 있을까요...?
질문2: 결과를 보면 아시겠지만 하얀 공간에 제가 써놓은 Join Us, Log In, My Page가 있어요;;;;이거 어떻게 해야 아이콘 밑으로 옮길 수 있나요..?
p.s: 저기 있는 아이콘들은 다른 곳에서 퍼온게 아니라 제가 일러스트레이터로 만든 것입니다!
제가 올린 질문 외에도 잘못된 부분이 있다면 지적해 주세요ㅠㅠ
감사합니다!
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
astraea | 쪽지보내기 오류 부탁드립니다 ㅠㅠ | |
판도라 | 모바일에서 헤더 스크립트가 나오게 할 수는 없을까요? [4] | 2018.11.14 by 판도라 |
BJVolvo이현석 | 배너 [2] | 2018.11.14 by Kants.kr |
한형석 | 동영상 강의 구현 가능한가요? [1] | 2018.11.14 by Kants.kr |
문닫어추 | 게시글 엑셀 출력하는데 에러때문에 도움 부탁드립니다. ㅜ | |
쏠파파 | 마이그레이션 게시물 누락 [1] | 2018.11.14 by sejin7940 |
venus**** | 크래킹 당한 것인가요? [1] | 2018.11.14 by 도토리묵 |
호호홍 | xe 캐시 오류? 도움 구합니다 ㅜㅜ [1] | 2018.11.13 by sejin7940 |
문닫어추 | 게시판 사용자 정의 관련 문의 입니다. [4] | 2018.11.13 by 문닫어추 |
프로초보 | 확장변수 단일선택 [2] | 2018.11.13 by 프로초보 |
Ru | 안녕하세요 xe 초보자 입니다. | |
LIFO | 회원가입 메일 인증 DB 구조 [2] | 2018.11.13 by LIFO |
문닫어추 | 게시글 엑셀 출력시 에러메세지가 왜 발생하는지 모르겠습니다. ㅠ | |
fasflpelqwe | XEDITION 게시판썸네일 [1] | 2018.11.12 by sejin7940 |
magerod | 모바일 레이아웃 미사용시 헤더스크립트가 불러지지 않습니다. | |
리리즈 | 설치된 레이아웃 관리자 화면에서 내용 수정시 \\ ←모양이 자동으로 붙는 현상 [2] | 2018.11.12 by 리리즈 |
문닫어추 | 사용자 정의 형식 변경 하는 방법 문의 드립니다. [2] | 2018.11.12 by 문닫어추 |
프레드 | 갑자기 접속이 느려지는데 이게 무슨 문제인지 모르겠네요 | |
궁금이 | 관리자페이지에서만 저장이 안되는 문제 [1] | 2018.11.10 by 궁금이 |
jsk**** | common_layout.html 파일에 이상이 있는경우인거 같습니다. |
배경이미지 밑에 약간의 공간이라기 보다는 이미지 밑에 약간의 공간이 될거 같습니다. 달리 배경이미치 처리는 안한거 같아서
이런 문제가 발생하는 이유는 html5에서는 display에 inline 속성이 있으면 line-height가 잡히면서 하단에 줄이생깁니다.
지금상황에서는 가장 간편한 해결책이
css에서 img{vertical-align:middle;} 처리를 하시면 문제 해결이 될겁니다.