Backgrounds & Texts

[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:

Code:

@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

[Rob MacKay]

Hi Allie

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

https://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.

[Author]

Posts