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)

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>&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

HTML Code:

<div align="center" h align="middle">welcome to habbo fury lalala</div>

that was a guess

Gangster · 04-03-2008, 05:29 PM

Originally Posted by Hoax Call

HTML Code:

<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

Originally Posted by JimboJosh

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

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

Thread: Help please rep++

Thread Tools

Help please rep++

Posting Permissions