Image not Appearing - Page 2

Apr 23rd, 2013 at 03:23 PM
User 2924428 Photo

bough
Registered User
1,718 posts

Ok what about a .png image, can I have it highlight and show another image while highlighted?
Apr 23rd, 2013 at 03:27 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,267 posts

Like this?
http://jsfiddle.net/SO_AMK/cgMxe/4/
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 03:32 PM
User 2924428 Photo

bough
Registered User
1,718 posts

<div id="img1"><a href="download"
onMouseover="myimage.src='accents/eagle.png'"
onMouseout="myimage.src='accents/eagle2.png'">
<img src="accents/eagle2.png" width="400" height="315" alt="" border="0"></a></div>
<div id="header"><img src="logo1.png" width="272" height="237" alt="" border="0"></div>

It isn't showing the first image :(
Apr 23rd, 2013 at 03:39 PM
User 2924428 Photo

bough
Registered User
1,718 posts

I must be the most unluckiest sucker on this planet because I can't get any of those codes to work either :(
Apr 23rd, 2013 at 03:54 PM
User 1948478 Photo

Per
Senior Advisor
1,850 posts

UnclePlusMax wrote:
I must be the most unluckiest sucker on this planet because I can't get any of those codes to work either :(

And here I was, thinking that you were one of the luckiest 'suckers' on the planet, receiving this seemingly endless stream of personalized advice from Inger, Eric and paintbrush...
Most people have to pay a lot of money for that kind of consulting attention! :rolleyes:
Per
www.mingas.com
Apr 23rd, 2013 at 05:27 PM
User 122279 Photo

Inger
Senior Advisor
14,626 posts

Try this, Matt;

CSS:
.eaglebox {
position: absolute;
left: 25px;
top: 25px;
}
.eaglebox a {
background: url('http://www.torchmod.com/accents/eagle.png') no-repeat;
background-position:left bottom;
padding: 300px 200px;
}

.eaglebox a:hover
{
background: url('http://www.torchmod.com/accents/eagle2.png') no-repeat;
background-position:left bottom;
padding: 300px 200px;
}

Use the full url to the images.

HTML:
<div class="eaglebox">

<a href="http://www.coffeecup.com">(leave this space empty!)</a>
</div>


In the css you can change the positioning, left and top to what suits you best.
And in the html change the url to whatever you need.

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 08:30 PM
User 2924428 Photo

bough
Registered User
1,718 posts

Thank you so much Inger, I was going through javascript, some form of css, and html code only, and couldn't find the right match. I knew it had to be in classes just didn't know what to write because I already had a menu code that took up that
."menubox"a .{} class.
now I know I have some resizing to do and other things. Once again you have come to my rescue, thank you! :D
Apr 25th, 2013 at 05:39 AM
User 122279 Photo

Inger
Senior Advisor
14,626 posts

I see you have resized the bird. The dark blue colour is hardly visible against the page background. Why not use the same orange as in the logo for eagle.png? The eagle2 is ok.
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 25th, 2013 at 01:58 PM
User 2924428 Photo

bough
Registered User
1,718 posts

Ok sure, I can do that, i'll start working on it in a little while I think that orange will ignite it.
Apr 25th, 2013 at 02:07 PM
User 2924428 Photo

bough
Registered User
1,718 posts

Inger what do you think should go on the right side of torchmod.com, I have the code there, but haven't placed any buttons. I went with twitter at first, but it would overlap on my laptop so I took it off.

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.