Jump to content

Photo

Web design question


  • Please log in to reply
4 replies to this topic

#1 jcfuel

jcfuel
  • Members
  • 6 posts
  • Favorite Album:Master of Puppets

Posted 24 March 2009 - 07:20 PM

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 jcfuel

jcfuel
  • Members
  • 6 posts
  • Favorite Album:Master of Puppets

Posted 24 March 2009 - 07:25 PM

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 Kathlib the Prophet

Kathlib the Prophet

    Luck. Runs. Out.

  • Staff
  • 2,885 posts
  • Favorite Album:They all kick ass!

Posted 24 March 2009 - 07:29 PM

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 jcfuel

jcfuel
  • Members
  • 6 posts
  • Favorite Album:Master of Puppets

Posted 24 March 2009 - 07:47 PM

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 jcfuel

jcfuel
  • Members
  • 6 posts
  • Favorite Album:Master of Puppets

Posted 25 March 2009 - 04:50 PM

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?




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users