로그인 페이지의 입력폼 아래에 div 테이블을 하나 넣으려고 하는데 도무지 모르겠네요.

빈 위젯페이지에서 내용직접 추가로 해서 애드센스 테이블을 만들고, 이 소스를 기존의 로그인 폼(html) 양식에 

넣어 보려고 시도를 몇 번을 해봤지만...

이렇게 하면 왼쪽으로 붙고, 저렇게 하면 오른쪽에 붙고... 어떻게 해야 할지 감이 전혀 안오네요.

section 테그 안으로 삽입을 해봐도 좌.우 한 곳으로 치우치고 힘드네요.

 

<section id="signin-form" class="newclearfix">  기존의 로그인폼 html 태그 아래에 소스를 넣어 봤는데 안되네요. ㅜ.ㅜ

 

<div style="background-color:transparent;float:center; ; -webkit-border-radius:10px;-moz-border-radius:10px; border-radius:10px;">
    <div class="xe_content xe-widget-wrapper " style="float: left; width: 750px; height: 100px; border: 1px solid rgb(222, 222, 222); margin: 0px; background-image: none; background-position: 0% 0%; background-repeat: repeat;">
         <div style="padding:5px 5px 5px 5px !important;">

 

<애드센스 코드 생략~>

</div>

</section>
 

 

  • ?

    적용할 사이트 주소를 알려주시면 확인하기 편할 것 같습니다.

    텍스트 가운데 정렬은 보통 text-align: center; 를 사용합니다.

  • ? profile
    아직 아무것도 없어요. ㅎ 이것 해결하고 넘어가려구요. ㅎ
  • profile ?
    <div style="text-align: center;">
    <!-- 애드센스 코드 -->
    </div>

    이렇게 한번 해보시겠어요?
  • ? profile
    네. 해볼게요. 혹시 기존 코드
    <div style="background- ~~~~
    <div class="xe~~~~~~
    <div style="padding~~~~
    이건 그대로 살리고 그 아래에 넣는건가요?
  • ?
    div내부에 있는 element에 대해 가운데 정렬할 것이라면
    text-align: center;

    div만 가운데 정렬할 경우(display: block인 상태)
    margin: 0 auto;
  • ? profile
    이건 css를 적용하는건가요? 아님 현재 html 파일에서 적용하는건가요?
    저는 div로 만들어진 광고테이블을 가운데 정렬하고 싶거든요.
    display는 어디에 넣고 margin 을 넣는지요?
  • ?
    좌우 마진을 auto 로 두고 width 를 적당히 둬보세요.
    margin: 0 auto;
    width: 50%;
  • profile
    고맙습니다. 결국 해결은 테이블을 넣어서 했어요. 테이블을 가운데 정렬하고 1200px 에 3열로 해서 가운데를 750px 주고 좌.우로 225px 했더니 가운데 정렬이 되기는 하네요.
    div 라는게 이렇게 힘든건지 아니면 초보라서 힘든건지.. ㅋㅋ