CSS Forum

**Direct** · 07-04-2010, 01:15 AM

Not really but PHP is more my thing.

I need help with this

Take a look at this pic

http://i306.photobucket.com/albums/n...6/Picture2.png

How can I get the image to be in the center of the page while remaining at the top.

Here is the Code

HTML Code:

<html>
<head>
<title>Grandline-RPG</title>
<style type="text/css">
body {
      background-color: black ;
      background-image: url("http://i306.photobucket.com/albums/nn262/naru216/mjah3r.png") ;
      background-repeat: no-repeat ;
      
      left: 10000x ;
}

</style>
</head>
<body> 
dkhahdkhkjashdkj
</body>

</html>

**GeekSpecialties** · 07-04-2010, 02:01 AM

You need to tell the browser where to position the background image.

HTML Code:

background-image: url("http://i306.photobucket.com/albums/nn262/naru216/mjah3r.png") center top;

http://www.w3schools.com/css/pr_background-position.asp

**Direct** · 07-04-2010, 02:19 AM

Thanks a lot sorry for this ridiculously simple question but I couldn't find anything on google.

**didyouknow** · 07-07-2010, 11:22 AM

You can also use:

Code:

background-position:center top;

**ledb2b** · 07-08-2010, 02:23 AM

background:url(http://i306.photobucket.com/albums/n...216/mjah3r.png) no-repeat center top;

**andrebacher** · 07-08-2010, 06:12 AM

What is the difference between CSS and PHP?

**Kelpie** · 07-08-2010, 07:07 AM

css is just a set of styling rules used to define how a webpage and its elements are displayed; colors, positioning, backgrounds, font-styles etc.
php is a server-side scripting language, used to create dynamic/interactive webpages