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

상단 로고 및 검색창 정렬 좀 부탁드립니다.

css 로 되어 있어서 ㅡ.ㅡ;;;;

배경 : 그누엑스이 빌더 설치사용 중

상단 왼편에 로고 가 있구요  오른쪽편에 검색창이 있습니다.


  1. 원하는 스타일 :  좌우로 서로 다른 로고 배치 /  중앙에 검색창 배치  입니다.

해당 소스는 아래....

CSS 파일 발췌부분

#header .logo {height:80px}

#header .logo dt {float:left;padding-top:10px}

#header .logo dd {float:right;padding-top:25px}

/* #header .logo dd {float:right;padding-top:25px} */

#all_search {position:relative;width:335px;height:40px;}

#all_search .search_box {float:left;width:246px;height:40px;margin:0;text-align:left;background:url("../img/search_bg.png") no-repeat left top}

#all_search .search_btn {float:left;width:89px;height:40px;margin:0}

#all_search .search_input {width:220px;height:20px;text-align:left;vertical-align:middle;background:transparent;font-size:13px;font-weight:bold;line-height:20px;color:#666;margin:10px 0 0 20px;border:0}

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

답변 1개

css에서 오른쪽 로고는 가령...



#header .logo dr {float:right;padding-top:10px}

로 입력하면 될 듯 합니다.



head.php에서 로고 부분 소스를 복사해서... 검색창 소스 아래에 넣고... 'dt'로 감싼 부분을 'dr'로 바꾸고요.



그리고... 검색창 부분은...

#all_search {position:relative;width:335px;height:40px;}

에서 width를 조정하면 되겠네요.



로고에서 float 속성이 둘 다 가능할지 모르겠네요. 초보라...

안되면 오른쪽 로고도 position:relative을 사용해보십시오.
로그인 후 평가할 수 있습니다

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

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

로그인

전체 질문 목록

🐛 버그신고