테스트 사이트 - 개발 중인 베타 버전입니다

[스타일시트] 배너 질문이요 채택완료

퍼플힉훈 6년 전 조회 3,611

안녕하세요! 그누5 기본 로그인창 바로아래 tail.php 부분에 넣을려고 합니다.

 

기본 코드를 만들어서 넣어봤는데 제가 생각하는건

이런식으로 노출이 되어야하는데 사이트 구현하니 왜 이렇게 나올까요?

 

 

 

         <style>
       #title{
         clear:both;
         flat:left;
         margin-left:10px;
         width:150px;
         height:120px;
         background-color:orange;
         border:1px solid black;
         text-align:center;
         }
       #pic1{
         clear:none;
         float:left;
         margin-left:10px;
         width:150px
         height:120px;
        }
       #pic2{
         clear:both;
         float:left;
         margin-left:10px;
         margin-top:20px
         width:150px
         height:120px;
         }
       #pic3{
          clear:none;
          float:left;
          margin-left:10px;
          margin-top20px;
          width:150px
          height:120px;
}
         </style>
         
         <div id="title"><h3>원탑테스트</h3></div>
         <div id="pic1"> <img src="https://imgur.com/qtRa9gj.jpg"></div>
         <div id="pic2"> <img src="https://imgur.com/qtRa9gj.jpg"></div>
         <div id="pic3"> <img src="https://imgur.com/qtRa9gj.jpg"></div>

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
6년 전

#aside 는 width:305px 적어주신 내용은 width:150px + margin-left:10px  = 160px*2= 320px 넓이 값이 부모 넓이 값을 넘어 가기 때문에 아래로 떨어집니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

퍼플힉훈
6년 전
width:130px 으로 변경해도 밑으로 떨어진건 제가 위 코드에 오류가 있는건가요?

댓글을 작성하려면 로그인이 필요합니다.

6년 전

오타와 세미콜른부터 신경 쓰셔야 할 것 같네요.

flat:left; <-오타
width:150px <- 세미콜른 누락

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

퍼플힉훈
6년 전
오타 수정하니 적용되네요. 감사합니다. ^^

댓글을 작성하려면 로그인이 필요합니다.

bonobono
6년 전

clear:both 의 사용법이 잘못되었습니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

퍼플힉훈
6년 전
감사합니다. ^^

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
6년 전

아래 애들을 공부해 보세요.

https://homzzang.com/b/css-63

https://homzzang.com/b/css-225

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

퍼플힉훈
6년 전
감사합니다. ^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인