Log In · Register

 
Trouble aligning a picture in a header
madshadow
post Feb 17 2007, 11:56 PM
Post #1


Member
**

Group: Member
Posts: 28
Joined: Aug 2005
Member No: 193,565



Im having trouble getting the header aligned to match up with the rest of the page on my xanga. Here is a link to my xanga. Xanga the original is here. As you can see, there is a difference in where the header is. Im using firefox as well *incase that makes a difference*

and my code is
CODE
<!-- start code provided by createblog.com -->
<img src="http://images.cbimg6.com/xanga/35/8630.jpg">
<title>Splash.</title>
<html>
<style type="text/css">
/* Made by Spunknicity @ createblog */
table.blogbody {
font-family: Arial;
font-weight: none;
font-size: 8pt;
color: 000000;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
.caption, .blogheader {
padding: 3px;
font-family: Arial;
font-size: 8pt;
color: 000000;
background-color:transparent;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH {
font-family: Arial;
color: #000000;
font-size: 8pt;
}
u{
   FONT-FAMILY: arial;
   FONT-WEIGHT: normal;
   FONT-SIZE: 11px;
   COLOR: 999999;
   TEXT-DECORATION: underline;
   BORDER-BOTTOM: 2px dashed #A8D324;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active, a:visited {
height:0px;
color:A8D324;
}

A:link, A:visited, A:active {
color:#A8D324;
text-transform: lowercaps;
font-size:8pt;
text-decoration:none;
font-family:Arial;
font-weight: none;
border: 5px black;
}

a:hover {
text-decoration: none;
color:#000000;
font-size: 8pt;
font-family:Arial;
FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=100,finishOpacity=100,startX=100,finishX=100,startY=100,finishY=
00);
}

b, strong, {
font-family: arial;
font-size: 8pt;
color: #A8D324;
font-weight: bold;
}

body {
background-image: url(http://img8.imageshack.us/img8/5348/background8qz.png);
background-color: ffffff;
Background-Repeat: repeat vertical;
Background-position: center;
Background-fix: none;
Scrollbar-arrow-color: #ffffff;
Scrollbar-track-color: #ffffff;
Scrollbar-shadow-color: #BDEF35;
Scrollbar-face-color: #BDEF35;
Scrollbar-highlight-color: #BDEF35;
Scrollbar-darkshadow-color: #BDEF35;
Scrollbar-3dlight-color: #BDEF35;
Overflow-x: hidden;
font-family:Arial;
font-size:8pt;
color:#000000;
}

table.blogbody tr td {
width: 0px;
padding-left: 0px;
}

.blogbody b, .standard b, p b, strong {
font-size:8pt;
font-weight: bold;
color: #A8D324;
}

table.left th {
display:none;
}

table.left {
display:none;
}

.blogbody {
width: 375px;
color: #000000;
}

table.blogbody {
background-color: transparent;
border-right: none;
border-top: none;
border-left: none;
border-bottom: none;
font: 9px Arial;
text-align: justify;
width: 375px;
}

table.navigation, table.footer {
display: none;
}

.smalltext {
text-align: center;
}

hr {
display:none
}

input, select, textarea, iframe.htmleditor, .textfield, .button {
font: normal 8pt Arial;
background-color: #ffffff;
font-color: #000000;
}

table.footer TD {
display: none;
}

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
width: auto !important;
}

div.blogheader, .caption {
background-image: url(http://images.cbimg6.com/xanga/35/8630a.jpg);
background-repeat: no-repeat;
background-position: bottom left;
background-color:ffffff;
font-family: Arial;
text-transform: Uppercase;
font-size: 8pt;
color: #A8D324;
text-align: right;
border-right: none;
border-top: none;
border-bottom: 1px #000000 solid;
border-left: none;
width: 375px;
}
</style>
<center>

<script type="text/javascript">
<!--
function lite(obj) {
if(document.all&&!window.opera) {
obj.filters.blendTrans.apply();
obj.filters.blendTrans.play();
}
}
-->
</script>

<style type="text/css">

#list-menu {
/* define the width of menu */
width: 132px;
}

#list-menu ul {
/* define ul */
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 12px;
}

#list-menu li {
/* create spaces between individual li */
margin: 2px 0 0;
}

#list-menu a {
/* define whatever inside the li */
display: block;
width:120px;
height: 15px;
padding: 2px 2px 2px 10px;
border: 1px solid #ffffff;
background: #000000;
text-decoration: none;
filter:blendTrans(duration=0.5);
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
/* define the color of the actual link */
color: #ffffff;
}

#list-menu a:hover {
/* create the rollover effect of the link */
border: 1px solid #000000;
background: #A8D324;
color: #ffffff;
}

</style>
<table>
<tr><td width="180" cellpadding="5px" valign="top" align="center">
<div id="list-menu">
<ul>
<li><a href="http://www.xanga.com/" onmouseover="lite(this)" onmouseout="lite(this)">Xanga</a></li>
<li><a href="http://www.xanga.com/private/home.aspx" onmouseover="lite(this)" onmouseout="lite(this)">Yours</a></li>
<li><a href="http://www.xanga.com/claf/default.asp" onmouseover="lite(this)" onmouseout="lite(this)">Look n' Feel</a></li>
<li><a href="http://www.xanga.com/profile.aspx?user=th15_15_m3" onmouseover="lite(this)" onmouseout="lite(this)">Profile</a></li>
<li><a href="http://www.xanga.com/private/SubscribeTo.aspx?user=th15_15_m3" onmouseover="lite(this)" onmouseout="lite(this)">Add Me</a></li>
<li><a href="http://www.createblog.com" onmouseover="lite(this)" onmouseout="lite(this)">Createblog</a></li>
<li><a href="http://www.xanga.com/signin.aspx" onmouseover="lite(this)" onmouseout="lite(this)">Sign In</a></li>
<li><a href="http://www.xanga.com/logout.aspx" onmouseover="lite(this)" onmouseout="lite(this)">Log Out</a></li>
<li><a href="http://www.createblog.com/forums/index.php?showuser=328021" onmouseover="lite(this)" onmouseout="lite(this)">Andie</a></li>
</ul>
</div>
<div class="title">About Me</div>
<p><b>Name</b>: First Last
<p><b>Birthday</b>: MM/DD/YYYY
<p><b>Location</b>:My Room
<p><b>Gender</b>: Male
<p><b>Aim</b>: <a href="aim:goim?screenname=Cliched Exposure">Cliched Exposure</a>
<p><b>Interests</b>: drawing, citing Rent quotes, Living, Eating, Videogaming, Friends, Cooking
<p><b>What shall I add to a life that is not needing anything at the moment?</b>
I feel I should start by mentioning that I like this new layout, and its fun! </TD>
<td width="375 px" valign="top" align="left">
<!-- end code provided by createblog.com -->


Thanks for any help.
 
 
Start new topic
Replies (1 - 4)
freeflow
post Feb 18 2007, 12:48 AM
Post #2


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



Moved to xanga help.
 
*digital.fragrance*
post Feb 20 2007, 03:13 PM
Post #3





Guest






What Page Alignment is your Xanga CLAF settings set on? By the looks of where the header and the ad are, I would say that it was set on Left Alignment. Change it to Center Alignment and you should be fine.
 
madshadow
post Feb 20 2007, 07:42 PM
Post #4


Member
**

Group: Member
Posts: 28
Joined: Aug 2005
Member No: 193,565



Ah, that was exactly the problem. I feel really stupid for not realizing. Lol

Thanks for the help!
 
*digital.fragrance*
post Feb 20 2007, 09:08 PM
Post #5





Guest






Sure thing! (And you're not stupid... I've actually done that before too)

Topic Closed
 

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