개

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

· 2013-07-27 (토) 14:40:10 · 4174 · 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-11 조회 2,931
16-02-15 조회 3,237
16-02-02 조회 2,893
16-01-25 조회 2,515
16-01-18 조회 2,601
16-01-08 조회 2,546
16-01-07 조회 2,568
16-01-05 조회 2,587
16-01-05 조회 2,889
16-01-05 조회 2,704
16-01-05 조회 2,747
16-01-04 조회 2,605
16-01-04 조회 2,612
16-01-04 조회 2,563
16-01-04 조회 2,483
15-12-30 조회 2,818
15-12-24 조회 2,631
15-12-24 조회 2,642
15-12-24 조회 2,664
15-12-24 조회 2,624
15-12-23 조회 2,603
15-12-16 조회 2,689
15-12-15 조회 2,765
15-12-11 조회 2,870
15-12-10 조회 2,752
15-11-09 조회 2,741
15-11-09 조회 2,973
15-10-06 조회 3,296
15-10-02 조회 3,086
15-05-29 조회 4,417
15-02-02 조회 4,386
15-01-18 조회 4,341
14-10-25 조회 8,306
14-10-25 조회 5,076
14-10-22 조회 7,092
14-10-22 조회 4,804
14-10-22 조회 4,749
14-10-18 조회 5,626
14-10-17 조회 5,993
14-10-17 조회 5,368
14-10-17 조회 8,814
14-10-17 조회 6,381
14-10-13 조회 4,303
14-10-13 조회 4,397
14-10-07 조회 6,093
14-09-24 조회 3,859
14-09-23 조회 3,935
14-09-22 조회 4,822
14-09-22 조회 6,046
14-09-22 조회 4,019
14-09-22 조회 3,693
14-09-21 조회 4,263
14-09-21 조회 3,752
14-09-20 조회 3,751
14-09-20 조회 3,658
14-09-20 조회 3,840
14-09-19 조회 3,791
14-09-19 조회 3,934
14-09-19 조회 3,823
14-09-19 조회 4,090
14-09-19 조회 3,842
14-09-19 조회 3,757
14-09-19 조회 4,048
14-09-19 조회 3,806
14-09-19 조회 3,847
14-09-19 조회 3,813
14-09-18 조회 3,893
14-09-18 조회 3,853
14-09-18 조회 4,133
14-09-18 조회 4,089
14-09-18 조회 4,110
14-09-18 조회 4,810
14-09-18 조회 5,355
14-09-18 조회 5,263
14-09-18 조회 4,066
14-09-18 조회 4,555
14-09-18 조회 4,194
14-08-30 조회 5,311
14-08-06 조회 5,930
14-08-06 조회 5,532
14-08-03 조회 5,192
14-06-12 조회 5,457
14-05-11 조회 3,654
14-05-11 조회 4,416
14-05-11 조회 4,512
14-05-09 조회 1.3만
14-05-01 조회 5,000
14-03-30 조회 4,345
14-03-23 조회 7,952
14-02-12 조회 3,844
13-10-29 조회 7,805
13-10-28 조회 8,628
13-09-29 조회 6,591
13-09-29 조회 4,218
13-07-23 조회 5,065
13-07-23 조회 1.2만
13-07-14 조회 4,646
13-07-14 조회 5,025
13-07-14 조회 5,966
13-07-14 조회 5,271