방법을 못찾겠어요~ 돠주세요 ;- ;
핑크빛입술
모바일 웹 코딩 중인데요...
1번은 작은 이미지와 큰이미지가 있는데요
1번에 크기에 따라서 2번은 옆에 있었다 아래로 떨어졌다 할수 있어야해요
그리고 width값은 모바일에 따라 다르니 2번은 자유자재로 늘었다 줄었다 할수 있어야하구요...(1번은 고정width)
어떤방법이 좋을까요?
1번은 이미지이고 2번은 텍스트인데
둘다 width값을 주지 않아도 2번은 자꾸만 떨어져요ㅠ
텍스트 자동 줄바꿈을 하면서 1번이 작을땐 옆에 있어줘야하는뎅ㅠ
1번이 커지면 2번이 밑으로 떨어지도록 다른 CSS를 적용하는 방법밖엔 없나요?
-
갤원
도움 못 드려서 죄송합니다. ㅠㅠ
-
모해
넹 ㅠ 감사합니다~ 프로그래머한테 그렇게 해달라고 해야겠어요 ㅠ
-
비사벌
이게 가변적으로 넓이가 늘어나야 하는거라 일단 width 값을 줄 수가 없어서 플로팅이 힘들고...
어렵네요. 스크립트를 사용해서 img의 width 값을 받아와서 따로 처리하는게 제일 편해보이긴 하는데... -
삐용삐용
네..떨어지면 늘어나야해요 ㅎㅎㅎ
-
HotPink
float로 너비를 주지 않고 1과 2를 붙였는데
텍스트가 길어지면 2번박스는 자꾸 밑으로 떨어져요ㅠ
1번 이미지를 position:absolute으로 위에 띄우고 2번박스에 좌측 패딩값을 주는 방법으로 해결했지만...
문제는 1번 이미지가 커졌을때 2번 텍스트박스는 좌측정렬로 위 이미지와 같이 떨어져야해서요
css를 상황에 따라 다르게 적용하는게 나을까요? -
둘빛
이게 차라리 2번 값이 고정되어 있다면 모르겠는데.. 2번이 아래로 떨어지면 또 너비에 맞춰서 늘어나야 하는 건가요?
-
개구리
2번이 텍스트라면.. 강제적으로 줄바꿈을 하시는 건가요..? 그렇지 않으면 너비가 텍스트에 따라 제대로 조절이 안될텐데요.. 한줄 짜리라면 몰라도.
-
글고운
저두 참..글로 설명하기가 ㅋㅋ 1번은 두가지 사이즈의 이미지인데요
1번이 작은 이미지일땐 2번이 옆에 붙어있고
1번이 큰이미지 일땐 2번은 아래로 떨어져야해요
그리고 2번은 텍스트인데요 자기가 최대한 가질수 있는 width값에 따라서 늘어났다 줄었다 할수 있어야하구요
제가 초보라서...ㅠ 참 많이 막히네요 -
민혁
죄송하지만 질문이 이해가 잘 안되요... 위 그림에서 1번 너비가 고정이고 2번이 가변적으로 변하면서 가로가 커지면 밑으로 떨어져야 한다는 말씀이신가요? 그럼 그냥 플로팅만 해도 되는게 당연한데요;