Image not Appearing - Post ID 211266

Apr 22nd, 2013 at 01:44 PM
User 2924428 Photo

bough
Registered User
1,718 posts
Online Now

hey guy's, I wrote this script really quick so I was wondering why it wasn't working.. heres the code..
#img1
{
backround: url(../accents/eagle.png) no-repeat;
position: absolute;
top: 75px;
left: 75px;
height: 210px;
width: 400px;
}


It isn't appearing on my page, it's an eagle and the height width should fit it..
Apr 22nd, 2013 at 01:48 PM
User 2924428 Photo

bough
Registered User
1,718 posts
Online Now

torchmod.com
Apr 22nd, 2013 at 01:53 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,290 posts
Online Now

I see one problem. Don't know if it will fix yours.
<meta name="keywords" content="torchlight, torchlight 2, mods, mod, modification, game, torchlight mod, torchlight mods, epoch, foldar, epoched, fizzmaster, fizzable, GUTS, GUTS mod>
should be
<meta name="keywords" content="torchlight, torchlight 2, mods, mod, modification, game, torchlight mod, torchlight mods, epoch, foldar, epoched, fizzmaster, fizzable, GUTS, GUTS mod">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Apr 22nd, 2013 at 08:08 PM
User 2924428 Photo

bough
Registered User
1,718 posts
Online Now

Got it Eric, but that wasn't the problem, I don't know what is :(
Apr 22nd, 2013 at 08:14 PM
User 122279 Photo

Inger
Senior Advisor
14,721 posts
Online Now

Matt,
First you have to spell 'background' correctly. ;)

Next, you have to remove the image disk.gif and its code if you want to see the eagle.

<div id="img1"><img src="gifs/disk.gif" width="128" height="128" alt="" border="0"></div>

This is what you're having in the html file now.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Apr 22nd, 2013 at 08:19 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,290 posts
Online Now

#img1
{
background-image: url(../accents/eagle.png) no-repeat;
position: absolute;
top: 75px;
left: 75px;
height: 210px;
width: 400px;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Apr 23rd, 2013 at 01:04 AM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

Maybe the browsers are having the same problem that I have in finding the stylesheet where your background rule is...
The style sheet link is a dead end:

http://www.torchmod.com/stylesheets/main.css
Per
www.mingas.com
Apr 23rd, 2013 at 03:54 AM
User 122279 Photo

Inger
Senior Advisor
14,721 posts
Online Now

It's in the menu-menu style sheet.

I also had difficulties finding it at first. Must be an S-drive problem.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Apr 23rd, 2013 at 02:18 PM
User 2924428 Photo

bough
Registered User
1,718 posts
Online Now

I know I was mixed up .. again .. I had it both pointing to HTML and CSS pic's.. it's fixed now, heya Inger, Eric, do you know how to make a roll over image effect? Like if I had a image and wanted to have a mouseover effect? I think we've been through this before, only it was using VSD lol..:lol:
Apr 23rd, 2013 at 03:07 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,290 posts
Online Now

http://www.w3schools.com/cssref/sel_hover.asp
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.