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

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

there007
프로필 보기이 회원 글보기
 · 13년 전 · 1497 · 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차메뉴 하단카테고리가 오버하면 사라지는군요 ;;

게시글 목록

번호 제목
384
알고있으면 유용한 무료 디자인소스 사이트
12508
JavaScript 서버시간 알아내기
383
css 템플릿 사이트
381
모바일 ui 사이트 1
20395
기타 swip 사용 안하고, touchstart, touchmove 사용하여 슬라이드 구현
12507
PHP 숫자를 한글표기로 바꾸기 입니다.
12506
Mobile Android,IOS 앱용 아이콘 템플릿 참고 사이트
12505
PHP 여러문장을 한번에 자동 줄바꿈 하기 입니다.
12504
웹서버 서버 동시접속자 설정 변경하기
12503
PHP 디렉토리의 모든 파일을 읽어 목록으로 만들기 입니다.
12502
PHP PHP 버전이 낮아 imagerotate() 함수가 없을때 대신 사용하는 함수
12500
PHP 간단하게 자동으로 테이블 너비 조정하기 입니다. 1
12499
PHP 문자열자르기 (문자별 다른 너비 해결)
12498
MySQL 테이블 복사 쿼리
20392
기타 많이들 사용하시는 Slider 에 대해서... 2
12497
PHP 현재 접속중인 사용자 나타내기
12496
MySQL mysql select 후 update 하기
12495
PHP 다른 페이지로 이동하는 방법 3가지 입니다.
12494
PHP 한글문자열 자르는 법 입니다.
12493
PHP mysql_query 전체 갯수 빨리 알아보기 입니다.
12492
PHP POST값 통째로 인코딩하기, 배열, iconv
12491
PHP 이메일주소 검사하기 입니다.
12490
웹서버 php 확장자 내 맘대로 바꾸기 입니다.
12489
PHP 문자열을 한 문자씩 나누어 출력하기 입니다.
12488
node.js Node js 게시판 프로젝트 소개합니다.
다음
전체 목록