정말 답답해서 올려요,..div 코딩인데요.
정
1번을 BG로 깔고
2번은 사람얼굴
3번은 서브메뉴 BG
4번은 서브 아이콘입니다.
이렇게 출력순서대로 작업을했는데..
도무지 4번의 서브 아이콘들을 위치를 잡을수가 없네요...
지금 모습은 이미지입니다. 저렇게 위치 잡아주려면
어떻게 코딩을 하는게 좋을까요?...
5시간동안 혼자 끙끙앓다가 올려요,. 죄송합니다.~
1번을 BG로 깔고
2번은 사람얼굴
3번은 서브메뉴 BG
4번은 서브 아이콘입니다.
이렇게 출력순서대로 작업을했는데..
도무지 4번의 서브 아이콘들을 위치를 잡을수가 없네요...
지금 모습은 이미지입니다. 저렇게 위치 잡아주려면
어떻게 코딩을 하는게 좋을까요?...
5시간동안 혼자 끙끙앓다가 올려요,. 죄송합니다.~
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌
댓글 4개
<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해제를 이용하거나
부모요소에 높이를 고정해줘야합니다.
<ul style="display:block;margin-top:대충높이값;"> 부분에 height: 높이값; 을 주거나 overflow:hidden 을 주면 float의 높이를 부모가 인식하게 됩니다.