COMING SOON 🚀

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

· 12년 전 · 2649 · 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,980
12년 전 조회 7,787
12년 전 조회 1,759
12년 전 조회 2,041
12년 전 조회 1,684
12년 전 조회 1,717
12년 전 조회 1,969
12년 전 조회 1,955
12년 전 조회 2,919
12년 전 조회 2,953
12년 전 조회 2,546
12년 전 조회 6,412
12년 전 조회 2,704
12년 전 조회 2,794
12년 전 조회 2,178
12년 전 조회 3,181
12년 전 조회 2,575
12년 전 조회 4,273
12년 전 조회 3,742
12년 전 조회 3,100
12년 전 조회 3,580
12년 전 조회 3,025
12년 전 조회 2,854
12년 전 조회 2,192
12년 전 조회 2,321
12년 전 조회 6,757
12년 전 조회 3,821
12년 전 조회 4,289
12년 전 조회 2,939
12년 전 조회 2,647
12년 전 조회 2,019
12년 전 조회 2,999
12년 전 조회 2,141
12년 전 조회 2,647
12년 전 조회 3,894
12년 전 조회 3,517
12년 전 조회 2,867
12년 전 조회 7,791
12년 전 조회 3,650
12년 전 조회 1,865
12년 전 조회 1,829
12년 전 조회 2,561
12년 전 조회 3,193
12년 전 조회 2,040
12년 전 조회 1,942
12년 전 조회 2,542
12년 전 조회 2,724
12년 전 조회 1,907
12년 전 조회 2,336
12년 전 조회 2,650
12년 전 조회 2,007
12년 전 조회 2,348
12년 전 조회 4,946
12년 전 조회 2,686
12년 전 조회 2,194
12년 전 조회 2,084
12년 전 조회 2,473
12년 전 조회 2,728
12년 전 조회 5,501
12년 전 조회 6,849
12년 전 조회 1,962
12년 전 조회 3,543
12년 전 조회 7,997
12년 전 조회 3,674
12년 전 조회 1.1만
12년 전 조회 1,796
12년 전 조회 1,986
12년 전 조회 2,661
12년 전 조회 2,970
12년 전 조회 2,601
12년 전 조회 3,221
12년 전 조회 3,619
12년 전 조회 4,474
12년 전 조회 3,478
12년 전 조회 3,681
12년 전 조회 3,684
12년 전 조회 2,920
12년 전 조회 2,723
12년 전 조회 2,363
12년 전 조회 2,539
12년 전 조회 3,347
12년 전 조회 2,963
12년 전 조회 2,624
12년 전 조회 3,655
12년 전 조회 3,418
12년 전 조회 3,249
12년 전 조회 2,990
12년 전 조회 3,655
12년 전 조회 2,418
12년 전 조회 2,119
12년 전 조회 1,703
12년 전 조회 1,902
12년 전 조회 2,383
12년 전 조회 3,764
12년 전 조회 3,848
12년 전 조회 2,917
12년 전 조회 2,522
12년 전 조회 2,300
12년 전 조회 1만
12년 전 조회 1,914