묻고답하기


q2.png


안녕하세요. 레이아웃 만드는 법 공부하는 도중에 궁금한 게 생겨서 질문 드립니다. 저는 http://morganstanley.com 여기 페이지를 XE 기반으로 똑같이 옮겨 보려고 하고 있는데요. 저 사이트에 들어가 보시면 아시겠지만 메인 메뉴에 마다 저 위 그림과 같이 하얀색 도트 (dot) 무늬가 들어가 있습니다. 이것을 따라해 보려고 하는데요, CSS 에서 어떻게 잡아야 저 하얀색 도트 무늬가 들어갈까요? 


사실 남에게 배포하는 레이아웃이 아닌 만큼 position:absolute; 저 도트 이미지를 특정 위치마다 박아볼까 생각했지만 그건 정석이 

아닌 것 같아서 찾아 보았는데, 메인 메뉴의 a 태그에 적용하는 것 같더라구요. 관련 내용을 http://xeschool.com 에서 찾았습니다. 




step3_7_01.gif 

#smart_login li a {color:#FFF; text-decoration: none; padding:0 5px; 
		background:url(../images/dot_bar.gif) no-repeat left 2px;}
※ 리스트는 모두 링크(a) 속성을 가지고 있습니다. 따라서 링크속성에서 밑줄 등을 제거하고 목록의 가로 여백을 준 뒤 
왼쪽방향으로 목록을 구분하기 위한 작은 도트막대를 백그라운드 이미지로 처리합니다. 백그라운드는 반복하지 않고 
한번만 표시하고 위치를 조정합니다.(닉네임도 임시 링크속성을 주어서 함께 처리합니다.)
.nobg {background:none !important;}
※ 배경처리를 원하지 않는 목록에는 class="nobg"로 처리하여 배경을 삭제합니다. 상속을 제거하기 위해 !important를 추가합니다.


제가 연습하고 있는 사이트는 http://93th.woobi.co.kr 여기 입니다. 
보시면 아시겠지만 도트 이미지가 없습니다... css 소스를 어떻게 짜야 하나요? 
저의 css 소스 :
/* container 1 - 헤더, 프로모션 영역 */
.container1 { margin-top:1px; background-color:#0d2144; }
.header { margin:0 auto; width:968px; height:117px; background:url(../img/bg_header.gif) no-repeat; position:relative; }
.header .topNav { position:absolute; top:4px; right:20px; height:15px; width:200px; background-color:#eee; } 
.header .accounts {  }
.header .search { } 
.header .mainNav { position:absolute; bottom:0px; margin:0 auto; width:968px; height:32px; } 
.header .mainNav { background:url(../img/bg_subheader.gif) repeat-x; height:32px; width:968px; margin:0 auto; }
.header .mainNav .nav { list-style:none; overflow:hidden; margin:0; padding:0; }
.header .mainNav .nav li { float:left; margin:0 0; }
.header .mainNav .nav li a { text-decoration:none; background:url(../img/dot.gif) no-repeat; }

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
루팡72 모바일 홈페이지 메인화면 좀 봐주세요 [1] file 2013.03.31 by 송동우
인수PD 기본URL 설정 하고 사용할 때 잘못된 요청이라고 뜹니다.  
지난해11월 스켓치북 레이아웃 가로 스크롤 바를 만들어 주세요 file  
TaeHee 모듈분류 게시판이 등록이 되지않는 이유???  
aboutchoo XE 게시판 문의 드립니다  
discovery 아이콘샵 아이콘 출력 관련 질문드립니다. [1] 2013.03.31 by discovery
김벡희 왕초보 레이아웃 메뉴 질문드려요!! [1] file 2013.03.31 by 송동우
제로보드 열람방식 변경에 대해서 문의합니다ㅠ  
rosmin 지식인 네이버 스킨 삭제인가요? [1] 2013.03.31 by 뮤르시엘라고
OEZ 서브도메인 이용시! [1] 2013.03.30 by 송동우
ramia1 blogapi 카테고리 입력이 안되 질문드립니다.  
sdkfj24 도와주세요 ------ 제발 [3] file 2013.03.30 by chansol
Salome 고수님들께 여쭤봅니다... [1] 2013.03.30 by chansol
rosery 도대체 어찌해야 할까요................. file  
pentopen 관리자 로그인 상태서 페이지를 보면 설정, 페이지 수정, 모바일 버튼 중복 문제 file  
Fidelity 이미지 메뉴마다 구분선 넣는 방법.!? [2] file 2013.03.30 by 송동우
특경지 1.5 버전을 사용중 쉬운설치로 core 설치후 문제발생 [1] 2013.03.30 by 송동우
몽키매직 다운로드 랭킹 위젯 확장버전 이미지출력여부 [2] 2013.03.30 by 송동우
navyFlElD 로그인 무반응 file  
NA답답이 웹호스팅의 문제인지 디비의 문제인지...? [2] file 2013.03.30 by Ruatic™
본체 메모리 점유율이 높은 이유, [3] 2013.03.30 by Ruatic™
이민주986 XE DB백업시 DB이름을 모르겠습니다 ㅠ [3] 2013.03.30 by Ruatic™
낭만소년 해외 호스팅 XE 설치시 DB에러 도와주세요.. [2] file 2013.03.30 by Ruatic™
슬렌 db를 백업하려고 migration으로 xml추출하였는데 [1] 2013.03.30 by IZUZero
박선훈537 Contact Us 모듈 관리자 페이지 설정폼 다국어 폼으로 바꾸기 !! [2] file 2013.03.30 by 송동우
포칼 뜨는 이유 좀 부탁드립니다!! file  
모찌모찌 자신의 포인트 랭킹 확인하는 소스좀 부탁드릴게요. [1] 2013.03.30 by 송동우
iceman237 1.7 업데이트후 시작페이지 안됨 시작모듈선택 안되요 [1] file 2013.03.30 by 송동우
ling733 xe 1.5.4.2 관리페이지 오류가 있습니다. [2] file 2013.03.30 by ling733
뮤르시엘라고 한번에 메뉴 여러개 복사할수 없나요?