Log In · Register

 
text won't center!!!, using divs, absolute positioning....
nymph
post May 19 2006, 08:39 AM
Post #1


faerie
**

Group: Member
Posts: 23
Joined: Feb 2004
Member No: 2,762



http://xanga.com/nym_ph

CODE
<head><script language="javascript">
document.title=('love hangs herself')
</SCRIPT>
</head>
<style type="text/css">
<!--
body {background-color: #000000;
font-family: arial;
font-color: #FFFFFF;
line-height: 10px;
font-size: 11px;
letter-spacing: 0;
cursor: crosshair;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF } -->
</style>
<style type="text/css">
<!--
html, module, table {background-color: transparent;
font-family: arial;
font-color: #FFFFFF;
line-height: 10px;
font-size: 11px;
letter-spacing: 0;
cursor: crosshair }
-->
</style>
<style type="text/css">
<!--
div {background-color: transparent;
font-family: arial;
font-color: #FFFFFF;
line-height: 10px;
font-size: 11px;
letter-spacing: 0;
cursor: crosshair }
-->
</style>

<style type="text/css">
<!--
center {font-family: arial;
font-color: #FFFFFF;
line-height: 10px;
font-size: 11px;
letter-spacing: 0;
cursor: crosshair }
-->
</style>
<style type="text/css">
div.photostwo {BORDER: 0;WIDTH: 440px; HEIGHT: 500px; overflow: auto; overflow-y: hidden; overflow-x: yes;}
div.photosone {BORDER: 0;WIDTH: 440px; HEIGHT: 250px; overflow: auto; overflow-y: hidden; overflow-x: yes;}
div.photosportrait {BORDER: 0;WIDTH: 440px; HEIGHT: 320px; overflow: auto; overflow-y: hidden; overflow-x: yes;}
</style>
<style type="text/css">

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
    font:normal 11px arial;
    line-height: 10px;
    color: FFFFFF;
    letter-spacing: 0;
text-width="440"
    }

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
    text-align: center; letter-spacing:0;
    }

div.blogheader, .caption {
/* edits the dates */
    font-family: arial;
    text-transform: uppercase;
font-size: 25px;
font-weight: bolder;
line-height: 25px;
    color: F75096;
    letter-spacing: -2px;
    background-color: transparent;
    text-align: right;
cursor: crosshair;
    }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
    color:gray;
font: 11px arial; text-decoration: italic; line-height:10px;
cursor: crosshair;
letter-spacing:0px;
    }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
    color:#FFFFFF;
    font: 11px arial;
    line-height:10px;
cursor: crosshair; text-decoration: italic; letter-spacing:0px;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
    border: 1px solid #000000;
    font:normal 11px arial;
    background: FFFFFF;
    letter-spacing:0px;
    }

table.left {
/* this edits the menu module */
    border: 0px solid #000000;
    width:160px;
     background-color:transparent;
    }

table.blogbody {
/* this edits the other the place where the  blog is */
    border: 0px
    background-color: transparent;
    width:440px; text-align: justify;
    }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
    background-color:transparent;
    font: bold 11px arial;
    color: #000000;
    border: 0;
width: 160px;
    }
table.left TD {
/* on your menu module, this edits the body part of it */
    background-image: none;
    background-color: transparent;
    border: none;
    }

.blogbody td { width:0px; padding-left:0px; }
table.navigation {display: none; }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
    background-color: transparent;
    border: 0px solid #FFFFFF;
    }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
    border: 0px solid #FFFFFF; display: none;
    }
table.navigation, table.main {
/* the width of your blog with modules */
    width: 440px;
    }
hr {
/* horizontal divider */
    display: none; }
    }
</style>
<style type="text/css">
table.footer {display: none;}
</style>
<script TYPE="text/javascript">
<!--
var filename="http://";
if (navigator.appName == "Microsoft Internet Explorer")
    document.writeln ('<BGSOUND SRC="' + filename + '">');
else if (navigator.appName == "Netscape")
    document.writeln ('<EMBED SRC="' + filename + '" AUTOSTART=TRUE WIDTH=144 HEIGHT=60><P>');
// -->
</SCRIPT>
<NOSCRIPT>
<BGSOUND SRC="http://">
</NOSCRIPT>
<center><div style="top=150px;">
<img src="http://www.adnihilo.org/p5ych3d31ic/nym_ph.jpg" border="0">
</div>

<div style="top=500px; position=absolute;">
s p i n n i n g &nbsp;&nbsp;&nbsp;&nbsp;a message - coldplay



it won't center!?!??!
i don't know why =(
thanks
 
 
Start new topic
Replies
talcumpowder
post May 19 2006, 08:45 PM
Post #2


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010



.... .... ....
What KIND of text aligned center? Blog text aligned center, whole shebang aligned center, image text aligned center.... Yes. There are many different kinds.
Because using center alignment is a lot easier. mellow.gif It centers pretty much everything.
 

Posts in this topic


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