Log In · Register

 
Div Alignment
cherry_starr
post Nov 6 2007, 08:45 PM
Post #1


Senior Member
***

Group: Member
Posts: 43
Joined: Feb 2006
Member No: 370,127



I have a div layout, and i have double checked over the positioning, im probably missing something somewhere but i can't figure out why none of it is where it should be... any help would be muchly appreciated :)

CODE
<style type="text/css">
.text{position:absolute;left:405px;top:152px;width:277px;height:330px;z-index:2;font-family:georgia;font-size:12px;color:fd3b64;}

.menu{display:block;width:108px;height:16px;background-color:FFFFFF;font-family:small fonts;font-size:10px;color:000000;text-transform:lowercase;text-decoration:none;font-weight:normal;letter-spacing:4px;text-align:Right;padding:2px;cursor:crosshair;}

.menu:hover{display:block;width:108px;height:16px;background-color:FFFFFF;font-family:small fonts;font-size:10px;color:000000;text-transform:lowercase;text-decoration:none;font-weight:normal;letter-spacing:4px;text-align:Right;padding:2px;border-bottom-style: solid; border-bottom-color: fd3b64; border-bottom-width: 3px; cursor:crosshair;}

a:active,a:visited,a:link{font-family:small fonts;font-size:10px;color:FFFFFF;text-transform:lowercase;text-decoration:none;font-weight:normal;letter-spacing:4px;line-height:14px;background-color:000000;}
a:hover{font-family:small fonts;font-size:10px;color:3b91fd;text-transform:uppercase;text-decoration:none;font-weight:bold;letter-spacing:8px;line-height:14px;background-color:000000;}
</style>

<div class="Base" style="position:absolute; left:0px; bottom:0px; width:700px; height:500px; z-index:1; background-image:url(http://i46.photobucket.com/albums/f103/cherrystarr_/base.jpg); layer-background-image:url(http://i46.photobucket.com/albums/f103/cherrystarr_/base.jpg); border: 0px #000000; padding:0px;"></div>

<div class="text" style="overflow:auto;position:absolute;left:405px;top:152px;width:277px;height:330px;">Here is my main text Area!!</div>

<div class="comment" style="position:absolute; left:406px; top:490px; width:275px; height:111px; z-index:3; padding:0px;"><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="FRIENDID" type="hidden"><textarea name="f_comments" style="width: 275; height: 75px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: FFFFFF; background-color: 000000;" style="overflow:auto;">Lend Me Some Sugar</textarea> <br> <input value="SUBMIT" style="border-width: 1px; border-style: solid; border-color: 000000; width:100px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 3b91fd;  background-color: 000000;" type="submit"> <input value="RESET" style="border-width: 1px; border-style: solid; border-color: 000000; width:100px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 3b91fd;  background-color: 000000;" type="reset"></form></div>

<div class="menu" style="position:absolute; left:296px; top:150px; width:108px; height:128px; padding:0px; z-index:4;">
<a href="URL"class="menu">home</a><br>
<a href="URL"class="menu">add</a><br>
<a href="URL"class="menu">pics</a><br>
<a href="URL"class="menu">friends</a><br>
<a href="URL"class="menu">message</a><br></div>
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: