float:left 위치에 대해서...
해뜰참
저의질문이..너무 부족했네요 ^^ 다시정리해서 올리자면첨부한이미지를 보시면 순차적으로 이런식으로 나와야되는데div class=main_blog
pimg src=images/main/blog_2.jpg alt= //p
ul
li class=main_blog_ttlVestibulum auctor/li
li class=main_blog_sttlby Frank Bonzaga/li
liLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis et sem sed sollicitudin. Donec non/li
/ul
/div상단에 있는 소스가 반복적으로 프로그램화 시켜서 클래스명이 main_blog가 나오면 반복적으로 무조건 왼쪽으로 정렬해서 붙어라고 css에 정의를 했습니다. .main_conts { float:left; width:800px; position:relative}
.main_conts .main_blog { float:left; width:245px; padding:0 0 30px 21px; display:inline;}
.main_conts .main_blog ul { background:#1c1c1c; padding:22px;}
.main_conts .main_blog ul li { color:#b3b3b3; line-height:15px; font-size:11px;}
.main_conts .main_blog ul li.main_blog_ttl { font-size:16px; font-weight:bold; color:#fff; line-height:30px;}
.main_conts .main_blog ul li.main_blog_sttl { font-size:14px; color:#fff; line-height:30px;}
근데 문제는... 이미지부분이... 고정값이 아니라서 첨부한 이미지처럼 세로길이가 다양할건데 (갤러리게시판형태입니다.)
그러다보니 무조건 왼쪽으로 순차적으로 붙어라고 했더니 http://hwanlife.com/
사이트처럼 1번의 세로가 길다보니 1번아래에 4번그림이 와야되는데(첨부한이미지) 2번아래로 4번그림이 왔더라구요
이럴때 세로의 영향안받고
div class=main_blog
pimg src=images/main/blog_1.jpg alt= //p
ul
li class=main_blog_ttlVestibulum auctor/li
li class=main_blog_sttlby Frank Bonzaga/li
liLorem ipsum dolor sit amet, consectetur adipiscing elit. ollicitudin. Donec non/li
/ul
/div상위html 이 반복적으로 노출되게할려면 어찌해야될까요? css 를 어떻게 수정해야될까요?참고로 갤러리형태의 게시판입니다.
-
말글
개발적인 요소랑 상관없는데요.. 토드님이 댓글 다신 플러그인 쓰는게 맞는거같은데;
-
은별
음 이게 플러그인 사용할수없는데 프로그래머가 개발할거라서 ㅎㅎ 그러니css를 구현해줘야해요 ㅎㅎ
-
후회중
mhjj77 님 너무감사해요 저의 질문이 너무 충분하지 않았네요 다시 올려드려요 ~
요점은 갤러리형태라고 생각하심되요 그런데 세로가 다른 형태의 게시판이라는거죠~~
그러다보니 위치가 안맞네요~~~^^
잘부탁드립니다. ^^ 그리고 감사합니다. -
마루나
음.. 반응형으로 움직여야 된다는 말씀이신가요? 아니시면 content내부에 있는 blog그룹들이 가로로 3개씩 정렬되어 있잖아요? 그걸 세로로 3줄로 정렬해서 퍼센트로 주시면 어떨지요? 이미지엔 100퍼센트 값을주고 각 줄의 width값은 100을 기준으로 3줄이니까 한줄당 33%를 주는 겁니다 만약 이것도 아니시라면... 다른 방법을 강구해봐야겠네요^^;
-
갤원
님처럼 말씀하신부분은...절대적인 값의 위치값일때 사용하면 좋은데..전 이부분이..프로그램으로 연동되는부분이라서..그러니깐 메인에 뿌려지는 갤러리형태의 박스가 이미지크기에 따라 유동적으로 바뀌는거라서...
절대값을 넣을수가 없을듯해서요..이게 일종의 갤러리게시판형태인거죠..메인에서 갤러리형태로 뿌려지는데..박스크기가 다르다는거죠. ^^ -
겨슬
참고해주신 사이트를 보니 div class=\main_conts\태그에 position:relative를 부여하고 나머지 div class=\main_blog\마다 position:absolute를 부여한 뒤, top과 left 등에 수치값을 넣어 조정하시면 될 것 같습니다..