Im currently coding a layout in expandable divs with dreamweaver. and i have 2 q's
Preview (coded)
Code
HTML Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
<img src="../Habbo Paper/images/layout_39.PNG" width="848" height="26" /></title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:32px;
top:0px;
width:900px;
height:37;
background-image:url(file:///C|/Documents%20and%20Settings/Jordan/My%20Documents/Habbo%20Paper/images/layout_30.PNG);
font:Tahoma;
\;
z-index:1;
background-color: r/images/layout_30
.PNG;
height: 37px;
}
#apDiv2 {
position:absolute;
left:90px;
top:60px;
width:848px;
height:25px;
z-index:1;
}
#apDiv3 {
position:absolute;
left:90px;
top:191px;
width:848px;
height:26px;
z-index:2;
background-image:url(../Habbo%20Paper/images/layout_39.PNG)
}
#apDiv4 {
position:absolute;
left:90px;
top:244px;
width:190px;
height:59px;
z-index:3;
background-image:url(../Habbo%20Paper/images/layout_33.PNG)
}
#apDiv5 {
position:absolute;
left:90px;
top:320px;
width:190px;
height:59px;
z-index:4;
background-image:url(../Habbo%20Paper/images/layout_34.PNG)
}
#apDiv6 {
position:absolute;
left:90px;
top:397px;
width:190px;
height:59px;
z-index:5;
background-image:url(../Habbo%20Paper/images/layout_35.PNG)
}
#apDiv7 {
position:absolute;
left:748px;
top:244px;
width:190px;
height:59px;
z-index:6;
background-image:url(../Habbo%20Paper/images/layout_36.PNG)
}
#apDiv8 {
position:absolute;
left:749px;
top:319px;
width:190px;
height:59px;
z-index:7;
background-image:url(../Habbo%20Paper/images/layout_37.PNG)
}
.style1 {
font-family: Tahoma;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}
#apDiv9 {
position:absolute;
left:749px;
top:398px;
width:190px;
height:59px;
z-index:8;
background-image:url(../Habbo%20Paper/images/layout_40.PNG)
}
#apDiv10 {
position:absolute;
left:288px;
top:252px;
width:452px;
height:205px;
z-index:9;
background-image:url(../Habbo%20Paper/images/layout_38.PNG)
}
#apDiv11 {
position:absolute;
left:90px;
top:455px;
width:848px;
height:26px;
z-index:10;
background-image:url(../Habbo%20Paper/images/layout_39.PNG)
}
.style3 {
color: #FF0000;
font-weight: bold;
font-family: Tahoma;
font-size: 10px;
}
body {
background-color: #9bcdff;
}
.style6 {color: #CCCCCC; font-weight: bold; font-family: Tahoma; font-size: 10px; }
.style7 {
font-size: 10px;
font-family: Verdana;
}
.style9 {
font-weight: bold;
color: #FFFFFF;
}
-->
</style>
</head>
<body>
<div id="apDiv2">
<div align="left"><img src="../Habbo Paper/images/layout_31.PNG" width="848" height="133" /></div>
</div>
<div class="style6" id="apDiv1">
<span class="style5">
<marquee>
<div align="center">Welcome to HabboFury.com! A dedicated, unnoficial Habbo UK and USA fansite. </div>
</marquee>
</div>
<div class="style1" id="apDiv3">
<div align="center">Dj Says: ???/</div>
</div>
<div id="apDiv4">
<div align="center"><br />
<br />
<span class="style3">Navigator Here</span></div>
</div>
<div id="apDiv5">
<div align="center"><br />
<span class="style3"> <br />
Group Bade and info here!</span></div>
</div>
<div id="apDiv6">
<div align="center"><br />
<span class="style3"><br />
Total Visits here</span></div>
</div>
<div class="style1" id="apDiv7">
<div align="center"><br />
<br /><br />
<span class="style3">News here</span><br />
</div>
</div>
<div id="apDiv8">
<div align="center"><br>
<br>
<span class="style3">A Guide Here</span></div>
</div>
<div id="apDiv9">
<div align="center"><br />
<br />
<span class="style3">Site Updates Here</span></div>
</div>
<div id="apDiv10">
<p align="center" class="style7">Content Here!!!</p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="style1" id="apDiv11">
<div align="center">Coded by Gangster</div>
</div>
</body>
</html>
On the top grey bar and the red ones at both the top and bottom the text is at the very top, how do i get it to go in the middle, when i do <br> it goes at the bottom
How do i get the boxes to expand
++rep to whoever helps me
