수다닷컴

답변 감사드려요. 테스트를 말씀하신데로 해봤는데 왼쪽 오른쪽 말풍선을 번갈아가면 li로 감싸서 나열하면 나오기는 잘 나오는데요.. 한쪽 내용이 많아지면 많아지는데로 다른 한쪽의 하단 여백도 너무 많이 벌어져서.. ㅠㅠ 당연한 거지만요.. 한쪽 높이에 상관없이 일정한 마진폭으로 말풍선이 나열되도록 하는건 역시 어렵네요..ㅠㅠ

삼각형하고 점은 하나의 이미지로 하시고 li안에서 포지션 잡으세요 좌우 위치는 픽스 상하는 퍼센트로 하시만 컨텐츠 따라서 가변되겠네요

그럼 말풍선 좌우 정렬하고 가운데 점은 각 말풍선에 포함시켜서 포지션 앱솔루트로 위치 잡으먼 될까요? 짐테스트못하는상황이라.ㅈㅜㅜ

이해가 잘 안되는데..
가운데 점은 말풍선을 부모로, 레이어띄우면 됩니다

제가하고자하는것은 좌우로 높이가 가변적인 말풍선을 나열하되 가운데 동그란 점이 가변적인 높이의 좌우 말풍선을 따라서 배치되게 하고자 하는거구요 좌우배치는 가로 너비 가변형으로 잘 나와요. 말풍선 높이가 가변일때 지그재그형식으로 나열된 말풍선을따라 점이따라오게 하는게 안되요ㅜㅜ 전 개발자가 아니라서 html css 밖에 못하는데 이것만으로 구현될까요?

저목록들의 하나의 ul일때 스크립트없이는 불가능하죠
관련 플러그인으로 돌리시는게..
아마 Jquery grid 로 검색하시면 비슷한게 나올거에요
직접 스크립트 만드시려면..
포지션 절대값으로 정렬해야해서 설명이 어렵겠네요
포지션.탑값과 객체높이값으로..
풀어야하나..;
좋은결과있으시기를.

가변이 안되시면 float 해제 문제 같이 보입니다. 좌우로 컨텐츠 나누는건 개발몫이고 단순히 class로 좌우 불리해서 코딩하시면 쉽게 될듯 합니다. 질문이 모호해 답변을 정확히 드리기 어렵내요.