Results 1 to 25 of 28
-
12-25-2007, 02:10 AM #1Junior Guru
- Join Date
- Jan 2003
- Location
- Rancho Cucamonga, CA
- Posts
- 246
Simple HTML Problem but I am stumped
For the life of me I cannot get the background image to show up even thoughmy business logo does. Can someone offer some assistance.
Here is the current code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DataDork</title>
<style type="text/css">
body { background: url(/images/background.gif); }
body, html { height: 98%; }
#center { vertical-align: center; }
#container { width: 700px; margin: auto; height: 100%; }
</style>
<meta http-equiv="keywords" content="datadork" />
<meta http-equiv="description" content="" />
<meta http-equiv="author" content="James Edmonds" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" id="container">
<tr>
<td id="center"><img src="/images/datadork.gif" alt="DataDork" width="700" height="228" /></td>
</tr>
</table>
</body>
</html>
-
12-25-2007, 02:38 AM #2Junior Guru Wannabe
- Join Date
- Sep 2002
- Posts
- 44
Try with 'background-image'
-
12-25-2007, 02:43 AM #3Junior Guru
- Join Date
- Jan 2003
- Location
- Rancho Cucamonga, CA
- Posts
- 246
-
12-25-2007, 03:20 AM #4Junior Guru Wannabe
- Join Date
- Nov 2007
- Location
- United Kingdom
- Posts
- 42
Your Background Image appears to be missing!
http://www.datadork.com/images/background.jpg
-
12-25-2007, 03:34 AM #5Eternal Member
- Join Date
- Jan 2002
- Location
- Toronto, Canada
- Posts
- 11,052
I'm sure MYIGIS means background.gif is missing from your /images folder. Not only that, datadork.gif is missing. Are you sure you uploaded the images folder to your root directory?
VitoDemoDemo.com - Flash tutorials since 2002
DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials
-
12-25-2007, 03:52 AM #6Junior Guru
- Join Date
- Jan 2003
- Location
- Rancho Cucamonga, CA
- Posts
- 246
please take another look
sorry guys. i deleted it and re-uploaded it. please take a second and take a look as i am totally frustrated.
background.gif and datadork.gif all with the flder specified.
any help is super appreciated....
-
12-25-2007, 04:01 AM #7Eternal Member
- Join Date
- Jan 2002
- Location
- Toronto, Canada
- Posts
- 11,052
http://www.datadork.com/images/background.gif
What is that image supposed to look like? It doesn't display at all in a browser.
VitoDemoDemo.com - Flash tutorials since 2002
DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials
-
12-25-2007, 04:08 AM #8Eternal Member
- Join Date
- Jan 2002
- Location
- Toronto, Canada
- Posts
- 11,052
As well, I just noticed your code is incorrect.
{ background: url(/images/background.gif); }
should read
{ background-image: url(/images/background.gif); }
VitoDemoDemo.com - Flash tutorials since 2002
DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials
-
12-25-2007, 04:09 AM #9Junior Guru Wannabe
- Join Date
- Sep 2002
- Posts
- 44
Its a 1x4px image, it works here now as far as I can see, I can post a screenshot if if you want. Yes the valid code is 'background-image'
-
12-25-2007, 04:09 AM #10Junior Guru Wannabe
- Join Date
- Nov 2007
- Location
- United Kingdom
- Posts
- 42
Sorry, Yes I meant GIF.
I now see a background very fine light blue lines?
-
12-25-2007, 04:10 AM #11Junior Guru
- Join Date
- Jan 2003
- Location
- Rancho Cucamonga, CA
- Posts
- 246
-
12-25-2007, 04:12 AM #12Eternal Member
- Join Date
- Jan 2002
- Location
- Toronto, Canada
- Posts
- 11,052
Cool. Looks like you're good to go.
But if you want "proper" code, be sure to change "background" to "background-image".
VitoDemoDemo.com - Flash tutorials since 2002
DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials
-
12-25-2007, 04:16 AM #13Junior Guru
- Join Date
- Jan 2003
- Location
- Rancho Cucamonga, CA
- Posts
- 246
-
12-25-2007, 04:18 AM #14Junior Guru
- Join Date
- Jan 2003
- Location
- Rancho Cucamonga, CA
- Posts
- 246
any idea on where to find a subtle white and gray pinstrip type image? my backups seems screwed.
-
12-25-2007, 04:19 AM #15Eternal Member
- Join Date
- Jan 2002
- Location
- Toronto, Canada
- Posts
- 11,052
Hmm. Just going based on http://www.w3schools.com/css/css_background.asp . Look at the second link.
VitoDemoDemo.com - Flash tutorials since 2002
DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials
-
12-25-2007, 04:21 AM #16Eternal Member
- Join Date
- Jan 2002
- Location
- Toronto, Canada
- Posts
- 11,052
BTW, I see you have background-image in the source code, and I can definitely see the pinstripe bg images on the page.
(I am using Firefox)
VitoDemoDemo.com - Flash tutorials since 2002
DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials
-
12-25-2007, 04:23 AM #17Junior Guru
- Join Date
- Jan 2003
- Location
- Rancho Cucamonga, CA
- Posts
- 246
my business logo is there but the background.gif is still mia. i cant see it in eith firefox or ie 7
thanks for your help, Vito.Last edited by DataDork; 12-25-2007 at 04:27 AM.
-
12-25-2007, 04:35 AM #18Eternal Member
- Join Date
- Jan 2002
- Location
- Toronto, Canada
- Posts
- 11,052
Can you see a bg at http://www.demodemo.com/bg.html ?
VitoDemoDemo.com - Flash tutorials since 2002
DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials
-
12-25-2007, 04:38 AM #19Junior Guru
- Join Date
- Jan 2003
- Location
- Rancho Cucamonga, CA
- Posts
- 246
-
12-25-2007, 04:43 AM #20Eternal Member
- Join Date
- Jan 2002
- Location
- Toronto, Canada
- Posts
- 11,052
Well, I don't know what to tell ya, James.
I see a bg image in both Firefox and IE. Definite pinstripe bg. How is it you are not seeing it in yours?
If you manage to figure out why, feel free to use the bg image I created for you - www.demodemo.com/images/background.gif .
VitoDemoDemo.com - Flash tutorials since 2002
DemoWolf.com - 5,300+ Flash tutorials for hosting companies, incl. Voice tutorials
-
12-25-2007, 08:13 AM #21Web Hosting Master
- Join Date
- Dec 2005
- Location
- England, UK
- Posts
- 659
█ SupportPal - Smart self-hosted help desk software
Supporting multiple channels, including Twitter and Facebook. WHMCS integration available.
█ LicensePal - Discounted popular web hosting software licenses
cPanel, InterWorx, SolusVM, CloudLinux, Blesta, Softaculous, Installatron, and much more!
-
12-25-2007, 01:46 PM #22Web Hosting Guru
- Join Date
- Jul 2004
- Posts
- 339
Try clearing your browser cache.
█ My woman left me..
█ I've got no website..
█ I've got no money..
-
12-25-2007, 08:04 PM #23Junior Guru
- Join Date
- Feb 2006
- Location
- top: 50px; left: 200px;
- Posts
- 213
Hmm. Just going based on http://www.w3schools.com/css/css_background.asp . Look at the second link.
and
background-image: url("something.gif");
would achieve the same result the first is just the shorthand version of applying css, normally used to apply several rules to one element on just one line.
BTW I can't see your bg image on my screen either, if its faint and subtle maybe its due to the way your screen is set up, I know mine is quite bright and sometimes very faint lines or colours do not show.?
try putting the image url in quotes like : background: url("images/background.gif");Last edited by killapix; 12-25-2007 at 08:09 PM.
Filefeed.net - Image Hosting -
-
12-26-2007, 04:12 AM #24Junior Guru
- Join Date
- Jan 2003
- Location
- Rancho Cucamonga, CA
- Posts
- 246
OK, I give up but thanks for all of the suggestions.
Here is the code now...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DataDork</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">body { background: url(images/background.gif); }
body, html { height: 98%; }
#center { vertical-align: center; }
#container { width: 700px; margin: auto; height: 100%; }</style>
<meta http-equiv="keywords" content="datadork">
<meta http-equiv="description">
<meta http-equiv="author" content="James Edmonds">
<meta http-equiv="imagetoolbar" content="no">
<link href="/favicon.ico" rel="shortcut icon">
</head>
<body>
<table id="container" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td id="center"><img height="228" alt="DataDork" src="/images/datadork.gif" width="700"></td></tr></tbody></table>
</body>
</html>
where do i make the change to put in a solid color, say light gray, instead of this stupid background image and still make the html syntax valid.
thanks again for all of the advice but i cant seem to make it visable on any browser or pc.
update: i can see the background iomage but it is way to faint. count someone who can see it, make me another version that is a few shades darker. i would consider it a huge favor.Last edited by DataDork; 12-26-2007 at 04:15 AM. Reason: an idea?
-
12-26-2007, 07:30 AM #25Web Hosting Master
- Join Date
- Dec 2005
- Location
- England, UK
- Posts
- 659
For the solid colour, change
background: url(images/background.gif);
to
background: #EFEFEF;
And change the colour to whatever you want to use.█ SupportPal - Smart self-hosted help desk software
Supporting multiple channels, including Twitter and Facebook. WHMCS integration available.
█ LicensePal - Discounted popular web hosting software licenses
cPanel, InterWorx, SolusVM, CloudLinux, Blesta, Softaculous, Installatron, and much more!