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

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

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

게시글 목록

번호 제목
9865
Mobile Mombile 홈페이지 만들려면 object c 이외에 php는 필요 없는건가요? 2
9857
Flash 플래쉬 버튼에 <?=$g4[path]?> 를 쓰면 그대로 노출이 되는데요...? 7
9854
JavaScript 자바스크립트 메소드 관련.. 2
17539
안드로이드 4.1도 포기한 ‘플래시’, 모바일 웹 시장서 밀려나나?
9853
PHP [구인]PHP 개발자를 구합니다.
9851
JavaScript 클릭하면 레이어로 메뉴영역 올라오는거요~~ 1
17538
음성통화↓…스마트폰, 주사용 목적 1위?
9850
기타 Sublime Text2 기본 인코딩 설정법?
9847
기타 쇼핑몰을 구축하려면 2
9846
기타 웹폰트가 적용된 사이트를
9844
PHP 라이브러리를 만들어서 1
9842
Flash 플래시 작업소스가 없는데 1
9840
MySQL mysql 커뮤니티 버젼을 사용해서 1
9838
기타 쓸만한 무료 dns서비스는 1
9836
JavaScript flash의 많은 기능들을 1
19876
HTML php로 사이트 개발시 3
9833
Linux 그누4 에서 메일발송을 사용하려면 2
9832
jQuery 상용 그리드에 버금가는
9829
정규표현식 운전면허번호도 2
9826
node.js node.js 활용사례 좀.. 2
19872
HTML 모바일웹을 html5로 만들어도 되나요? 3
9824
Mobile jquery mobile 커스터마이징... 1
9823
PHP 프레임웍 보다는...
9820
PHP 실시간 금시세 관련하여........... 2
17537
방통위, 차세대 웹 표준 HTML5 확산 전략 발표
이전 다음
전체 목록