니들웍스 주제: 스킨 제작시 메뉴 배치에 관하여,,,
블로그에대해 잘 모르는 1人 입니다;
스킨을 약간 바꾸어 쓸일이 있어 메뉴를 바꾸고 있는데
파이어폭스와 익스플로러에서 보이는 모양이 다르네요
이 주소인데, 익스플로러에서 보면 깨지고 (위에 메뉴가 계단처럼 내려옵니다;) 파이어폭스에서는 괜찮습니다.
관련 코드는 다음과 같습니다
skin
<div class="blogMenu">
<ul>
<li class="tab_home"><a href="[##_blog_link_##]">블로그홈></a></li>
<li class="tab_medialog"><a href="[##_blog_link_##]media">미디어로그</a></li>
<li class="tab_localog"><a href="[##_localog_link_##]">지역로그</a></li>
<li class="tab_taglog"><a href="[##_taglog_link_##]">태그</a></li>
<li class="tab_guestbook"><a href="[##_guestbook_link_##]">방명록</a></li>
</ul>
</div>css
.blogMenu { height:60px; margin-left:460px; margin-top:1px; overflow:hidden;}
.blogMenu a { color:#ccc; padding:58px 0 0 0; height:0; overflow:hidden; display: block; float:left;}
.blogMenu .desc { margin-top:-58px; font:0.9em dotum; letter-spacing:-1px; display:none;}
.blogMenu li { float:ri;}
.blogMenu .tab_home a { background:url(./images/1.png); width:94px;}
.blogMenu .tab_medialog a { background:url(./images/2.png); width:99px;}
.blogMenu .tab_localog a { background:url(./images/3.png); width:88px;}
.blogMenu .tab_taglog a { background:url(./images/4.png); width:66px;}
.blogMenu .tab_guestbook a { background:url(./images/5.png); width:76px;}어제푸터 해결해보려고 몇번이고 삽질해보는데,, 초보라 잘 안보이네요
고수님들의 시원한 지적 부탁드립니다.
더운 여름 모두 에어콘과 함께하시길,,,,
감사합니다!!!