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

· 12년 전 · 2442 · 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,789
12년 전 조회 7,574
12년 전 조회 1,544
12년 전 조회 1,838
12년 전 조회 1,472
12년 전 조회 1,528
12년 전 조회 1,781
12년 전 조회 1,738
12년 전 조회 2,726
12년 전 조회 2,744
12년 전 조회 2,348
12년 전 조회 6,228
12년 전 조회 2,507
12년 전 조회 2,608
12년 전 조회 1,956
12년 전 조회 2,983
12년 전 조회 2,365
12년 전 조회 4,087
12년 전 조회 3,567
12년 전 조회 2,931
12년 전 조회 3,416
12년 전 조회 2,886
12년 전 조회 2,683
12년 전 조회 2,010
12년 전 조회 2,146
12년 전 조회 6,576
12년 전 조회 3,632
12년 전 조회 4,117
12년 전 조회 2,774
12년 전 조회 2,459
12년 전 조회 1,807
12년 전 조회 2,795
12년 전 조회 1,940
12년 전 조회 2,481
12년 전 조회 3,714
12년 전 조회 3,350
12년 전 조회 2,702
12년 전 조회 7,611
12년 전 조회 3,460
12년 전 조회 1,697
12년 전 조회 1,641
12년 전 조회 2,393
12년 전 조회 3,007
12년 전 조회 1,863
12년 전 조회 1,743
12년 전 조회 2,357
12년 전 조회 2,514
12년 전 조회 1,711
12년 전 조회 2,152
12년 전 조회 2,443
12년 전 조회 1,819
12년 전 조회 2,159
12년 전 조회 4,772
12년 전 조회 2,476
12년 전 조회 2,003
12년 전 조회 1,876
12년 전 조회 2,260
12년 전 조회 2,550
12년 전 조회 5,305
12년 전 조회 6,630
12년 전 조회 1,739
12년 전 조회 3,243
12년 전 조회 7,795
12년 전 조회 3,467
12년 전 조회 1만
12년 전 조회 1,573
12년 전 조회 1,775
12년 전 조회 2,425
12년 전 조회 2,735
12년 전 조회 2,403
12년 전 조회 2,913
12년 전 조회 3,349
12년 전 조회 4,202
12년 전 조회 3,293
12년 전 조회 3,481
12년 전 조회 3,474
12년 전 조회 2,721
12년 전 조회 2,497
12년 전 조회 2,151
12년 전 조회 2,352
12년 전 조회 3,147
12년 전 조회 2,739
12년 전 조회 2,409
12년 전 조회 3,436
12년 전 조회 3,203
12년 전 조회 3,065
12년 전 조회 2,812
12년 전 조회 3,457
12년 전 조회 2,070
12년 전 조회 1,904
12년 전 조회 1,488
12년 전 조회 1,651
12년 전 조회 2,185
12년 전 조회 3,407
12년 전 조회 3,622
12년 전 조회 2,704
12년 전 조회 2,303
12년 전 조회 2,063
12년 전 조회 1만
12년 전 조회 1,677