The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Myspace Layout help!, Myspace Layout help
clarkroe9
post Dec 23 2006, 07:53 PM
Post #1





Group: Members
Posts: 1
Joined: 23-December 06
Member No.: 1,373



Hello
I am trying to make a myspace layout and it took me forever to figure out how to make the background image appear because i had a problem now the back ground is in the bottom center of the page and i cant fix it......can anyone see a flaw in my code????

<style type="text/css">
NOTE {PAGE BACKGROUND SETTINGS}
body {
background-color:000000;
background-image:url("http://i131.photobucket.com/albums/p287/method667/slipknot4.jpg");
background-position:center center;
background-attachment:none;
background-repeat:no-repeat;
}

NOTE {MAIN TEXT SETTINGS}
body, div, p, font, strong, td, .text, .blacktext10, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited {
color:800000;
font-size:10px;
font-weight:100;
text-decoration:blinking;
font-style:strikehrough ;
font-family:helvetica, Times;
}

NOTE {LINK TEXT SETTINGS}
a, a:link, a:visited, a.text:link, a.text:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited {
color:cccccc;
font-size:11px;
font-weight:bold;
text-decoration: ;
font-style: ;
font-family:arial, sans-serif;
}

NOTE {LINK TEXT HOVER SETTINGS}
a:hover, a:active, a.text:hover, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a font:hover, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover {
color:#000000;
font-size:11px;
font-weight:bold;
text-decoration:underline;
font-style: ;
font-family:arial, sans-serif;
}

NOTE {DEFAULT SECTION HEADING SETTINGS - You can override them individually later in the code if you want}
.nametext, .whitetext12, .orangetext15, .blacktext12 {
color:#00ffff ;
font-size:13px;
font-family:trebuchet, arial, sans-serif;
font-weight:bold;
text-align:left;
display:block;
margin-top: 5px;
}

NOTE {DEFAULT SECTION SUBHEADING SETTINGS - You can override them individually later in the code if you want}
.lightbluetext8, .btext, .redtext, .redbtext {
color:000000;
font-size:11px;
font-family:arial, sans-serif;
font-weight:bold;
}

NOTE {OVERRIDE SETTINGS FOR YOUR NAME TEXT - Above your profile photo}
.nametext {
color:cccccc;
font-size: ;
margin:none;
text-align: ;
font-family: ;
font-weight: ;
}

NOTE {OVERRIDE SETTINGS FOR LEFT HAND SECTION TITLES - Interests, Details, etc}
.whitetext12 {
color:000000;
font-size: ;
text-align: ;
font-family: ;
font-weight: ;
}

NOTE {OVERRIDE SETTINGS FOR RIGHT HAND SECTION TITLES - About Me, Who Id Like to Meet, etc}
.orangetext15 {
color:000000;
font-size: ;
text-align: ;
font-family: ;
font-weight: ;
}

NOTE {OVERRIDE SETTINGS FOR EXTENDED NETWORK TEXT}
.blacktext12 {
color:000000;
font-size: ;
text-align:center;
font-family: ;
font-weight: ;
margin:0px 0px 0px 0px;
background-image:url("http://i144.photobucket.com/albums/r177/aj29_2006/untitled.jpg");
visibility: hidden;
background-color: 000000;
}

NOTE {OVERRIDE DEFAULT SECTION SUBHEADING SETTINGS - General, Music, Movies, etc}
.lightbluetext8 {
color:000000;
font-size: ;
font-family: ;
font-weight: ;
margin:0px 0px 0px 10px;
}

NOTE {SETTINGS FOR YOUR CONTENT TABLES}
table table table {
background-color:transparent;
background-image:none ;
background-position:top left;
background-attachment:none;
background-repeat:none;
border-color:c0c0c0;
border-style:double;
border-width:5px;
border-right-color: 800000;
border-bottom-color:800000 ;
border-spacing: 2px;
border-top-style: double;
border-bottom-style: double;
border-left-style: single;
border-right-style: single;
top-margin:5px;
cell-padding: 5px;
}


NOTE {DO NOT CHANGE ANY OF THE CODE BELOW}

form {border-width:0px; background-color:white;}
input {background-color:transparent !important;}
p {margin:none;}
u {text-decoration: none; font-size: 9px;}
img {border: none}
table, tr, td, table tr, table table, table table tr, table table td, table table table td, table table table table, table table table table td {
border-style:none;
background-image:url ("");
background-color:transparent;
}
</style>
<style type="text/css">
.contactTable {
width:300px !important;
height:150px !important;
padding:5px !important;
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
background-color:transparent;
background-image: url ("");
}
.contactTable table, table.contactTable td {
padding:0px !important;
border:0px;
background-color:transparent;
background-image:url ("");
}
.contactTable a img {
visibility:visible;
border:0px !important;
}
.contactTable a {
display:block;
height:29px;
width:115px;
}
.contactTable .text {
font-size:1px !important;
font-color:cccccc
}
.contactTable .text, .contactTable a, .contactTable img {
filter:none !important;
background-image:url ("");
}
</style>
<style>
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-repeat:no-repeat;
background-position:center center;
font-size:0px;
letter-spacing:-0.5px;
width:435px;
height:100px;
display:block !important;
}
span.blacktext12 img {
display:none;
}
</style>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Dec 23 2006, 11:19 PM
Post #2


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16



Try taking
CODE
background-position:center center;
out of the css for the body.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th April 2024 - 11:17 AM