Forums

Allie

Hello all.
I updated my site with a new layout: http://haleandallie.com

My problems are:

* The site layout is set as an IMG (right click and you'll see what I mean), and how do I set it as not an IMG?
* I want the site layout to completely cover the site (no white edges), how do I do this?
* Well I need to add text on the board (where the image renders and sunburst rays are), how do I add it there on that specific spot?

Okay, so I tried solutions for some of the questions by myself.

For the first question, I tried setting it as a background image, but when I do, the image is cut in half :< I also tried the Slice Tool from Photoshop (and already colored the background in Dreamweaver), I save the sliced portion as html&img but I get stuck in that part.

For the second question, this is what I tried to get rid of the white edges:

@charset \"utf-8\";
/* CSS Document */
img {
border: 0px;
}



#container {
	margin:0px auto;
	width:990px;
	height:auto;
	background:url(images/Grunge-Site.gif);
	background-position: center;
	background-repeat: repeat-y;
	
}

But it didn't work either.

For the last question, I was totally, just completely stuck.

I have read the basics of HTML and CSS, btw.

If anyone could help me or point me to the direction, I would be eternally grateful.

--Allie

Robskiwarrior

Hi Allie

Looks like you have the design side of things down, but to convert it I would have a look at these...

http://css-tricks.com/video-screencasts ... rt-1-of-3/
http://blog.themeforest.net/tutorials/c ... eb-design/
http://blog.themeforest.net/resources/1 ... tutorials/

I think they will answer all your questions. :)

Allie

Thank you!

I'll try this and re-post my results :)

EDIT: I followed Chris' video for the first question, but I seemed to be doing everything wrong. The image still gets cut in half =/ Also, I think its 'cos of how my layout is like.

treehouse : what would you like to learn today?

Forums

Backgrounds & Texts