PDA

View Full Version : Help please rep++


Gangster
04-03-2008, 05:22 PM
Im currently coding a layout in expandable divs with dreamweaver. and i have 2 q's

Preview (coded)
http://img37.picoodle.com/img/img37/4/3/4/f_preveiwcodem_8b7b352.png

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>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</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
Swearwolf
04-03-2008, 05:24 PM
<div align="center" h align="middle">welcome to habbo fury lalala</div>

that was a guess
Gangster
04-03-2008, 05:29 PM
<div align="center" h align="middle">welcome to habbo fury lalala</div>that was a guess

nah, don't work
kk.
04-03-2008, 05:31 PM
have you tried adding:

padding-top:5px;

to the div atts?
Swearwolf
04-03-2008, 05:32 PM
put the marquee tags inside the div tags
Gangster
04-03-2008, 05:37 PM
have you tried adding:

padding-top:5px;

to the div atts?
ty ++rep
kk.
04-03-2008, 05:39 PM
no problem :) if you ned anymore help just reply here or pm me :D
Gangster
04-03-2008, 06:40 PM
first q sorted, how do i expand now?
L?KE
04-03-2008, 07:25 PM
Set the boxes to height: 100%; but this will only work if tha parent element is 100% height too.

Correct me if I'm wrong. :)
kk.
04-03-2008, 07:32 PM
the easiest way to expand is to have a top, middle and bottom div. the middle one has a background with repeat-y. they should all be the same width. it doesnt matter about the height for the middle.

best to read this http://habboxforum.com/showthread.php?t=453923
--ss--
04-03-2008, 10:26 PM
Set the boxes to height: 100%; but this will only work if tha parent element is 100% height too.

Correct me if I'm wrong. :)
Nope as that will be setting a fixed height for box , the trick is to have it so you don't type in any height at all letting it expand freely ;).
Buax
04-03-2008, 10:28 PM
If you set all the heights to %100 it should work fine :)

Hope I helped.
kk.
04-03-2008, 10:29 PM
If you set all the heights to %100 it should work fine :)

Hope I helped.
did you read the above post?

ssetting it to that is not the best idea
--ss--
04-03-2008, 10:30 PM
If you set all the heights to %100 it should work fine :)

Hope I helped.
No it won't as that will just make it so that the div fills up all the space available height wise.

Want to hide these adverts? Register an account for free!