묻고답하기
이미지 메뉴 적용시 이미지 정렬이...ㅠㅠㅠㅠ
2008.01.20 14:49
깔끔하고 오류없는 홈페이지를 만들어보려고 html을 처음부터 다시 익혀보려했더니 완전 초초 간단한 페이지를 어제와 오늘 종일 걸려 작성했습니다.ㅠㅠㅠㅠ
제로보드4 에서 스킨 복사에서 갖다붙여다가 슬쩍 수정해서 쓰는 것하고는 차원이 다르게 빡세네요. 처음 써보는 xe가 낯설어서 그런 것도 있겠구요. 어려우면서도 재밌습니다. :D
그래서 어제 레이아웃 이랑 메뉴를 연결시키는 것까지는 대충 어떻게 알았는데요;;;
이미지 메뉴를 써보려고 써봤더니 ↑저렇게 이미지 목록이 갈갈이 찢어졌습니다.ㅠㅠㅠㅠ 예전같으면 테이블 만들어서 휙휙 링크 해버렸겠지만 그럴수도 없고; 저게 왜 저런지 감도 안옵니다.ㅠㅠㅠ 속성을 덜 줬나 싶어서 어디서 줏어듣고 display도 써보고 별 데다가 별걸 다 붙여봐도 요지부동입니다. ;;;
↑제가 적용시킨 레이아웃.html 파일 전문이구요.
@charset "utf-8";
/*기본코드*/
html {
background: none;
padding: 0;
margin: 0;
text-align: center;
font-family: tahoma, verdana, gulim, 굴림, sans-serif;
font-size: 10px;
}
a {
text-decoration: none;
color: black;
}
/*레이아웃*/
#header {
background: #ffffff;
height:50px;
}
/* 왼쪽 */
#Left {
float: left;
background: #ffffff;
width: 250px;
padding: 0 0;
margin: 0 0;
}
#logo {
height:107px;
background-image:url(images/main_01.png);
}
#menu {
width: 250px;
padding: 0 0;
margin: 0 0;
}
#menu ul {
border: 0;
margin: 0 0;
padding: 0 0;
display: inline-table;
}
#m_bg1 {
height:261px;
background-image:url(images/main_09.png);
}
#m_bg2 {
height:153px;
background-image:url(images/main_10.png);
}
#content {
float: left;
width: 750px;
height: auto;
}
↑그거의 css파일 전문입니다.
이거 어떻게 해야 쫙 붙는건가요.ㅠㅠㅠ 현명하신 NZEO회원님들 한 수 가르쳐주셔요.ㅠㅠㅠ
(덧+ NZEO에서 글 작성할 때 저 코드 하이라이터라는 건 어떻게 사용하는 건가요?;;;; 경로를 http로 해서 줘도 안되고 어떻게 쓰는 건지를 몰라서 코드삽입을 못하겠심)
댓글 7
-
애니컴
2008.01.20 15:24
-
rony_C
2008.01.20 16:03
답변주셔서 감사해요 그니님. 그런데 그니님 말씀대로 관리자 모드로 가서 봐도 그런 코드가 없더라구요.ㅠ
저 위에 제가 첨부한 두번째 이미지가 제가 쓴 레이아웃 html전문이구요, 그 밑에 있는 소스가 그 html파일에 적용시킨 css파일 전문이랍니다.
소스가 하도 별 거 없어서 일부를 잘라 붙인줄 아셨나봐요. ;;
어찌해야할바를 모르고 방황중이랍니다. ㅠㅠㅠㅠㅠ -
애니컴
2008.01.20 15:32
-
애니컴
2008.01.20 16:34
-
rony_C
2008.01.20 17:51
아니요.ㅠㅠ css파일에 그런 부분이 없어요. -
moonsoo
2008.01.20 18:03
-
rony_C
2008.01.20 18:49
헉! 너무 감사드려요 moonsoo님. 정말 감사합니다.ㅠㅠㅠㅠㅠ 한방에 성공했어요.
이렇게 쉬운걸..............
무식하면 몸이 고생하는 게 맞긴 맞네요. ;;
님 홈페이지에 가셔서
관리자 모드로 보시면 레이아웃 설정/편집 이 있을거에요.
<img src="./images/blank.gif" alt="" class="mask" /> 검색해보시고 첨부 되어있다면
지워주시구요.
그래도 같은 현상이 번복되신다면
해당 레이아웃 css를 에디트 플러스로 위와 같이 해보시고 안된다면 다시 제 댓글에 댓글 부탁드려요.
(알림모드중)