Jump to content

Welcome to our forums!

Sign In or Register to gain full access to our forums. By registering with us, you'll be able to discuss, share and private message with other members of our community.

Close
Photo

Web design question


  • Please log in to reply

#1

Posted 24 March 2009 - 07:20 PM

jcfuel
  • Members
  • 6 posts
  • Favorite Album:Master of Puppets
Hi, im designing a new website, and i dont have any training into soft as dreamweaver or expressions webg, but i use it as try and error. Anyway, i want to know how can i make a background for my site which can work on different resolutions and also something that works like Kat's website.

I was thinking about making the background on photoshop which includes some graphics at the sides and a "black zone" were tge tables will lay. Hope i make my self clear, my english isnt good at all and dont know the exact words used for web designing.

Hope someone can give me some ideas about it.

Thanks
Jc

#2

Posted 24 March 2009 - 07:25 PM

jcfuel
  • Members
  • 6 posts
  • Favorite Album:Master of Puppets
i think ive been inspired lol. if i install a background image and give the table a different collor, i think i could make it work right? Also how can i set the background to keep its original resolution on different monitors?

#3

Posted 24 March 2009 - 07:29 PM

Kathlib the Prophet

    Luck. Runs. Out.

  • Staff
  • 2,885 posts
  • Favorite Album:They all kick ass!
On Kat's website, the main page background is set using CSS:

body {

	background-color: #000000;

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

	background-position: top center;

	background-attachment: fixed;

	background-repeat: no-repeat;

}

Background image: http://www.lepermess...ges/page_bg.jpg

There is also a wrapper div that contains the background behind the actual page content:

#wrapper {

	text-align: left;

	width: 900px;

	margin-left: auto;

	margin-right: auto;

	border: 2px solid #000000;

	background-color: #0d3864;

	margin-top: 20px;

	margin-bottom: 20px;

	color: #FFFFFF;

}

The basic HTML for the layout looks like this:

<html>

	<head>

		<title>My Website</title>

		<link rel="stylesheet" type="text/css" media="screen" title="" href="stylesheet.css">

	</head>

	<body>

		<div id="wrapper">

			Page content goes here.<br>

		</div>

	</body>

</html>


#4

Posted 24 March 2009 - 07:47 PM

jcfuel
  • Members
  • 6 posts
  • Favorite Album:Master of Puppets
Thanks you very much. Dont know much about html language, but i just figured some thins, like top center, fixed, also the wrapper. Ill try this tonight.

Thanks mate

JC

#5

Posted 25 March 2009 - 04:50 PM

jcfuel
  • Members
  • 6 posts
  • Favorite Album:Master of Puppets
well, i couldnt make the wrapper work, i manage to do some other things that work like it, but not a wrapper definetly.

Im gonna change the layout of the info pages for all my dvds, so i wonder if theres any way to change it like using a macro or change it one by one?




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users