だから、これは迷惑です。これを長い間機能させようとしてきましたが、機能しない理由がわかりません。
* .cssを使用してdivを配置しようとしていますが、使用していないようです。しかし、それは私の他のdivにそれを使用します。
これが皆さんに見せるためのコードです:
<div id="projRight">
<!-- Project header -->
<?php
echo '<div id="projHeader">'.$showproject.'</div>';
if($proj["description"]) echo '<br /><div id="projDesc">'.$proj["description"].'</div>';
?>
<div id="projRightMid">
<a href="javascript:animatedcollapse.toggle('projTeam')"><h3>Project Team</h3></a>
<div id="projTeam">
3D Artist: Stian Berg Larsen
</div>
</div>
<div id="projRightBottom">
Test div...
</div>
</div>
#projRight{
position:absolute;
right:10px;
top:10px;
width:353px;
height:388px;
}
#projRightMid{
}
#projRightBottom{
position:absolute;
bottom:10px;
right:10px;
height:90px;
width:300px;
background-color:#00FF00;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666;
}
#projTeam{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666;
}
編集:私が問題を抱えているdivは#projRightBottom、#projTeamです。
これが私が欲しいもののスクリーンキャストです:http ://screencast.com/t/g0QDkJVtKt これはプロジェクトをクリックしたときにロードされるiframeです。
-Left side contains main video/image.
-Right side contains:
-Project title (top)
-Description (top, below header)
-Similar buttons (bottom, above Project team) {opens a new page}
-Project Team (bottom, above the devider and other images)(clicking this opens the div, revealing the team. (how do I make it slide up, and not down? Using this: http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm
-Divider (dividing top content from the 3 other images at the bottom)
-3 images (at the bottom. 3 more images from the project).
今のところ、適切な場所に配置されるようにすべてを設定しようとしています。そして、私が進むにつれて内容を記入します。