웹표준으로 홈페이지 작업 하기 힘들다 ㅠ.ㅠ;; 질문점 정보
웹표준으로 홈페이지 작업 하기 힘들다 ㅠ.ㅠ;; 질문점- terrorboys 자기소개 아이디로 검색 회원게시물 (61.♡.♡.124)
- 조회 1,745
- 댓글 21
본문
처음으로 웹표준으로 작업 하기 시작했습니다.<짝짝짝!>
그런데....
http://cycity.co.cc
보시면 알다시피..
대략 메뉴가 완성 됬는데... 브라우저의 크기를 줄이면....
글자가 세로 정렬되네요 ㅠ.ㅠ;
누가 이거 해결방법 모르시나요?
<급해요 ㅠ.ㅠ;;>
ps 이글은 30분후 폭팔 합니다.
그런데....
http://cycity.co.cc
보시면 알다시피..
대략 메뉴가 완성 됬는데... 브라우저의 크기를 줄이면....
글자가 세로 정렬되네요 ㅠ.ㅠ;
누가 이거 해결방법 모르시나요?
<급해요 ㅠ.ㅠ;;>
ps 이글은 30분후 폭팔 합니다.
추천
1
1
댓글 21개
min-width 를 사용해 보세요.
어떻게 쓰는건가요 ^^;;// 기능이 먼가요?
홈페이지 제작을 안한지도 오래 됬구
min-width 는 처음 들어 봐서 ㅎ.ㅎ;;;
<div style="position:absolute; top:40px; left:400px; min-width:200px; z-index:0">
이 곳에 배너가 들어간다.
</div>
이런식으로 써봤는데 똑같네요 ^^
홈페이지 제작을 안한지도 오래 됬구
min-width 는 처음 들어 봐서 ㅎ.ㅎ;;;
<div style="position:absolute; top:40px; left:400px; min-width:200px; z-index:0">
이 곳에 배너가 들어간다.
</div>
이런식으로 써봤는데 똑같네요 ^^
min-width, max-width가
익스 6에서는 안됩니다~~익스 6이신가요?
익스 6에서는 안됩니다~~익스 6이신가요?
음... 그러면 웹표준에 위배? 되는군요..
position:absolute;
를
position:relative;
로 바꾸니까 되는군요 ^^;;
를
position:relative;
로 바꾸니까 되는군요 ^^;;
ㅡㅡ;
깨진다...
깨진다...
전체적인 레이아웃을 잡고 ul,li 로 코딩하심 더 간단해질듯~~
ul 과 li는 목록 테그인데 어떤식으로 사용 한다는거죠?
div 안에서 목록화 시켜서 스타일 넣어서 위치잡아주심 됩니다.
li 에 display:inline 스타일 이용하면 한줄처리도 되므로..
li 에 display:inline 스타일 이용하면 한줄처리도 되므로..
<style>
.mainnav ul {margin:0 0 0 0;list-style:none;width:980px;height:36px;background:url(http://cycity.co.cc/img/bar1.gif) repeat-x;font:18px;}
.mainnav ul a:hover {text-decoration:underline;}
.mainnav ul li{float:left;}
.mainnav ul .first a{background:none;}
.mainnav ul a{float:left;padding:0 0 0 0.5em;line-height:2em;background:url(보더1px짜리) repeat-y left top;color:#fff;}
</style>
<div class="mainnav">
<ul>
<li class="first"><a href="#" onmouseover="submenu_viewer('null', 'hide');"><b>메인</a></li>
<li><a href="#" onmouseover="submenu_viewer('submenu_1', 'view');">소개</a></li>
<li><a href="#" onmouseover="submenu_viewer('submenu_2', 'view');">홈페이지</a></li>
<li><a href="#" onmouseover="submenu_viewer('submenu_3', 'view');">HTML</a></li>
<li><a href="#" onmouseover="submenu_viewer('submenu_4', 'view');">포트폴리오</a></li>
<li><a href="#" onmouseover="submenu_viewer('submenu_5', 'view');">無</b></a></li>
</ul>
</div>
전 이런식으루 써요..
후다닥해서 부족한코드지만 참고하시라구요..
.mainnav ul {margin:0 0 0 0;list-style:none;width:980px;height:36px;background:url(http://cycity.co.cc/img/bar1.gif) repeat-x;font:18px;}
.mainnav ul a:hover {text-decoration:underline;}
.mainnav ul li{float:left;}
.mainnav ul .first a{background:none;}
.mainnav ul a{float:left;padding:0 0 0 0.5em;line-height:2em;background:url(보더1px짜리) repeat-y left top;color:#fff;}
</style>
<div class="mainnav">
<ul>
<li class="first"><a href="#" onmouseover="submenu_viewer('null', 'hide');"><b>메인</a></li>
<li><a href="#" onmouseover="submenu_viewer('submenu_1', 'view');">소개</a></li>
<li><a href="#" onmouseover="submenu_viewer('submenu_2', 'view');">홈페이지</a></li>
<li><a href="#" onmouseover="submenu_viewer('submenu_3', 'view');">HTML</a></li>
<li><a href="#" onmouseover="submenu_viewer('submenu_4', 'view');">포트폴리오</a></li>
<li><a href="#" onmouseover="submenu_viewer('submenu_5', 'view');">無</b></a></li>
</ul>
</div>
전 이런식으루 써요..
후다닥해서 부족한코드지만 참고하시라구요..
스타일이 웹표준인 가요?
아닌걸로 알고 있는데 ..
내가 잘못 알았나..
아닌걸로 알고 있는데 ..
내가 잘못 알았나..
css를 불러서 사용하고 계시던데.
음.. <style>로 쓴건 css파일에 넣어서 사용하란뜻이지 굳이 <style>로 쓰실 필요는 없죠.
스타일이 웹표준이 아니라면...
css도 웹표준이 아닌가요?
갑자기 저도 궁금해져서;;;
음.. <style>로 쓴건 css파일에 넣어서 사용하란뜻이지 굳이 <style>로 쓰실 필요는 없죠.
스타일이 웹표준이 아니라면...
css도 웹표준이 아닌가요?
갑자기 저도 궁금해져서;;;
하하하 그러게요 ^^;;
저도 갑자기 css가 생각이 안나서...
순간 둘다 다른걸로 착각했어요 ^^
저도 갑자기 css가 생각이 안나서...
순간 둘다 다른걸로 착각했어요 ^^
css + xhtml 조합...!!
css없이 어떻게 홈페이지를 만들죠 -_-?
저도 갑자기 궁금해져서;;
css없이 어떻게 홈페이지를 만들죠 -_-?
저도 갑자기 궁금해져서;;
<nobr>태그 쓰세요.
이건 무슨테그인가요?
문장을 묶는태그예요 (줄바꿈금지태그...)
전 table 코딩도 웹표준이라 여겨집니다만..
웹표준 = 크로스브라우징 = 모든브라우저에서 동일한 화면연출
이게바로 웹표준이 아닐까 합니다만..
웹표준 = 크로스브라우징 = 모든브라우저에서 동일한 화면연출
이게바로 웹표준이 아닐까 합니다만..
웹표준은 table / div 의 문제가 아니죠...
웹표준 코딩에서도 리스트같은 부분은 table로 많이 사용합니다.
그게 div보다 더 효율적이므로..
다른 회원님들이 누차 말씀하신 부분인데요..
웹표준과 크로스브라우징은 개념이 다릅니다..
웹표준 코딩에서도 리스트같은 부분은 table로 많이 사용합니다.
그게 div보다 더 효율적이므로..
다른 회원님들이 누차 말씀하신 부분인데요..
웹표준과 크로스브라우징은 개념이 다릅니다..
제 서브메뉴 스크립트 사용중이시군요.. <흐뭇..>
이런 방법도 낳을겁니다
width:100% ^^;
그대신 이 메뉴 위에 다른 태그로 width를 확실히 잡아줘야하구요
제가 권장하는 "기본" 해상도는 1024x768이니, 가로를 960px로 설정하는건 어떤가요? ^^
이런 방법도 낳을겁니다
width:100% ^^;
그대신 이 메뉴 위에 다른 태그로 width를 확실히 잡아줘야하구요
제가 권장하는 "기본" 해상도는 1024x768이니, 가로를 960px로 설정하는건 어떤가요? ^^
아 그리고 ul li 각각 마진, 패딩을 일일이 0 을 붙이지 마시고 스타일시트 상단에 * {margin:0;padding:0;} 을 넣어주시고 img {border:0;} 이런 간단한걸 넣어주시면 나중에 해결하기가 쉽습니다 ^^
그리고 상단에
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 를 붙여주세요.. 요걸 적용하시면 처음엔 헤깔리다가 나중에는 이게 정말 편해집니다 ㄱ=;;;
저도 10월부터 리뉴얼 작업하고 있는데 아직도 못끝내고 있고...
그 head 하나 디자인하고 코딩하는데 1개월 걸렸다죠.... <하악>
만약 도움이 필요하시다면 쪽지로 네이트온 가르쳐주세요~
그럼 직접 도와드리겠습니다 ^^
그리고 상단에
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 를 붙여주세요.. 요걸 적용하시면 처음엔 헤깔리다가 나중에는 이게 정말 편해집니다 ㄱ=;;;
저도 10월부터 리뉴얼 작업하고 있는데 아직도 못끝내고 있고...
그 head 하나 디자인하고 코딩하는데 1개월 걸렸다죠.... <하악>
만약 도움이 필요하시다면 쪽지로 네이트온 가르쳐주세요~
그럼 직접 도와드리겠습니다 ^^
