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

css 문의드립니당^^ 채택완료

스타크루즈 11년 전 조회 6,765
어플메뉴.jpg
 
 
Screenshot_2013-12-20-10-22-25.png
 
 
 
* UI Object */ #menu_con {position:relative;float:left;width:100%;background:#fff;margin:0px;padding 10px 0;} #menu_con .menu{margin:20px;padding:0 0 0 10px;} #menu_con .menu li{display:inline;float:left;width:87px;margin:0 13px 20px 0;padding:0;text-align:center;} #menu_con .menu li a{color:#000;text-decoration:none;font-size:1em;letter-spacing:-1px;} #menu_con .menu li img{display:block;margin-bottom:13px;} /*/UI Object */
vega r2로 위치를 설정했는데.. 노트로 보니.. 한쪽으로 쏠려 있더라구요,,,,위 그림처럼 한쪽으로 쏠려있네여
어케해야 중앙으로 배열이 될까요 ``;;
 
 
아이콘들이..... 왼쪽정렬이 되더라구요... 해서  위에 빨간색 float:left 를 삭제하고 margin:0 auto;  로 바꿨는데요
3번째 그림처럼 나오네요..ㅡㅜ
 
 
 
 
 
 
 
댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
11년 전
코딩소스가 없어서 정확하진 않지만 대충 이렇게 하면 안될런지요.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

스타크루즈
11년 전
오! 감사합니다... ~~ ^^ 대단하십니다..

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

7년 전

많은 도움이 되었습니다. 감사합니다.

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

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

답변 갑사합니다.~~~~~
 
적용을하니,,, 왼쪽여백은 완전없어지고(왼쪽으로 완전붙음) 오른쪽여백이 더생기네요..ㅜㅜ
로그인 후 평가할 수 있습니다

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

11년 전
#menu_con .menu 이게 ul 인가요?
 
#menu_con .menu{margin:20px;padding:0 0 0 10px;} 에서
 
#menu_con .menu{width:99%; magin:0 auto; padding:20px 0 20px 10px} 이렇게 하면 되지 않을까요?
 
 
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

스타크루즈
11년 전
답변 갑사합니다.~~~~~

적용을하니,,, 왼쪽여백은 완전없어지고(왼쪽으로 완전붙음) 오른쪽여백이 생기네요..ㅜㅜ

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

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

로그인