Background Question

~Dave

Jun 12 2007, 05:36 PM

ok I'm using a made picture in photoshop for my background so I can align the text just into where i want it. now, I the image set up but it repeats itself, how would I set it so it doesn't? Heres the page, www.gaming-alliance.net/main.html thanks!

nol

Jun 12 2007, 06:05 PM

you gotta have a bigger size backround. Or you must do the whole thing in css, which I can't help with. But the easiest route is make your bacrkound image better.

~Dave

Jun 12 2007, 06:10 PM

ya I'm thinking of just useing Dreamweaver because doing it myself in notepad++ is just too hard when I only know HTML so :/ but I thought I should try because my buddy is making me a login script // database with his because I get free server space so we just combine members into 1 forum. but I think I'm just gunna get dreamweaver or use frontpage for this :/ because it seems too hard :|

Saint_Michael

Jun 12 2007, 06:10 PM

actually this is quite simple really just apply the following code to your images in CSS or style in your code and you are done

CODE

background-repeat:no-repeat;

~Dave

Jun 12 2007, 06:11 PM

QUOTE(Saint_Michael @ Jun 12 2007, 06:10 PM)

actually this is quite simple really just apply the following code to your images in CSS or style in your code and you are done

CODE

background-repeat:no-repeat;

I dont know CSS though :/

nol

Jun 12 2007, 06:15 PM

im sure you can just do..

CODE

or something like that, because I know that works with some css. But I've never tried it. You can do it in html, but it SHOULDNT repeat if you do it correctly, using <DIV> tags. Otherwise IDK sorry :\

~Dave

Jun 12 2007, 06:17 PM

ya like I said I'll just use Dreamweaver, seems to be better then doing it yourself anyway, takes 2 mins in dreamweaver verses 10 mins in writeing it :/

nol

Jun 12 2007, 06:20 PM

if u slice using photoshop it takes less then a minute to code in html/css format. Its not bad at all actually, plus they give u the slices and coding, no edited needed, and it fills entire page, no stretch no nothing

Saint_Michael

Jun 12 2007, 06:25 PM

well there are several sites that you can go to learn CSS

http://www.w3schools.com/
http://www.pixel2life.com/
http://www.alvit.de/handbook/

but a quick shortcut this how your image style would look like

CSS Version

CODE

#mainContainer
{
    background-image: url("img/content_main.png");
    background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }

You would apply that to every image you have that you don't want to repeat and then in order to display it in your html file would do something like this:

CODE

also to make sure it works you will have link your style sheet in between your <head> tags which w3school.com covers. Now to do it the other way your your image code will look something like this

CODE

either method works, but using the CSS method is more efficient and your your html file will be more organized.

~Dave

Jun 12 2007, 07:24 PM

thanks for the info, I did get it to work but I used Dreamweaver.

Latest Entries

Adcam

Jun 24 2007, 08:48 PM

Yeah, this is helpful!

galexcd

Jun 13 2007, 07:31 PM

Just a suggestion for the site, It would look better if the top banner that said gaming alliance was centered. I know that that was your intention, but I'm sure your one of those people who have an extremely small resolution such as 800x600 and the normal people would like to benefit from your site as well.

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE