2013-03-06 2 views
0

일반적인 prestashop 테마에는 카테고리 페이지 상단에 전체 카테고리에 대한 설명이있는 상자가 있습니다. 상자에는 외곽선이 있고 그림과 일부 텍스트가 들어 있습니다.HTML/Prestashop, 카테고리 이미지를 왼쪽으로 이동

텍스트는 일반적으로 이미지 아래에 있으므로 블록이 많은 공간을 차지합니다. 이미지를 왼쪽으로 띄우고 그 주위에 텍스트를 감싸고 싶습니다. 그래서 더 작습니다.

이미지와 텍스트가 div에 있고 둘 다 외곽선의 다른 div에 있기 때문에 쉽게 될 것이라고 생각했습니다. 그래서 float : 이미지의 DIV에 왼쪽으로 추가했습니다.

이미지가 오른쪽으로 이동하고 텍스트도 흐릅니다. 그러나 주변 DIV의 크기가 제대로 조정되지 않아 이미지가 바로 상자 밖으로 나옵니다.

둘러싸는 DIV의 크기를 올바르게 조정하려면 어떻게해야합니까?

+0

살아있는 링크가 도움이 될 것입니다. 수많은 ps와 수많은 테마가 있습니다. – Steve

+0

사실, 제 잘못입니다. 이것을 시도하십시오 : –

+0

* 한숨 * This : http://maurysolar.com/en/solar-panels/ 이미지가 컨테이너 외부로 흐릅니다. –

답변

0

포함 된 div를 강제로 이동시켜 내용을 감쌀 필요가 있습니다. 오버플로를 추가하는 방법에는 숨겨진 방법이 있습니다.

.content_scene_cat {overflow:hidden;} 
+0

챔피언처럼 일했습니다. 고마워요! –

관련 문제