개

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

· 2013-07-27 (토) 14:40:10 · 4211 · 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의 높이를 부모가 인식하게 됩니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
16-06-03 조회 3,042
15-07-30 조회 3,429
15-06-08 조회 5,568
15-05-27 조회 4,422
15-01-08 조회 6,726
14-12-30 조회 5,459
14-10-10 조회 5,447
14-08-13 조회 6,365
14-08-11 조회 5,219
14-08-06 조회 6,550
14-03-19 조회 7,446
13-04-26 조회 9,601
12-12-15 조회 5,125
12-12-15 조회 7,362
12-12-11 조회 5,506
12-11-21 조회 6,035
12-10-11 조회 5,109
12-10-03 조회 4,802
12-09-20 조회 6,102
12-09-02 조회 4,285
12-08-29 조회 5,294
12-08-29 조회 4,175
12-08-24 조회 4,275
12-08-18 조회 4,494
12-08-17 조회 4,537
12-08-16 조회 3,791
12-08-06 조회 5,569
12-08-05 조회 4,855
12-08-03 조회 4,569
12-08-03 조회 4,722
12-07-29 조회 3,569
12-07-24 조회 4,159
12-07-22 조회 3,625
12-07-20 조회 4,390
12-07-19 조회 4,732
12-07-19 조회 3,960
12-07-19 조회 3,905
12-07-19 조회 5,572
12-07-19 조회 3,512
12-07-18 조회 5,206
12-07-15 조회 4,183
12-07-14 조회 3,856
12-07-12 조회 4,524
12-07-11 조회 3,801
12-07-11 조회 3,520
12-07-11 조회 3,494
12-07-10 조회 4,683
12-07-09 조회 3,434
12-07-09 조회 4,247
12-07-09 조회 4,673
12-07-08 조회 4,584
12-07-07 조회 5,508
12-07-06 조회 4,760
12-07-06 조회 4,029
12-07-06 조회 3,912
12-07-06 조회 3,854
12-07-02 조회 5,536
12-07-02 조회 4,226
12-06-29 조회 3,756
12-06-28 조회 4,373
12-06-26 조회 3,872
12-06-26 조회 4,994
12-06-21 조회 3,966
12-06-20 조회 4,665
12-06-20 조회 4,302
12-06-15 조회 4,657
12-06-15 조회 4,393
12-06-13 조회 7,406
12-06-05 조회 7,383
12-06-04 조회 3,957
12-06-03 조회 3,810
12-05-31 조회 3,802
12-05-28 조회 6,652
12-05-27 조회 3,883
12-05-25 조회 4,017
12-05-23 조회 4,426
12-05-21 조회 5,139
12-05-17 조회 4,073
12-05-17 조회 3,988
12-05-09 조회 4,065
12-05-07 조회 4,323
12-05-02 조회 4,508
12-05-01 조회 4,686
12-04-30 조회 3,437
12-04-30 조회 4,379
12-04-25 조회 4,466
12-04-25 조회 4,891
12-04-24 조회 3,862
12-04-24 조회 4,631
12-04-23 조회 3,618
12-04-20 조회 3,277
12-04-17 조회 5,459
12-04-16 조회 4,397
12-04-14 조회 3,674
12-04-14 조회 3,714
12-04-14 조회 3,762
12-04-13 조회 3,382
12-04-13 조회 4,573
12-04-13 조회 6,214
12-04-12 조회 3,373