CSS/HTML issue

Everything todo with programming goes HERE.
Post Reply
User avatar
delinquent
Match Winner
Posts: 760
Joined: Sat Jul 07, 2012 3:07 am

CSS/HTML issue

Post by delinquent »

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....?
Attachments
public_html.zip
(64.29 KiB) Downloaded 204 times
User avatar
LOVER$BOY
Match Winner
Posts: 731
Joined: Thu Jan 24, 2008 12:46 pm

Re: CSS/HTML issue

Post by LOVER$BOY »

To get your favicon working, within the <head>...</head> add the following line:

Code: Select all

<link rel="shortcut icon" href="favicon.ico" />
Now link back to where that image is located (http://vixencomputing.eu/...)

As for your background... I don't like using

Code: Select all

background: ... 
For me it's hard to sometimes figure out what goes where. Instead I prefer using these

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;
Easier and simpler to use :)

Adjust the settings to your liking and try it out ;)
Image
User avatar
delinquent
Match Winner
Posts: 760
Joined: Sat Jul 07, 2012 3:07 am

Re: CSS/HTML issue

Post by delinquent »

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?
User avatar
Light
Reverse Outside Corner Grinder
Posts: 1667
Joined: Thu Oct 20, 2011 2:11 pm

Re: CSS/HTML issue

Post by Light »

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?
Your background image URL is linked to a 404. The URL he provided you is correct.

// 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.
User avatar
Light
Reverse Outside Corner Grinder
Posts: 1667
Joined: Thu Oct 20, 2011 2:11 pm

Re: CSS/HTML issue

Post by Light »

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'.
Attachments
Vixen Computing 2013-05-20 09-44-23.jpg
User avatar
delinquent
Match Winner
Posts: 760
Joined: Sat Jul 07, 2012 3:07 am

Re: CSS/HTML issue

Post by delinquent »

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... :/
User avatar
LOVER$BOY
Match Winner
Posts: 731
Joined: Thu Jan 24, 2008 12:46 pm

Re: CSS/HTML issue

Post by LOVER$BOY »

man del, your facing weird issues where I and Light never did :P
Image
User avatar
Light
Reverse Outside Corner Grinder
Posts: 1667
Joined: Thu Oct 20, 2011 2:11 pm

Re: CSS/HTML issue

Post by Light »

LOVER$BOY wrote:man del, your facing weird issues where I and Light never did :P
I was kind'a thinking that. :P
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... :/
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.

Take your pick.
Post Reply