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

· 12년 전 · 1655 · 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,061
12년 전 조회 6,821
12년 전 조회 818
12년 전 조회 1,115
12년 전 조회 757
12년 전 조회 791
12년 전 조회 1,046
12년 전 조회 985
12년 전 조회 1,992
12년 전 조회 1,984
12년 전 조회 1,617
12년 전 조회 5,492
12년 전 조회 1,778
12년 전 조회 1,865
12년 전 조회 1,220
12년 전 조회 2,225
12년 전 조회 1,629
12년 전 조회 3,269
12년 전 조회 2,798
12년 전 조회 2,167
12년 전 조회 2,638
12년 전 조회 2,112
12년 전 조회 1,889
12년 전 조회 1,290
12년 전 조회 1,395
12년 전 조회 5,792
12년 전 조회 2,862
12년 전 조회 3,343
12년 전 조회 1,979
12년 전 조회 1,699
12년 전 조회 1,070
12년 전 조회 2,076
12년 전 조회 1,194
12년 전 조회 1,764
12년 전 조회 3,017
12년 전 조회 2,597
12년 전 조회 1,935
12년 전 조회 6,900
12년 전 조회 2,735
12년 전 조회 980
12년 전 조회 929
12년 전 조회 1,668
12년 전 조회 2,311
12년 전 조회 1,135
12년 전 조회 967
12년 전 조회 1,595
12년 전 조회 1,727
12년 전 조회 957
12년 전 조회 1,361
12년 전 조회 1,656
12년 전 조회 1,042
12년 전 조회 1,330
12년 전 조회 3,933
12년 전 조회 1,676
12년 전 조회 1,203
12년 전 조회 1,098
12년 전 조회 1,473
12년 전 조회 1,717
12년 전 조회 4,483
12년 전 조회 5,821
12년 전 조회 954
12년 전 조회 2,517
12년 전 조회 6,972
12년 전 조회 2,639
12년 전 조회 9,594
12년 전 조회 781
12년 전 조회 987
12년 전 조회 1,603
12년 전 조회 1,929
12년 전 조회 1,568
12년 전 조회 2,204
12년 전 조회 2,602
12년 전 조회 3,468
12년 전 조회 2,421
12년 전 조회 2,596
12년 전 조회 2,586
12년 전 조회 1,864
12년 전 조회 1,656
12년 전 조회 1,294
12년 전 조회 1,493
12년 전 조회 2,286
12년 전 조회 1,852
12년 전 조회 1,543
12년 전 조회 2,572
12년 전 조회 2,326
12년 전 조회 2,146
12년 전 조회 1,896
12년 전 조회 2,591
12년 전 조회 1,369
12년 전 조회 1,058
12년 전 조회 666
12년 전 조회 811
12년 전 조회 1,324
12년 전 조회 2,738
12년 전 조회 2,752
12년 전 조회 1,828
12년 전 조회 1,446
12년 전 조회 1,237
12년 전 조회 9,371
12년 전 조회 856