디스플라이 인라인이 안되요,,
<style type="text/css">
body {
margin:0 auto;
width:100%;background-color:orange;
background-image: url();
}
.wrap{width:100%;margin:0 auto;}
.main_wrap {width:100%;background-color:red; }
.main_wrap div{ }
.box3{background-color:pink; width:200px; height:800px; }
.box4{background-color:green; width:100px; height:800px; }
-->
</style>
<div class="wrap">
<div class="main_wrap">
<!-- 왼쪽메뉴 -->
<div class="box3" >werwerwer</div>
<!-- 오른쪽메뉴 -->
<div class="box4">
ewrwerwerwerwerwerwer
</div>
</div></div>
-----
여기서요
녹색박스가 자꾸 아래로 가여..display:inline써봐도 소용업어여,, 어떻게 하면 오른쪽으로 가게 할수있나요?
댓글 4개
kiplayer
9년 전
일단은 box3 옆으로 box4를 보낼려고 하면 box3의 위치를 먼저 잡아줘야 합니다.
box3 하고 box4 의 스타일에
float:left 또는 display:inline-block; 추가해주세요.
box3 하고 box4 의 스타일에
float:left 또는 display:inline-block; 추가해주세요.
9년 전
위에 소스대로 하니 되네여 감사해여~~~~
아랫소스를 를 왼쪽에다가 넣으면 안되는데
.pre_board{ background-color:white; width:200px; height:300px; margin-top:0;}
<div class="pre_board">
<? echo latest("basic", "news",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
<br><? echo latest("basic", "board",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
</div>
녹색박스가 안내려가게 왼쪽박스에 넣을방법이 없는걸까요?????
아랫소스를 를 왼쪽에다가 넣으면 안되는데
.pre_board{ background-color:white; width:200px; height:300px; margin-top:0;}
<div class="pre_board">
<? echo latest("basic", "news",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
<br><? echo latest("basic", "board",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
</div>
녹색박스가 안내려가게 왼쪽박스에 넣을방법이 없는걸까요?????
kiplayer
9년 전
box3 를 float:right; , box4 를 float:left;
해주시면됩니다.
해주시면됩니다.
9년 전
<? echo latest("basic", "news",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
<br><? echo latest("basic", "board",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
를 그냥 box3 이나 box 4에 넣어도 지 혼자 div로 생성이 되요... 이것 원인좀 알수있을까요??
<br><? echo latest("basic", "board",4, 50); // basic 스킨으로 free 라는 게시판을 출력합니다. ?>
를 그냥 box3 이나 box 4에 넣어도 지 혼자 div로 생성이 되요... 이것 원인좀 알수있을까요??
게시글 목록
| 번호 | 제목 |
|---|---|
| 18013 | |
| 18012 | |
| 18011 | |
| 18010 |
JavaScript
콤보스타일 메뉴 입니다.
|
| 18009 |
JavaScript
쿠키를 이용한 레이어 공지창 입니다.
|
| 18008 |
JavaScript
효과있는 텍스트 틱커 입니다.
|
| 18007 | |
| 18006 |
PHP
HTTP 인증 하기 입니다.
|
| 18005 |
JavaScript
외부 문서 불러오기 입니다.
|
| 18004 |
JavaScript
지정한 날짜까지 New 이미지를 띄워주기 입니다.
|
| 18003 | |
| 18002 |
JavaScript
메일 주소 검사하기 체크박스 입니다.
|
| 18001 |
JavaScript
무단링크 금지하기 입니다.
|
| 18000 | |
| 17999 |
MySQL
DB백업 및 복원
|
| 17998 |
JavaScript
페이지가 다른 사이트의 프레임에 갇히는 것을 막기 입니다.
|
| 17997 | |
| 17996 | |
| 17995 |
jQuery
input text 대문자만 받는 Jquery
|
| 17994 | |
| 17993 |
JavaScript
이미지 업로드와 미리보기 입니다.
|
| 17992 |
JavaScript
배경음악 랜덤 재생 하기 입니다.
|
| 17991 |
JavaScript
css 지원 여부 확인해서 다른 페이지로 이동하기 입니다.
|
| 17990 |
JavaScript
하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다.
|
| 17989 |
JavaScript
개별 페이지에 인덱스로 거쳐 들어오게 하기 입니다.
|
| 17988 |
JavaScript
랜덤으로 이미지 출력 되기 입니다.
|
| 17987 |
JavaScript
사용자 해상도 알아내기 입니다.
|
| 17986 |
JavaScript
붙여넣기 금지하기 입니다.
|
| 17985 |
MySQL
대소문자 데이터 조회하기
|
| 17984 |
JavaScript
퇴장시 팝업창 한번한 띄우기 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기