2013-09-04 4 views
0

안녕하세요. 나는 다시 릴 문제가있다.div 상자의 한 줄에

나는 signle 줄에 몇 개의 div가있는 상자를 만들려고 노력하고있다.

내가 새로운 div를 시작하면 그 옆에있는 것이 아니라 그 앞에있는 것의 맨 위에있는 것이 문제입니다.

플로트 왼쪽 또는 경계선 크기 조정 및 표 셀 표시로 tryed. 그것은 모두 작동하지 않았다. http://www.awesom-media.de/umgebung/index.html

녹색 배경이있는 이미지입니다.

은 4 아이콘 갯수 여야합니다. 2 명이 이미 있습니다. 방문자가 각 아이콘을 클릭하면 빨간색 상자에 내용이 표시됩니다.

그러나 문제는 내가 말했듯이 한 줄에 두 개의 아이콘 (마술과 별)을 얻지 못하는 것입니다.

+0

작은 코드를 게시하거나 JSFIDDLE을 만들어서 우리가 작업하고있는 것을 더 잘 이해할 수 있습니까? 문제는 쉽게 해결할 수 있습니다.) – Mike

+0

HTML과 CSS를 게시하고 바이올린을 만듭니다. –

+0

http://jsfiddle.net/J4QWq/ 내가 말했듯이. 빨간 상자 안에는 내가 아직 시작하지 않은 다른 코멘 트가 나오고있다. 그리고 greenone에서는 2 명이 더오고 있습니다. 아, 그런데 im askin 때. 사이트에서 볼 수 있듯이 좋은 호버가있는 아이콘이 있습니다. 이 상자를 새 상자/아이콘에 어떻게 가져올 지 말해 줄 수 있습니다. 그 사용하는 템플릿. –

답변

0

각 div (마술과 지팡이)를 추가하여 float : left; 그리고 webicons div는 clear : left;

#magic { float:left; } 
#wand { float:left; } 
#webicons { clear: left; height:110px; } 

DEMO - http://jsfiddle.net/J4QWq/3/

0

이보십시오, 나는 당신의 아이콘 각 float: left;을 추가과 같이 .webiconsheight: 100%;을 추가 display: inline-block

:

JSFIDDLE

희망이 있습니다.