아직 로그인하지 않았습니다. 로그인 또는 회원 등록을 해 주시기 바랍니다.
가운데일 때는 문제가 없습니다만 왼쪽이거나 오른쪽일 때 발생할 수 있는 문제가
div의 width가 지정되어있지 않아서 float: left (right)가 지정되어 있어도 이미지가 오른쪽으로 정렬되지 않습니다.
물론 단순히 이미지만 있거나 caption에 들어가는 내용이 작다면 문제가 없습니다만
caption이 긴 경우에 문제가 발생합니다.
그래서 왼쪽, 오른쪽으로 정렬할 때만큼은 이미지의 width를 인식해서 div크기에 대입시켜야할 듯 합니다.
(div 크기를 사용자가 늘리고 싶다면 padding 같은 것으로 대체할 수 있으니 특별한 문제는 발생하지 않을것 같고요.)
나니 (2006-11-28 16:21:47)에 의해 마지막으로 수정
음.. img를 감싸는 div 크기에 대해 위지윅 에디터에서 입력할 수 있게 하는 것도 좋은 방법 같습니다.
(근데 이 글 이슈화가 좀 됐음 좋겠는데 아무도 관심을 안가져주네요 .. 울먹..)
가운데일 때는 문제가 없습니다만 왼쪽이거나 오른쪽일 때 발생할 수 있는 문제가
div의 width가 지정되어있지 않아서 float: left (right)가 지정되어 있어도 이미지가 오른쪽으로 정렬되지 않습니다.
물론 단순히 이미지만 있거나 caption에 들어가는 내용이 작다면 문제가 없습니다만
caption이 긴 경우에 문제가 발생합니다.그래서 왼쪽, 오른쪽으로 정렬할 때만큼은 이미지의 width를 인식해서 div크기에 대입시켜야할 듯 합니다.
(div 크기를 사용자가 늘리고 싶다면 padding 같은 것으로 대체할 수 있으니 특별한 문제는 발생하지 않을것 같고요.)
맞습니다. 캡션이 길경우 왼쪽/오른쪽 정렬된 이미지의 폭이 깨져버려 올바른 문단이 안나옵니다.
하여. <div class="imageblock ..."> 에 이미지 크기에 맞게 width를 추가해야 겠습니다.
참고
http://www.jparker.co.kr/blog/319
하여. <div class="imageblock ..."> 에 이미지 크기에 맞게 width를 추가해야 겠습니다.
아뇨. class에서 추가할 수 있게 해버리면 문제점이 자동으로 값 지정이 안됩니다.
style에 넣는 수 밖에 없습니다. 현재는 (만약 왼쪽정렬이라면)
style="float: left;" 이렇게 되어 있는데 여기다가 width:를 추가해주면 될 듯 합니다.
음.. img를 감싸는 div 크기에 대해 위지윅 에디터에서 입력할 수 있게 하는 것도 좋은 방법 같습니다.
(근데 이 글 이슈화가 좀 됐음 좋겠는데 아무도 관심을 안가져주네요 .. 울먹..)
이거 플러그인으로 만들어 쓰고 있는데... 공개를 해야 하는 것인가... (콜록콜록)
나니 작성:음.. img를 감싸는 div 크기에 대해 위지윅 에디터에서 입력할 수 있게 하는 것도 좋은 방법 같습니다.
(근데 이 글 이슈화가 좀 됐음 좋겠는데 아무도 관심을 안가져주네요 .. 울먹..)이거 플러그인으로 만들어 쓰고 있는데... 공개를 해야 하는 것인가... (콜록콜록)
해주세요. ~~
점심 맛있게 드세요.
나니 작성:음.. img를 감싸는 div 크기에 대해 위지윅 에디터에서 입력할 수 있게 하는 것도 좋은 방법 같습니다.
(근데 이 글 이슈화가 좀 됐음 좋겠는데 아무도 관심을 안가져주네요 .. 울먹..)이거 플러그인으로 만들어 쓰고 있는데... 공개를 해야 하는 것인가... (콜록콜록)
그라피티에님 최고~ < 김칫국마시기
패딩, 마진으로 조정하기엔 브라우저 디펜던시가 있지 않을까요?
그냥 캡션에 BR을 허용하면 되지 않으려나.. --?
어차피 imageblock dual이상일경우는 필요가 없으니 나니님 말씀처럼 이미지 너비값을 imageblock left:right 일 경우는 반영하는 것이 괜찮지 않을까요?
center야 뭐 독립적이니...
니들웍스 $params=getAttributesFromString($attributes[sizeof($attributes)-2]);
switch($attributes[0]){
case '1L':
$prefix='<div class="imageblock left" style="float: left; margin-right: 10px;width:'.$params['width'].'px;">';
break;
case '1R':
$prefix='<div class="imageblock right" style="float: right; margin-left: 10px;width:'.$params['width'].'px;">';
break;
case '1C':
default:
$prefix='<div class="imageblock center" style="text-align: center; clear: both;">';
break;
}로 추진하는 것은 어떤가요?