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

메뉴하나 따라 만들어보고 있는데.. Css질문

there007
프로필 보기이 회원 글보기
 · 13년 전 · 1507 · 4

링크

http://thereme.co.kr/menu.html# (249)


<div class="nav">
<ul class="navigation">
<li><a href="#">구매안내</a>
<ul>
<li><a href="#">온라인견적</a></li>
<li><a href="#">오토리스안내</a></li>
<li><a href="#">구매절차</a></li>
<li><a href="#">신차등록안내</a></li>
<li><a href="#">중고차정보</a></li>
</ul>
</li>
<li><a href="#">서비스</a>
<ul>
<li><a href="#">스즈키서비스</a></li>
<li><a href="#">정비수리안내</a></li>
<li><a href="#">정비공임</a></li>
<li><a href="#">정기점검프로그램</a></li>
<li><a href="#">정품등록</a></li>
<li><a href="#">리콜정보</a></li>
</ul>
</li>
<li><a href="#">커뮤니티</a>
<ul>
<li><a href="#">뉴스&공지</a></li>
<li><a href="#">보도자료</a></li>
<li><a href="#">이벤트</a></li>
<li><a href="#">시승기&리뷰</a></li>
<li><a href="#">스즈키스쿨</a></li>
<li><a href="#">스즈키레이싱</a></li>
<li><a href="#">월페이퍼</a></li>
<li><a href="#">동호회안내</a></li>
</ul>
</li>
<li><a href="#">판매/서비스점</a>
<ul>
<li><a href="#">판매점구뷴안내</a></li>
<li><a href="#">전문점</a></li>
<li><a href="#">협약점</a></li>
<li><a href="#">부품전문점</a></li>
</ul>
</li>
<li><a href="#">회사소개</a>
<ul>
<li><a href="#">브랜드소개</a></li>
<li><a href="#">CEO</a></li>
<li><a href="#">연혁</a></li>
<li><a href="#">CI</a></li>
<li><a href="#">찾아오시는길</a></li>
<li><a href="#">채용안내</a></li>
</ul>
</li>
<li><a href="#">온라인스토어</a>
<ul>
<li><a href="#">모터사이클</a></li>
<li><a href="#">순정옵션</a></li>
<li><a href="#">의류</a></li>
<li><a href="#">보호구</a></li>
<li><a href="#">악세사리</a></li>
<li><a href="#">오일 및 케미컬류</a></li>
<li><a href="#">스타일제안</a></li>
<li><a href="#">패키지상품</a></li>
<li><a href="#">리퍼/아울렛</a></li>
</ul>
</li>
</ul>
<ul  class="dd">
<li class="about"><a href="#">dddddddd</a></li>
</ul>
</div>

어디서 문제인지 통 찾을수가 없네요.. 

padding margin 0 처리는 다해두었는데 링크 남겨두겠습니다. 

IE 7 8로는 안들여다봐서 어떻게 나올지는 모르겠네요 ㅎㅎ

파폭 크롬 ie9만 확인했어요~~

해결했습니다


목록
이전글 다음글

댓글 작성

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

로그인하기

댓글 4개

there007
프로필 보기이 회원 글보기
 13년 전
계속 만지작거리고 있어서 변하고 있어요 ㅜㅜ
there007
프로필 보기이 회원 글보기
 13년 전
html태그상에서 스페이스바,엔터가 들어가면

랜더링시 공백 한 칸이 먹히는 현상 때문이라고 하시네요.

display:inline; 혹은 display:inline-block;으로

li정렬시에는 태그들을 정렬해 주거나

margin-right:-3px; 같은 속성으로 공간을 없애는 수 밖에 없습니다 (이 방법은 비추)

아니면 아예 float:left;로 가로정렬을 시키는게 편할 수 있습니다람쥐~
메탈포스
프로필 보기이 회원 글보기
 13년 전
메뉴 멋지네요 ^^
there007
프로필 보기이 회원 글보기
 13년 전
감사합니다 스즈키코리아보고 따라했는걸요 머 ㅎㅎ

ie7에선 1차메뉴 하단카테고리가 오버하면 사라지는군요 ;;

게시글 목록

번호 제목
10331
jQuery 제이쿼리 이미지 메뉴 8
19987
HTML object 태그 질문 드ㅡ립니다 2
17582
견적서 엑셀.,견적서.., 13
10327
웹서버 [Linux] 폴더별 용량 확인 3
10326
웹서버 IIS7 + FastCGI + PHP + MySQL 설치 방법
17579
통계 SIR 2012년 9월 운영체제, 해상도별 방문율 2
17575
통계 SIR 2012년 9월 브라우저별 방문율 3
10318
jQuery 유니클로 슬라이드 간략버전 7
10311
MySQL mysql 성능향상을 위한 팁.. 6
10300
MySQL 조건문을 정확하게 써라 10
19985
HTML [HTML5] classList api 클래스 변경 api 1
10299
JavaScript 여러개의 라디오버튼 모든 버튼 필수 입력 제이쿼리형
10290
웹서버 CentOS6.3 + httpd2.4.3 + mysql5.5.28 + php 5.3.17 8
19981
기타 필요에 따라 자스/css 불러왔다 내보내기 3
10288
기타 리눅스 쉘 상에서 파일 인코딩 1
10286
기타 bootstrap css 프레임웍 1
10285
JavaScript 체크박스 다중선택시 제한 걸기 (3개이상 선택시 애러메시지 출력)
10273
PHP 깔끔한 코딩을 위한~ "제어 구조의 대체 문법" 11
19977
CSS 가상클래스 순서 외우기 3
19968
HTML 넌 이제 오빠꺼야, embed 동영상 위의 div 표시문제 8
19963
반응형 반응형웹 패턴/리소스/뉴스 4
19959
CSS CSS에 attr 함수에 대해 3
17801
오랜만에 테이블로 레이아웃을 잡으니
10264
JavaScript 자바스크립트 함수모음!!! 8
10261
MySQL mysql 문제 .... 도와주세요 ㅜ.ㅜ 2
이전 다음
전체 목록