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

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

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

게시글 목록

번호 제목
9617
jQuery jQuery 책추천좀~ 7
9616
기타 첨부파일이 안받다져요
19749
HTML 브라우저별 개별 css 적용 1
9614
node.js node.js 0.8.0 release.. 1
9611
기타 게임홈페이지제작./ 2
9601
기타 아..활동지수... 9
9599
정규표현식 정규식 질문입니다 1
9596
JavaScript 이거 유게로 가야할지 여기에 올려야 할지 좀 혼동이 있는데... 2
19746
HTML 안녕하세요~ for문과 CSS 질문입니다. 2
9593
MySQL 서버이전 sql DB복구법 2
9591
PHP 초보입니다 뭘 잘못 건드렸는지 ㅜ_ㅜ 1
19744
HTML background-size:cover 1
9589
Linux 게시판에 첨부한 사진이 액박으로 나타날 경우 리눅스 서버에서 어느 부분을 점검해야 할런지 1
9587
JavaScript 슬라이드 실시간 챠트 등 스크립트 입니다. 1
9584
node.js node.js 에 대해서 각종블로그에 대한 설명은 잘 들었습니다. 2
9582
PHP 적절한 obfuscator나 encoder 가 있을까요? 1
9580
PHP 정규표현식 관련 질문입니다. 1
9557
JavaScript 쿠키 질문합니다... 22
9555
Flash 플래시 글자수정질문드려요 1
9551
기타 tcp view 3
9540
JavaScript 자바스크립트 for문 숫자 더하기 질문 10
9538
JavaScript 전에 후라보노보노님을 괴롭히던 문제 1
9537
JavaScript 안녕하세요 처음 시작해보려고하는데요.
9534
PHP 안녕하세요 처음 시작해보려고하는데 2
9533
기타 안녕하세요. 빌더관련 질문좀할게요 ^^
이전 다음
전체 목록