hello is there a CSS genius in the house?

pdxDaniela · 10-24-2010, 03:03 PM

if so can you advise.
got this code in blankSource.css

body {
margin: 0;
padding: 0;
background-color: #050845;
color: white;
background-image: url(blueMarble.jpg);
background-repeat: repeat-x;
font: small Arial, Helvetica, Vedana, sans-serif;
}

& linked it to blank. html w/ this bit of code
<link re="stylesheet" type="text/css" href="blankSource.css"/>

Anyone knows why the background image is not showing & repeating? Please?
thank you

hawkeyethearcher · 10-24-2010, 03:49 PM

send the url to me and i can find out or download firebug and you can find out

pdxDaniela · 10-24-2010, 03:59 PM

no url, that is just it. just starting to learn it.

hawkeyethearcher · 10-24-2010, 04:03 PM

I suspect that one of your references are bad. Either the HTML page cannot find the CSS, or the CSS cannot find the jpg.

When you are writing style sheets... you really MUST have Firefox with the Firebug add-on... it will help you to debug things like this. Those who write CSS for a living swear by firebug.

I do not see anything structurally wrong with what you have pasted above.

pdxDaniela · 10-24-2010, 04:12 PM

appreciate it. but what is odd is that other parts of the code such as <div style="position: absolute; left: 125px; top: 150px" class="big" >
this is the first line of text being positioned.
</div> in the .html are affected by the .big {
font-family: small Arial, Helvetica, Vedana, sans-serif;
font-size: large;
font-weight: bold;
font-color: #ffa500
} in the .css & am figuring out how to change the background color & text, can place the image by using a simple <img ref="' />
just the freaking background image wont come through. & I have tried to find the error by validating.
thanks for looking though

hawkeyethearcher · 10-24-2010, 04:25 PM

If I use the following at the top of the HTML page instead of the <link> tag that you used, I see my image repeated:

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<style type="text/css">
@import url("blankSource.css");
</style>
</head>