포지션값을 줬는데 깨지는 이유를 모르겠어요
채련
안녕하세요! 초보 질문드립니다.
독학으로 배우는 중이라 모르는게 많습니다.
도움 좀 부탁드립니다.
위 이미지처럼 만들려고 아래와 같이 작성을 했는데요..
div
img src=제목배경이미지 width=800px height=61px/
p style=position:absolute; top:0px; left;10px;제목/p
p style=position:absolute; top:20px; left;10px;소제목/p
img style=float:left;src=이미지1/
img style=float:left;src=이미지2/
/div
그런데ie에서 제목이밖으로 나타납니다.제목부분을 백그라운드로 이미지를 넣고 싶은데요..이미지가 안나타나서
이미지첨부로 넣고 포지션값으로 글자를 넣으려고 합니다.
이렇게 저렇게 해봤는데도 아는게 적어서도통 모르겠습니다.
적용하기 더 좋은 방법이나 해결 방법이 있다면 지나가시다가 몇자 좀 적어 주세요..
사이트 분위기에 안맞게 너무 기초적인 질문을 올려서 조금 부끄럽긴 하네요..
물어볼데가 없어서 검색하다가 가입했습니다. 도움 꼭 부탁드려요.
감사합니다. 꾸벅
-
봄여울
와 좋은답변들 도움이 됐습니다~^^*
-
터큰
날아라 슈즈님 답글 감사합니다.
헤드부분없이 바디에 인라인으로 풀어 쓰는 방법 좀 알려주세요..
헤드 지원이 안되는 페이지를 작성해야 머리가 아픕니다..ㅠㅠ 굽신굽신 -
예린
style type=\text/css\
#div h1{width: px; height: px; background:url() no-repeat left top;}
#div h2{width: px; height: px; background:url() no-repeat left top;}
#div ul{width:100%;float:left;}
#div ul li{float:left;}
/style
/head
body
\tdiv
\t\th1제목/h1
-
감추어왔던
안녕하세요! 정현아빠님..덧글 감사합니다.
1.포토샵 배경이미지로 하려고 했으나 작업할게 여러개라 효율적이지 못하다고 생각해서 이 방법을 택했는데 안되네요..
2.감싸고 있는 div에 div style=\position:relative;\값을 줘봤는데도 안되더라구요.. 옆으로 가는게 아니구 이미지 밑으로 가더라구요..ㅠㅠ
3.width값과 height값은 사용할때는 넣었는데 글 올릴때는 보는데 복잡할까봐 생략했습니다. 그래서 그이유는 아닌듯 합니다..
-
뽀글이
안녕하세요 저도 배우기 시작한지 얼마 안되 제설명이 맞는지는 모르겠습니다만
1.제목을 h가아닌 p 로하신건 큰의미가 없다는 뜻이니 그냥 포토샵으로 배경이미지에 제목을 써서 통으로 올려도 되지 안았나 싶고요
2.바깥으로 표시되는건 position:absolute 의 기준점 relative 이 없어서 그런건 아닌가 싶습니다
div style=\position:relative;\
3.background:url(제목배경이미지) no-repeat 0 0;