I've tried a number of things to get a simple background image on a website, including a stylesheet, a reference to it on each page, even using HTML in the old fashion. anyone got any advice?
see here: vixencomputing.eu
I've added my site below as an attachment.
Also, Chrome doesn't pick up my favicon, yet IE and mozilla do. Um....?
CSS/HTML issue
- delinquent
- Match Winner
- Posts: 760
- Joined: Sat Jul 07, 2012 3:07 am
CSS/HTML issue
- Attachments
-
- public_html.zip
- (64.29 KiB) Downloaded 220 times
Re: CSS/HTML issue
To get your favicon working, within the <head>...</head> add the following line:
Now link back to where that image is located (http://vixencomputing.eu/...)
As for your background... I don't like usingFor me it's hard to sometimes figure out what goes where. Instead I prefer using these
Easier and simpler to use
Adjust the settings to your liking and try it out
Code: Select all
<link rel="shortcut icon" href="favicon.ico" />
As for your background... I don't like using
Code: Select all
background: ...
Code: Select all
background-color: #000000;
background-image: url("http://vixencomputing.eu/img/background.JPG");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
Adjust the settings to your liking and try it out
- delinquent
- Match Winner
- Posts: 760
- Joined: Sat Jul 07, 2012 3:07 am
Re: CSS/HTML issue
No luck with either. Every browser but Chrome pulls my favicon, it'll have to do.
As for the background, no luck.
Have you been on the site itself?
As for the background, no luck.
Have you been on the site itself?
Re: CSS/HTML issue
Your background image URL is linked to a 404. The URL he provided you is correct.delinquent wrote:No luck with either. Every browser but Chrome pulls my favicon, it'll have to do.
As for the background, no luck.
Have you been on the site itself?
// Edit
Also for your background-position, I think you want "bottom center". I assume you want it lined up like that anyways, rather than cutting off some of the bottom on some resolutions.
Re: CSS/HTML issue
With that, you should end up with something like the attached image. You may want to blend the edges or something for wider browsers, as even a 1680 width will be seeing the fine cut edge.
PS: All that needs changed in the image URL is the lowercase 'jpg' to 'JPG'.
PS: All that needs changed in the image URL is the lowercase 'jpg' to 'JPG'.
- delinquent
- Match Winner
- Posts: 760
- Joined: Sat Jul 07, 2012 3:07 am
Re: CSS/HTML issue
cheers! is there a way to make the background fullscreen in any resolution? Or am I picking hairs now?
edit: looks like the image is corrupted too...
edit: looks like the image is corrupted too...
Re: CSS/HTML issue
I was kind'a thinking that.LOVER$BOY wrote:man del, your facing weird issues where I and Light never did
There are multiple ways. Strictly using CSS, you could just use a DIV in the background. There's also background-size now, which could help you out. There are plenty of ways to do it with JS.delinquent wrote:cheers! is there a way to make the background fullscreen in any resolution? Or am I picking hairs now?
edit: looks like the image is corrupted too...
Take your pick.