Learn VBA & Macros in 1 Week!

CSS - Please Help - Myspace Background Won't Show On Only One User's Profile

Full Excel VBA Course - Beginner to Expert

Please Help - Myspace Background Won't Show On Only One User's Profile	View Content

Hey everyone. I have never posted here before, but I am really needing some help. I am not a newbie, and make layouts on a regular basis. Now I am not claming that I know everything about CSS cause I def don't...lol...but this one has really got me stumped. Please help.

I created a layout for a friend of mine. He was complaining about the background not showing up. Well I immediately went and checked the code and IT WORKED JUST FINE. I tried the layout code on two other user's myspace profiles and used two different computers to check it and CRAZY ENOUGH, it was still working perfectly.

However when you add the layout to his profile, the background will just NOT show up. It is not only this layout, but I tried different layouts, once that I created and ones I didn't. Whenever you put a layout code in his profile, every other element of the layout works EXCEPT for the background showing up.

So I figured it must be some other code pasted in one of his sections, screwing the layout code up. WRONG AGAIN! I took at ALL other codes in every section and the background still won't work. I even tried changes Myspace account settings and all kinds of crazy off the wall things, and I can't get it to work.

Has anyone ever heard of this? Please tell me you have, and that you know what might be causing this...and have a fix. It is driving me insane. Thanks!

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Css Background Will Not Show.

Div's Background Wont Show

Can't Get Background Image To Show

Why Doesn't My Background Show Up??

Css: Background Image Doesen't Show

Background Image Won't Show When Printed

How To Get Background Images To Show Correctly?

Ie Doesn't Seem To Want To Show My Background Images Lately?

Can't Get Footer Background To Show Up Anymore

Background Image Wont Show On My Site...

Why Won't These Background Images Show Up In Firefox, But It Looks Perfect In Ie?

Background Color And Image Won't Show In Firefox

Html:link With Background Image Won't Show In Mozilla

Background Color Doesn't Show In Webkit-based Browsers

Good Ol' Myspace

Anyone Familiar W/css On Myspace?

Need Help Please!!! Wordpress/buddypress Profile Css Theming!

2 Css Bugs In A Div Overlay Design On ... Myspace

Translucent Background + Solid Background On Cells Inside

Static Background On Top Of Repeating Background Problem

Learn VBA & Macros for Excel in 1 Week!

Css Background Will Not Show.

Similar Tutorials

Just curious as to what i'm doing wrong here, its the #content block that isn't working. Any help that could be provided would be greatly appreciated.

css Code:
Original - css Code body { font-family: Verdana, Tahoma, Arial; color: #FFFFFF; font-size: 11px; } .bg { width: 100%; position: absolute; top: 0; left: 0; z-index: 5000; } #pagecontent { width: 800px; height: 600px; position: relative; z-index: 6000; margin: auto; } #content { width: 800px; background-color: #999999; } #latesttut { width: 381px; height: 150px; border: 3px solid #FFFFFF; float: left; padding-left: 5px; padding-right: 5px; } #latestblog { width: 381px; height: 150px; border: 3px solid #FFFFFF; float: right; padding-left: 5px; padding-right: 5px; } #seperator { width: 800px; height: 5px; float: left; } #latestnews { width: 784px; height: 213px; border: 3px solid #FFFFFF; padding-left: 5px; padding-right: 5px; float: left; } #footer { width: 800px; position: absolute; bottom: 0; } .nav { background-image: url('images/blank1pxl.jpg'); } a:link { text-decoration: none; color: #0066CC; font-size: 9px; } a:hover { text-decoration: underline; color: #0066CC; font-size: 9px; } a:visited { text-decoration: none; color: #0066CC; font-size: 9px; } a:active { text-decoration: none; color: #0066CC; font-size: 9px; }

  

  


 body {


     font-family: Verdana, Tahoma, Arial;


     color: #FFFFFF;


     font-size: 11px;


 }


 .bg {


     width: 100%;


     position: absolute;


     top: 0;


     left: 0;


     z-index: 5000;


 }


 #pagecontent {


     width: 800px;


     height: 600px;


     position: relative;


     z-index: 6000;


     margin: auto;


 }


 #content {


     width: 800px;


     background-color: #999999;


 }


 #latesttut {


     width: 381px;


     height: 150px;


     border: 3px solid #FFFFFF;


     float: left;


     padding-left: 5px;


     padding-right: 5px;


 }


 #latestblog {


     width: 381px;


     height: 150px;


     border: 3px solid #FFFFFF;


     float: right;


     padding-left: 5px;


     padding-right: 5px;


 }


 #seperator {


     width: 800px;


     height: 5px;


     float: left;


 }


 #latestnews {


     width: 784px;


     height: 213px;


     border: 3px solid #FFFFFF;


     padding-left: 5px;


     padding-right: 5px;


     float: left;


 }


 #footer {


     width: 800px;


     position: absolute;


     bottom: 0;


 }


 .nav {


     background-image: url('images/blank1pxl.jpg');


 }


 a:link {


     text-decoration: none;


     color: #0066CC;


     font-size: 9px;


 }


 a:hover {


     text-decoration: underline;


     color: #0066CC;


     font-size: 9px;


 }


 a:visited {


     text-decoration: none;


     color: #0066CC;


     font-size: 9px;


 }


 a:active {


     text-decoration: none;


     color: #0066CC;


     font-size: 9px;


 }

Div's Background Wont Show

Similar Tutorials

I have a layout made up of divs, and held together by another div. That holder div is supposed to have a background image, but it wont show on every browser that I've tried, except IE7.

Here's the id:

#holder {
background-image: url(/files/images/CSS/header.png);
width: 750px;
margin-left:auto;
margin-right:auto;
margin-bottom: 10px;
margin-top: 10px;
}

Backgrounds show on other divs, so why not this one?

Can't Get Background Image To Show

Similar Tutorials

My css code
Code:

#menu {width:172px; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 13px; background-color: #FFFFFF; color: #333;}
#menu ul {border: 1px black solid; list-style: none; padding: 0; margin: 0 0 1 0; background-color: #d1d1d1;}
#menu li .menu_box {background-image: url('./images/menu_fill.gif'); margin-left: 200px;}
#menu li {border: none; margin: 0;}
#menu li a {display: block; padding: 5px 5px 5px 0.5em; background-color: #FFFFFF; text-decoration: none; width: 100%;}

My html code
Code:

<div id='menu'>
<ul>
<li class='menu_box'><img src='./images/menu_news.gif' alt='' /></li>
<li><a href='{$url}'>+ Home</a></li>
<li><a href='{$url}about.php'>+ About Nascar Interior</a></li>
</ul>
<ul>
<li class='menu_box'><img src='./images/menu_services.gif' alt='' /></li>
<li><a href='{$url}portfolio.php'>+ Portfolio</a></li>
<li><a href='{$url}enquiry.php'>+ Enquiry</a></li>
</ul>
</div>

For some reason I can't get menu_fill.gif to fill the <li> with the class menu_box. Is there something wrong with my code?

Why Doesn't My Background Show Up??

Similar Tutorials

Hi everyone...new here and I hope you can help! Thanks is advance!

I want to repeat an image (bkgd.jpg) in my background and it doesn't seem to be working. Here is the site:

romanceplaybook
I can't post the entire URL because I'm a new registrant. But just put dot com at the end.

Not that the page background is white. It should be repeating the image bkgd.jpg

Here is the CSS:

body {
background: #ffffff url(images/bkgd.jpg) top repeat-y;
color: #333333;
font-size: 11px;
font-family: Verdana, Helvetica, Sans-Serif;
margin: 0px auto 0px;
padding: 0px;
}

#wrap {
background: #ffffff url(images/bg.jpg) top center repeat-y;
color: #333333;
font-size: 11px;
font-family: Verdana, Helvetica, Sans-Serif;
margin: 0px 300px 0px;
padding: 0px;
}

/************************************************
* Hyperlinks *
************************************************/

a, a:visited{
color: #507AA5;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

/************************************************
* Header *
************************************************/

#header {
background: #FFFFFF;
width: 1000px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
text-align: center;
text-transform: uppercase;
}

#header a {
font-family: Times New Roman, Helvetica, Sans-Serif;
font-size: 48px;
color: #333333;
text-decoration: none;
padding: 0px 10px 0px 10px;
margin: 0px;
text-transform: uppercase;
}

#header a:hover{
color: #333333;
}

/************************************************
* Navbar *
************************************************/

/************************************************
* Left Sidebar *
************************************************/

#l_sidebar {
float: left;
width: 160px;
margin: 0px 20px 0px 0px;
padding: 20px 0px 20px 0px;
}

#l_sidebar ul {
list-style: none;
margin: 0px;
padding: 0px 0px 20px 0px;
}

#l_sidebar li {
list-style: none;
margin: 0px;
padding: 0px;
}

#l_sidebar ul li {
margin: 0px;
padding: 5px 0px 0px 0px;
}

#l_sidebar ul li a {
color: #507AA5;
text-decoration: none;
}

#l_sidebar ul li a:hover {
color: #507AA5;
text-decoration: underline;
}

/************************************************
* Right Sidebar *
************************************************/

#r_sidebar {
float: right;
width: 160px;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}

#r_sidebar p{
padding: 2px 0px 16px 0px;
margin: 0px;
line-height: 20px;
}

#r_sidebar ul {
list-style: none;
margin: 0px;
padding: 0px 0px 20px 0px;
}

#r_sidebar ul li {
margin: 0px;
padding: 5px 0px 0px 0px;
}

#r_sidebar ul li a {
color: #507AA5;
text-decoration: none;
}

#r_sidebar ul li a:hover {
color: #507AA5;
text-decoration: underline;
}

/************************************************
* Content *
************************************************/

#content {
width: 950px;
margin: 0px auto 0px;
padding: 0px;
}

#content p{
padding: 0px 0px 15px 0px;
margin: 0px;
line-height: 20px;
}

#content p img{
float: left;
border: none;
margin-right: 15px;
margin-bottom: 10px;
}

#content h1 {
color: #333333;
font-size: 22px;
font-family: Times New Roman, Verdana, Arial, Sans-Serif;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px;
}

#content h1 a {
color: #333333;
text-decoration: none;
}

#content h1 a:hover {
color: #658DB5;
text-decoration: none;
}

#content h2 {
color: #333333;
font-size: 14px;
font-family: Times New Roman, Verdana, Arial, Sans-Serif;
font-weight: bold;
padding: 5px 0px 5px 0px;
margin: 0px;
border-top: 1px dotted #C0C0C0;
border-bottom: 1px dotted #C0C0C0;
}

#content p ol{
margin: 0px;
padding: 0px 0px 0px 20px;
}

#content p ul{
margin: 0px;
padding: 0px 0px 0px 20px;
}

blockquote{
margin: 0px 0px 0px 25px;
padding: 0px 25px 0px 10px;
font-style: italic;
color: #666666;
border-left: 3px solid #B3C8DB;
}

#content blockquote p{
margin: 0px 0px 20px 0px;
padding: 0px;
}

#contentmiddle {
float: left;
width: 550px;
margin: 0px 0px 0px 0px;
padding: 20px 5px 10px 20px;
text-align: left;
}

#contentmiddle p img{
float: left;
border: none;
margin-right: 15px;
margin-bottom: 10px;
}

.contentdate {
background: #FFFFFF url(images/date.gif);
float: left;
width: 45px;
height: 50px;
margin: 0px;
padding: 0px;
}

.contentdate h3 {
color: #FFFFFF;
font-size: 10px;
font-weight: normal;
padding: 1px 0px 0px 10px;
margin: 0px;
text-transform: uppercase;
}

.contentdate h4 {
font-family: Times New Roman, Helvetica, Sans-Serif;
color: #999999;
font-size: 21px;
font-weight: bold;
padding: 5px 4px 0px 0px;
margin: 0px;
text-align: center;
}

.contenttitle {
float: left;
width: 480px;
margin: 0px;
padding: 0px 0px 0px 10px;
}

#contentmiddle ul {
list-style: none;
margin: 0px;
padding: 0px 0px 20px 0px;
}

#contentmiddle ul li {
margin: 0px;
padding: 5px 0px 0px 0px;
}

#contentmiddle ul li a {
color: #507AA5;
text-decoration: none;
}

#contentmiddle ul li a:hover {
color: #507AA5;
text-decoration: underline;
}

#content img.wp-smiley {
float: none;
border: none;
padding: 0px;
margin: 0px;
}

#content img.wp-wink {
float: none;
border: none;
padding: 0px;
margin: 0px;
}

.postspace {
background: #EFEFEF url(images/spacer.gif);
width: 440px;
height: 32px;
margin: 0px;
padding: 0px;
}

/************************************************
* Footer *
************************************************/

#footer {
background: #FFFFFF;
width: 952px;
margin: 0px auto 0px;
padding: 10px 0px 10px 0px;
text-align: center;
border-top: 1px solid #C0C0C0;
}

/************************************************
* Search Form *
************************************************/

#searchdiv {
margin: 0px;
padding 0px;
}

#searchform {
margin: 0px;
padding: 0px;
overflow: hidden;
}

#s {
width: 190px;
background: #EFEFEF url(images/search.gif);
color: #333333;
font-size: 11px;
font-family: Verdana, Helvetica, Sans-Serif;
padding: 3px;
margin: 8px 0px 0px 0px;
border: 1px solid #C0C0C0;
}

/************************************************
* Comments *
************************************************/

#commentblock {
width: 395px;
background: #EFEFEF;
color: #333333;
float: left;
padding: 10px 20px 0px 20px;
margin: 10px 0px 10px 0px;
border: 1px solid #C0C0C0;
}

ol#commentlist {
padding: 5px 0px 5px 0px;
margin: 0px;
list-style-type: none;
}

.commentdate {
font-size: 12px;
padding-left: 0px;
}

#commentlist li p{
margin-bottom: 8px;
line-height: 20px;
padding: 0px;
}

.commentname {
color: #333333;
margin: 0px;
padding: 5px 5px 5px 0px;
}

.commentinfo{
clear: both;
}

.commenttext {
clear: both;
margin: 5px 0px 20px 0px;
padding: 20px 10px 5px 10px;
width: 365px;
background: #FFFFFF url(images/comment.gif) no-repeat top;
}

.commenttext-admin {
clear: both;
margin: 5px 0px 20px 0px;
padding: 20px 10px 5px 10px;
width: 365px;
background: #FFFFFF url(images/comment.gif) no-repeat top;
}

#commentsformheader{
padding-left: 0px;
}

#commentsform{
text-align: left;
margin: 0px;
padding: 0px;
}

#commentsform form{
text-align: left;
margin: 0px;
}

#commentsform p{
margin: 0px;
}

#commentsform form textarea{
width: 99%;
}

p.comments_link img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

Css: Background Image Doesen't Show

Similar Tutorials

Hello all!

I'm having difficulties... in IE, showing background image works perfectly, however, on FireFox it does not show the background image...

SAMPLE CODE:

Code:

#header385 {
	width: 1009px;
	margin: auto;
	background-image:url(http://www.zadarsport.com/20pozadina_385.png);
	background-repeat:repeat-y;
	}

#kraj {
	width: 1009px;
	margin: auto;
	background-image:url(http://www.zadarsport.com/20kraj.png);
	background-repeat:repeat-y;
	z-index:-1;
	}

i do not use height option because it's depending on how many words and images article has, however, it works in IE

example:

http://www.zadarsport.com/x.php

please check #kraj and #header385 and try to help me PLEASE... thanks!

Background Image Won't Show When Printed

Similar Tutorials

Hi,

I have a page where I am including a background image via CSS. It looks fine when viewed in a browser, but when I print it the background does not show up.

I have my stylesheet include set to both screen and print:

<link rel="stylesheet" type="text/css" href="includes/css/form.css" media="screen, print">

The CSS code in question that sets the background image is:

#title{
background: url(../../images/title_bg.gif);
width: 398px;
height: 52px;
text-align: right;

}

<div id="title">
<div class="titleText"><cfoutput>#FormDETAIL.strTitle#</cfoutput></div>
</div>

Why can I not see this background image when I print the page??

How To Get Background Images To Show Correctly?

Similar Tutorials

I am working on this page:
http://concrete-creative.com/pp/products.html

and the problem I am having is that I want the rest of the "flower" image to show behind the content area... I have it set as the background image of that table, but it's not showing up. Here's an image of how it is supposed to appear:
http://concrete-creative.com/pp/pp_sample.jpg

Can anyone direct me on how to work this out?

Thank you!

(I posted this is the HTML forum too but can't figure out how to move it, so I just posted it here too)

Ie Doesn't Seem To Want To Show My Background Images Lately?

Similar Tutorials

Hey everyone,

I was trying to create a design for a friend, so I started it in Firefox, I got halfway done, went and checked it in IE7, and the background image isn't showing. Here is my code along with a screen shot of it in Firefox and IE7.
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <meta http-equiv="Content-Style-Type" content="text/css" />
   <meta http-equiv="Content-Script-Type" content="text/javascript" />
   <title></title>
   <style type="text/css">/* <![CDATA[ */
/* globals */
* {
 margin: 0;
 padding: 0;
}
body {
 background-color: #0E1211;
 color: #FFFFFF;
 font-family: tahoma, verdana, arial;
 font-size: 1em;
 background-image: url( background1.gif );
 background-repeat: no-repeat;
}
a img {
 border: 0;
}
a, a:link, a:visited, a:hover, a:visited {
 color: #EC5568;
 text-decoration: none;
}
a:focus {
 outline: none;
}
a:hover {
 text-decoration: none;
}
#container {
 padding: 10px;
}
#menu {
 float: left;
 width: 20%;
 opacity: .6; /* All others */
 -moz-opacity: .6; /* Gecko browsers */
 filter: alpha( Opacity: 50 );
 background-color: #666666;
 text-align: center;
}
#menu li {
 display: block;
 line-height: 200%;
 list-style-type: none;
}
#menu a {
 padding: 5px;
 padding-right: 80px;
 padding-left: 80px;
 background-color: #333333;
}
#menu a:hover {
 background-color: #000000;
}
#menu h2 {
 text-align: left;
 padding-left: 15px;
 font-size: 16px;
}
#main {
 margin-left: 1%;
 padding: 1%;
 float: right;
 width: 77%;
 opacity: .6; /* All others */
 -moz-opacity: .6; /* Gecko browsers */
 filter: alpha( Opacity: 50 );
 background-color: #666666;
 text-align: justify;
}
	/* ]]> */</style>
  </head>
  <body>
   <div id="container">
    <div id="menu">
     <h2>asdf</h2>
     <ul>
      <li><a href="">Link</a></li>
      <li><a href="">Link</a></li>
      <li><a href="">Link</a></li>
      <li><a href="">Link</a></li>
      <li><a href="">Link</a></li>
      <li><a href="">Link</a></li>
     </ul>
    </div>
    <div id="main">
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam justo elit, ullamcorper ut, dapibus quis, faucibus eu, magna. Nam pede. Fusce tincidunt volutpat tellus. Vestibulum ultrices. Donec augue felis, commodo quis, vestibulum in, tincidunt nec, turpis. Etiam orci ipsum, consectetuer sed, volutpat lacinia, tempor et, ante. Etiam bibendum, dui consectetuer varius facilisis, nisi ante ultrices dui, et tincidunt felis tortor in pede. Aenean sagittis, nisi sed consequat dictum, arcu justo dignissim urna, mollis sodales est mi id urna. Aliquam erat volutpat. Sed sit amet nisi. Quisque sodales mi sed dolor.

Sed tortor. Vestibulum aliquam semper magna. Suspendisse ac urna vitae turpis sagittis semper. Sed arcu est, sollicitudin sed, vulputate ut, volutpat vitae, mi. Integer porta eros ac mi. Ut mattis est sed nulla. Donec nec eros. Vivamus vestibulum congue mi. Fusce vel quam at elit condimentum lobortis. Nunc adipiscing, risus rutrum volutpat lobortis, est massa vestibulum ipsum, et mollis est sem eget odio. Integer eu metus id mauris tempor pellentesque. Mauris lacinia tincidunt diam. Donec pulvinar. Phasellus lectus augue, feugiat eget, aliquam ut, egestas sed, purus. Donec dolor arcu, commodo vitae, scelerisque ut, lobortis sed, sapien. Mauris nonummy tellus id mauris. 
    </div>
   </div>
  </body>
 </html>

Screen shot for FF.
Screen shot for IE7.

Any ideas on why this is happening? IE has been going weird when ever I use background images

Can't Get Footer Background To Show Up Anymore

Similar Tutorials

It was showing up until I changed something in the CSS that I can't change back (because it would mess up the formatting), and now I don't know how to further change the CSS to get the footer to display properly.

(Um... can't post link to the site, what should i do?)

For reference, the footer background is the same as the navigation background (silver). It may currently be set to highlightred.png but that was so I could try to determine if it was offset behind anything. It doesn't appear to be, unless it's lining up perfectly behind highlight.png from the navigation.

Any help would be greatly appreciated, and thank you in advance.

Background Image Wont Show On My Site...

Similar Tutorials

Hello,

Im using a separate style.css file to define everything through the site...

ive put in this code:
Code:

.sideheadline {font-family:Verdana,Sans-serif; font-weight:bold; color:#FFFFFF; background-color: #003366; 
	background-image: url(images/bg.gif); background-repeat:repeat; background-attachment:fixed; font-size:10px; }

and connected to this line:
Code:

print "<tr class='sideheadline'><td>Look at the rest too</td></tr>";

But nomatter what i try the image wont show, i tried several images and theyre loadable from the urlbar... so the image works

Now i went to w3schools and tested with the online editor... there this exact code works, but then when i copy it to my site it wont!

Im using dreamweaver for a editor...

Why Won't These Background Images Show Up In Firefox, But It Looks Perfect In Ie?

Similar Tutorials

<body>
<div id="wrapper" style=" vertical-align:middle;">
<div id="border-top">
<div id="border-left">
<div id="border-right">
<div id="border-bottom"> </div>
</div>
</div>
</div>
</div>
</body>

body {
background-color:#5E362C;
margin: 0 0 0 0;
}

#wrapper {
width: 828px;
height: 558px;
position:relative;
left: 50%;
margin-left:-414px;
}

#border-top {
background-image: url(../Webdesign/MIRAGE services1_r2_c2.jpg);
background-position:top left;
background-repeat:no-repeat;
width: 828px;
height: 558px;
}

#border-left {
background-image: url(../Webdesign/MIRAGE services1_r3_c2.jpg);
background-position:top left;
background-repeat:no-repeat;
width: 828px;
height: 558px;
margin-top:20px;
}

#border-right {
background-image: url(../Webdesign/MIRAGE services1_r3_c18.jpg);
background-position:top right;
background-repeat:repeat-y;
width: 828px;
height: 557px;
margin-top:-20px;
margin-bottom:20px;
}

#border-bottom {
background-image: url(../Webdesign/MIRAGE services1_r10_c3.jpg);
background-position:bottom right;
background-repeat:no-repeat;
width: 828px;
height: 558px;
margin-top:-1px;
}

Thanks for the help !

Background Color And Image Won't Show In Firefox

Similar Tutorials

I have just started writing a page and the first thing I did was establish a body background color and image. It works in IE but not FF.

Can someone please give me a clue what is wrong.

I have searched all the CSS books and the internet but I cannot find an answer.

Thanks in advance.

The URL is http://www.childrens-stories.me.uk/

Html:link With Background Image Won't Show In Mozilla

Similar Tutorials

Hi,

I'm using html:link with a background image. This works fine on IE and Firefox, but the link won't show in Mozilla. Could changes to the css fix this? Does anyone know how to solve this?

Regards,
Nina

Background Color Doesn't Show In Webkit-based Browsers

Similar Tutorials

I have a Wordpress site. The layout has some complex elements, but strangely the one thing that doesn't work is the background-color that I am setting using the "body" selector. It works great on Firefox and IE (imagine that!) but not on Safari or Chrome, which are Webkit-based. It is supposed to have a gray background, but those two browsers just show the default white.

The following is the code I'm using in the body selector.. not much places where something could be going wrong.

css Code:
Original - css Code body { margin: 0px; padding: 0px; background-color: #333333; }

  

  


 body {


     margin: 0px;


     padding: 0px;


     background-color: #333333;


 }

The link to the page is he http://montanlaw.com

I don't understand why things aren't working... it seems to me like background-color should be a very well-supported property that shouldn't have much variance between browsers. Anyone have any tips?

Note: I tried validating the code to see if there was an error there - however, it's all valid except two little (unrelated) things that I could easily fix if I needed to.

Thanks in advance for any help,
chip19

Good Ol' Myspace

Similar Tutorials

Hey,

Myspace allows users to customize their profiles with CSS, and what i've done is cover my profile with a blank DIV overlay.

How can I include a flash component in my DIV? I'm trying to include this little flipbook device onto my profile

sothink.com/tutorials/viewtopic.php?t=61

The flipbook you'll see is obviously not hosted by the forums (...I think,) it is hosted elsewhere and the user just included it in her bulletin post. What code allows you to do that? And would it be possible to include such a code onn my DIV overlay?

Thanks,

Anyone Familiar W/css On Myspace?

Similar Tutorials

I have some CSS code that was generated form a myspace layout site. I'm not too familiar with using CSS, and it all looks pretty good with the exception of one issue I'd like to change.

The CSS code makes the "Sections" somewhat transparent. Which I want, however, it also adds the main picture (which is my default pic of me) as transparent as well, which I don't want. I'd like to exclude just the picture from being transparent.

Does anyone know how to alter the code to exclude that? Here is the code that I am using. Any help is much appreciated.

Code:

<style>
body {
	background-color: rgb(0, 0, 0);
	background-image: url(http://img243.imageshack.us/img253/9007/jd2pv4.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
table, tr, td {
	background-color: transparent;
	border: 0px;
	}
table table {
	border: 0px;
	}
table table table table{
	border:0px;
	}
table table table {
	border-width: 1px;
	border-color: rgb(255, 255, 255);
	border-style: dotted;
	background-color: transparent;
	}
table table table td {
	background-color: rgb(0, 0, 0);
	filter:alpha(opacity=75%);
	-moz-opacity:0.75;
	opacity:0.75;
	-khtml-opacity:0.75;
	}
table table table table td {
	filter:none;
	}</style>
<style>
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
	font-family: Tahoma;
	font-size: 11px;
	color: rgb(255, 255, 255);
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}
.nametext {
	padding: 5px;
	font-family: Georgia;
	font-size: 24px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	display: block;
	}
.whitetext12, .orangetext15 {
	font-family: Georgia;
	font-size: 17px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
	color: rgb(212, 0, 0);
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	}
a.navbar:hover, a.man:hover, a:hover {
	color: rgb(212, 0, 0);
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	}
.badge {
	position: absolute;
	left: 1px;
	top: 1px;
	}
</style>

Need Help Please!!! Wordpress/buddypress Profile Css Theming!

Similar Tutorials

Ok heres what I am going through, I do know if anyone is familiar with wordpress/buddypress?

Buddypress is a social network plug-in for wordpress, and it uses a theme system with a parent and child theme.

The child theme has no profile css.

But the parent theme does have css for the profile.

I got it to the point to where I can change the background, and I got 1 div with an image to float over the page. But unfortunately thats the most that I can get to happen.

By typing in css codes into a profile form.

I am using the most current versions of WP and BP.

So this is the code that I inserted into a php file.

The php file is members-header.php,

Code:

<script>
$("#wrapper").css("background-image", "<?php bp_profile_field_data( 'field=Embedz' ); ?>");
</script>

Had a huge list of different tags in where the background-image tag is.

I would like to be able to have my users insert custom html & css codes into a form on the edit profile page.

It would be nice if they can change the background: color, image.

Table borders, colors, transparency, padding.

Add marquees, falling text.

Float divs anywhere they want.

Change fonts, link styles etc.

Pretty much just like myspace.

Im hoping it can be something with this code:

Code:

<script>
$("#wrapper").css("background-image", "<?php bp_profile_field_data( 'field=Embedz' ); ?>");
</script>

Mabey:

Code:

<script>
$("#wrapper").css("@import", "<?php bp_profile_field_data( 'field=Embedz' ); ?>");
</script>

or

Code:

<script>
$("#wrapper").css("@export", "<?php bp_profile_field_data( 'field=Embedz' ); ?>");
</script>

I don't know, Im not that advanced in css.

Thanks in advanced for the help.

2 Css Bugs In A Div Overlay Design On ... Myspace

Similar Tutorials

Hopefully I'm just not stumbling on the right CSS to fix the bugs. I understand that these same bugs might be attributed to the myspade code or myspace rules limiting html/css.

Here's the mock-up: www.myspace.com/brovizion

2 bugs (1 in firefox, 1 in ie (6.0)):

1. (firefox only) There are 2 nav bars in the "innerwrapper" div (both black), one at the top, and one at the bottom. On the lower nav bar, my background image that is supposed to tile vertically throughout the whole "innerwrapper" div disapppears.

2. (ie only) The upper and lower nav bars (whose links are set to display: block) are on each of their own lines, yet still floated horizontally. This one is hard to explain except to say the nav bars should work like they do in firefox, but in ie they are on their own program. Viewing the site in both browsers will clearly demonstrate the problem. (ie 6.0, haven't tested in 7.0 yet.)

I understand that the nature of this project (a design that must reside in a div overlay on a myspace page) makes for a million different possibilities for why it's messed up, but maybe if someone can help me brainstorm some potential fixes, I'll stumble onto something that works.

I'll post my code as well.

CSS:

Code:

<style type="text/css">

.btext {display:none;}
.contacttable {display:none;}
.lightbluetext8 {display:none;}
.nametext {display:none;}
.orangetext15 {display:none;}
.redlink {display:none;}
.whitetext12 {display:none;}
.hidethem {visibility:hidden; display:none;}
.comments {visibility:hidden; display:none;}

body {
	background-color: 003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

table {
	background-color: 003366;
}





p {
	font-size: 12px;
}

h1 {
	font-size: 24px;
	font-weight: bold;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
}



ul {
	list-style-type: none;
}

ul li {

}





a {
	color: 003366;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

a:hover {
	color: 003366;
	text-decoration: underline;
}

a:visited {
	color: 003366;
	text-decoration: none;
}

a:visited:hover {
	color: 003366;
	text-decoration: underline;
}

h1 a {
	color: 003366;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
}

h1 a:hover {
	color: 003366;
	text-decoration: underline;
}

h1 a:visited {
	color: 003366;
	text-decoration: none;
}

h1 a:visited:hover {
	color: 003366;
	text-decoration: underline;
}




.wrapper {
	position: absolute;
	top: 132px;
	left:50%;
	margin-left:-460px;
	width: 870px;
    height: 800px;
    z-index: 1;
    text-align: center;
}

.masthead {
	width: 870px;
	background-image: url(http://www.ourcampusbookstore.com/myspace/images/mastheadbg.jpg);
	background-repeat: no-repeat;
	height: 195px;
}

.innerwrapper {
	width:870px;
	padding-left: 92px;
	padding-right: 22px;
	background-image: url(http://www.ourcampusbookstore.com/myspace/images/bodybg.jpg);
	background-repeat: repeat-y;
	text-align: left;
}

	.uppernav {
		width: 756px;
		margin: 0;
		padding: 0;
		background-color: 000000;
		font-weight: bold;
		display: inline;
	}
	
		

	.leftcol {
		clear: both;
		width: 500px;
		float: left;
		vertical-align: top;
                padding: 10px;
	}

	.rightcol {
		width: 220px;
		float: left;
		vertical-align: top;
        padding: 10px;
		text-align: center;
	}
	
		.rightcol h3 {
			text-align: center;
		}
	
	.lowernav {
		width: 756px;
		margin: 0;
		padding: 0;
		background-color: 000000;
		font-weight: bold;
		clear: both;
	}
	
		
	
.footer {
	width: 870px;
    background-image: url(http://www.ourcampusbookstore.com/myspace/images/footerbg.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
	height: 30px;
	clear: both;
}





.uppernav ul {
	width: 756px;
    list-style: none;
    background-color: 000000;
	margin: 0;
	padding: 0;
    float: left;
	border-bottom: 2px solid black;
}
			
	.uppernav ul a {
		width: 151px;
		display: block;
		float: left;
		margin: 0;
		text-decoration: none;
		line-height: 20px;
		text-align: center;
		color: ffffff;
		font-weight: bold;
	}
	
.lowernav ul {
	width: 756px;
    list-style: none;
    background-color: 000000;
	margin: 0;
	padding: 0;
    float: left;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
}

			
	.lowernav ul a {
		width: 151px;
		display: block;
		float: left;
		margin: 0;
		text-decoration: none;
		line-height: 20px;
		text-align: center;
		color: ffffff;
		font-weight: bold;
	}
	
.schoollist {
	text-align: center;
}

	.schoollist li {
		line-height: 16px;
		padding: 1px 1px;
		width: 150px;
		margin: 0 auto;
	}







.uppernav ul a:hover, .uppernav ul a:visited:hover {
		background-color: ffcc66;
		color: 003366;
}

.lowernav ul a:hover, .lowernav ul a:visited:hover {
		background-color: ffcc66;
		color: 003366;
}
	
.schoollist a, .schoollist a:visited {
	color: 000000;
	background-color: EEEEEE;
	width: 150px;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 1px;
}

.schoollist a:hover, .schoollist a:visited:hover {
	color: FFFFFF;
	width: 150px;
	text-decoration: none;
	background-color: 00FF33;
}

.c0000FF a, .c0000FF a:visited {
	width: 150px;
	text-decoration: none;
	font-weight: bold;
}

.c0000FF a:hover, .c0000FF a:visited:hover {
	color: FF6600;
	width: 150px;
	text-decoration: none;
	background-color: 0000FF;
}


.c990000 a, .c990000 a:visited {
	width: 150px;
	text-decoration: none;
	font-weight: bold;
}

.c990000 a:hover, .c990000 a:visited:hover {
	color: FFCC00;
	width: 150px;
	text-decoration: none;
	background-color: 990000;
}


.cCC6600 a, .cCC6600 a:visited {
	width: 150px;
	text-decoration: none;
	font-weight: bold;
}

.cCC6600 a:hover, .cCC6600 a:visited:hover {
	color: FFFFFF;
	width: 150px;
	text-decoration: none;
	background-color: CC6600;
}


.c3366CC a, .c3366CC a:visited {
	width: 150px;
	text-decoration: none;
	font-weight: bold;
}

.c3366CC a:hover, .c3366CC a:visited:hover {
	color: FFCC33;
	width: 150px;
	text-decoration: none;
	background-color: 3366CC;
}

.c993333 a, .c993333 a:visited {
	width: 150px;
	text-decoration: none;
	font-weight: bold;
}

.c993333 a:hover, .c993333 a:visited:hover {
	color: 999999;
	width: 150px;
	text-decoration: none;
	background-color: 993333;
}

</style>

XHTML:

Code:

<div class="wrapper">

	<div class="masthead"></div>
	
	<div class="innerwrapper">
	
		<div class="uppernav">
			<ul>
				<li><a href="#">View our Pics</a></li>
				<li><a href="#">Watch our Video</a></li>
				<li><a href="#">View Blog</a></li>
				<li><a href="#">Send Message</a></li>
				<li><a href="#">Add 2 Friends</a></li>
			</ul>
		</div>
		
		<div class="leftcol">
			<h1><a href="http://www.ourcampusbookstore.com">OurCampusBookstore.com</a></h1>
			<h2>About us:</h2>
			<p><strong>OurCampusBookstore.com</strong> is an online classifieds website customized just for university students. It is formatted to allow students to post anything from textbooks and furniture, to electronics, event announcements and roommates.</p>
			<h3>What can it be used for?</h3>
			<ul>
				<li><strong>1. Post events</strong> - Is your band having a concert? Throwing a huge party? Have a club event to announce? Use the site!</li>
				<li><strong>2. Furniture</strong> - Are you moving out and need to get rid of furniture? Are you moving into an apartment and need to find furniture? Post what you have or need now and make arrangements to buy/sell your furniture in the future.</li>
				<li><strong>3. Textbooks</strong>- Buy and sell your used textbooks. Avoid the middleman and the high cost of books. Trade amongst yourselves.</li>
				<li><strong>4. Jobs</strong> - We have several companies signed up to post available jobs in Pullman, as well as summer internships and post-graduate opportunities all over Washington.</li>
				<li><strong>5. Apartments</strong> - Need to sublease? Moving to a new apartment? Find information on what's available at ourcampusbookstore.com.</li>
				<li><strong>6. Electronics, Clothes, etc.</strong> - Sell your used video games, consoles, computers, monitors, TVs, movies, software, and so on.</li>
			</ul>
			<h2>Who we'd like to meet:</h2>
			<p>As many students as possible who have books, furniture and electronics to sell, or students looking for books, furniture, apartments, jobs and events to attend!</p>
		</div>
		
		<div class="rightcol">
			<h3>Current Schools</h3>
			<ul class="schoollist">
				<li class="c0000FF"><a href="http://florida.ourcampusbookstore.com">Florida</a></li>
				<li class="c990000"><a href="http://minnesota.ourcampusbookstore.com">Minnesota</a></li>
				<li class="cCC6600"><a href="http://texas.ourcampusbookstore.com">Texas</a></li>
				<li class="c3366CC"><a href="http://ucla.ourcampusbookstore.com">UCLA</a></li>
				<li class="c993333"><a href="http://washingtonstate.ourcampusbookstore.com">Washington State</a></li>
			</ul>
		</div>
		
		<div class="lowernav">
			<ul>
				<li><a href="#">Add 2 Group</a></li>
				<li><a href="#">Forward 2 Friend</a></li>
				<li><a href="#">Add 2 Favorites</a></li>
				<li><a href="#">Block Me</a></li>
				<li><a href="#">Rank Me</a></li>
			</ul>
		</div>
	
	</div>
	
	<div class="footer"></div>

</div>

Translucent Background + Solid Background On Cells Inside

Similar Tutorials

I have a div with a background color set, that I want to have slightly transparent. Inside that div, is essentially my entire website. Now if I apply the opacity to the main outer div, all the divs inside inherit that transparency. Any ways to get around this?

The outer Div with the transparency is the "content_wrapper" div. It excludes the header and footer. So the only issue is correcting everything wrapped inside the "content_wrapper" and "content" div. I tried setting the "content" div to opacity: 1; but it had no effect whatsoever.

http://www.area51entertainment.co/index.php?about

Static Background On Top Of Repeating Background Problem

Similar Tutorials

So I have a design where the background is a large (1400x1100) image that fades into a vertical gradient at the edges.

I've set up the css as follows:

body {
background: #000 url(gradient.jpg) repeat-x;
margin: 0;
}

Here's where I run into my problem...

I've created an empty DIV to hold the large image which will appear on top of the gradient and positioned it absolutely.

<div id="bg_image"></div>

#bg_image {
width: 100%;
height: 1100px;
background: url(images/bg_image.jpg) no-repeat top center;
margin: 0;
position:absolute;
}

This works and the background looks like it should, however because the large image is inside a DIV, any time the browser window is smaller than that div (which will be the case for most users considering the image size) there will be scrollbars.

This makes perfect sense of course I just can't come up with an alternative.

If there was a way to extend a background image beyond the borders of a DIV that would work but overflow:visible; doesn't seem to work with background images only content.

I wish I could set a repeating background AND a static background in the body style, because that is exactly the effect I'm trying to achieve.

Any suggestions would be greatly appreciated!

Thanks,
Josh