정말 답답해서 올려요,..div 코딩인데요.

· 12년 전 · 1671 · 4
bner.jpg


1번을 BG로 깔고
2번은 사람얼굴
3번은 서브메뉴 BG
4번은 서브 아이콘입니다.

이렇게 출력순서대로 작업을했는데..
도무지 4번의 서브 아이콘들을 위치를 잡을수가 없네요...

지금 모습은 이미지입니다. 저렇게 위치 잡아주려면

어떻게 코딩을 하는게 좋을까요?...

5시간동안 혼자 끙끙앓다가 올려요,. 죄송합니다.~

첨부파일

bner.jpg (503.3 KB)
17회 2013-07-27 14:40
|

댓글 4개

소스를 봐야 정확하게 알겠지만 서브메뉴가 bg이고 서브아이콘을 잡으려고 하면 bg에 position:relative;를 주고 서브 아이콘에 a링크라면 display:block, position:absolute; left, top으로 위치를 잡는게 낫지 않을까 싶습니다.
<div style="너비,높이,배경,overflow:hidden;">
<div style="포지션:앱솔루트;margin:0 auto;"><img src="사람얼굴"></div>
<ul style="display:block;margin-top:대충높이값;">
<li style="float:left;width:25%;overflow:hidden; 아래 있는것 모두 반복">서브 아이콘과 텍스트 위치 잡음</li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
영타 치기 싫어서 대충함.. ㅡㅡ;
늦게 보고 다는 댓글입니다만...
float를 쓰면 부모요소가 자식요소 높이값을 못받아오기때문에
서브아이콘의 투명배경출력이 정상적으로 이루어지지 않습니다.
:after등을 상황에 맞는 float해제를 이용하거나
부모요소에 높이를 고정해줘야합니다.
kiplayer 님의 소스를 이용할때 부모요소가 높이가 필요하다면
<ul style="display:block;margin-top:대충높이값;"> 부분에 height: 높이값; 을 주거나 overflow:hidden 을 주면 float의 높이를 부모가 인식하게 됩니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
12년 전 조회 1,070
12년 전 조회 6,827
12년 전 조회 829
12년 전 조회 1,124
12년 전 조회 769
12년 전 조회 797
12년 전 조회 1,048
12년 전 조회 1,005
12년 전 조회 2,002
12년 전 조회 1,993
12년 전 조회 1,629
12년 전 조회 5,499
12년 전 조회 1,783
12년 전 조회 1,874
12년 전 조회 1,228
12년 전 조회 2,231
12년 전 조회 1,638
12년 전 조회 3,278
12년 전 조회 2,807
12년 전 조회 2,174
12년 전 조회 2,656
12년 전 조회 2,120
12년 전 조회 1,895
12년 전 조회 1,304
12년 전 조회 1,403
12년 전 조회 5,803
12년 전 조회 2,873
12년 전 조회 3,357
12년 전 조회 1,983
12년 전 조회 1,708
12년 전 조회 1,077
12년 전 조회 2,084
12년 전 조회 1,200
12년 전 조회 1,773
12년 전 조회 3,029
12년 전 조회 2,613
12년 전 조회 1,946
12년 전 조회 6,909
12년 전 조회 2,741
12년 전 조회 987
12년 전 조회 944
12년 전 조회 1,676
12년 전 조회 2,325
12년 전 조회 1,142
12년 전 조회 981
12년 전 조회 1,608
12년 전 조회 1,741
12년 전 조회 971
12년 전 조회 1,381
12년 전 조회 1,672
12년 전 조회 1,056
12년 전 조회 1,339
12년 전 조회 3,945
12년 전 조회 1,685
12년 전 조회 1,213
12년 전 조회 1,105
12년 전 조회 1,484
12년 전 조회 1,726
12년 전 조회 4,497
12년 전 조회 5,832
12년 전 조회 964
12년 전 조회 2,529
12년 전 조회 6,987
12년 전 조회 2,652
12년 전 조회 9,596
12년 전 조회 794
12년 전 조회 997
12년 전 조회 1,615
12년 전 조회 1,938
12년 전 조회 1,580
12년 전 조회 2,215
12년 전 조회 2,612
12년 전 조회 3,476
12년 전 조회 2,427
12년 전 조회 2,610
12년 전 조회 2,600
12년 전 조회 1,875
12년 전 조회 1,672
12년 전 조회 1,304
12년 전 조회 1,500
12년 전 조회 2,301
12년 전 조회 1,857
12년 전 조회 1,553
12년 전 조회 2,586
12년 전 조회 2,336
12년 전 조회 2,156
12년 전 조회 1,908
12년 전 조회 2,599
12년 전 조회 1,382
12년 전 조회 1,067
12년 전 조회 677
12년 전 조회 821
12년 전 조회 1,335
12년 전 조회 2,743
12년 전 조회 2,755
12년 전 조회 1,832
12년 전 조회 1,462
12년 전 조회 1,245
12년 전 조회 9,378
12년 전 조회 862