The Wilderness Guardians (IPB1 Forums Archive)
Welcome Guest
. : News : . . : Message of the Week : .
You are currently viewing an archive of the Wilderness Guardians clan's IPB1 forums.

These forums were used by WG from 2008 to 2011, and now exist for historical and achival purposes only.

For the clan's current forums, CLICK HERE. 		"You are a Wilderness Guardian. That northern wasteland; that land of blood, desolation and death is your dominion. Tonight we are going home."
~His Lordship
War Alert: OFF Raid Alert: OFF
PM a WG Official
 HTML/CSS help - ASAP
 
WG_Keanu
Posted: April 19, 2010 09:15 pmTop
   
User Avatar

IRC Nickname: DG_Keanu
Group: Council
Posts: 4782
Member No.: 2033
Joined: August 25, 2009
Total Events Attended: 173
 Ok I'm doing a website for my Web Prod class in collage and am stuck with a problem with CSS. I use one image for all the images on the website and map them using CSS.

Master image:
user posted image

The banner is at the top, each navigation picture on the left (with rollover and onclick next to it) and a back to top button/rollover/onclick on the right.

Example code from CSS and HTML for a navigation button:

CODE
.nav1 a
{
display: block; float: left;
width: 150px;
height: 50px;
background: url('master.png') 0 -150 no-repeat;
}
.nav1 a:hover
{
background-position: -150px -150px;
}
.nav1 a:active
{
background-position: -300px -150px;
}


CODE
<div class="nav1"><a href="home.html"> </a></div>


When I test it the results in IE and FF:

user posted image

IE everything works. Rollovers, links, it's perfect. Firefox, the links work but the images just don't show up.

WHAT DO.
 
--------------------
user posted image
[05:42] <+WG_Keanu> I think I got a semi just looking at the pic
[05:42] <%kat> same
sgtswordfish
Posted: April 19, 2010 09:33 pmTop
   
User Avatar

IRC Nickname: Sgtswordfish
Group: Guest
Posts: 1737
Member No.: 1758
Joined: March 9, 2009
Total Events Attended: 64
Firefox allows you to prevent images from loading for certain websites to make pages load faster. If you are having trouble viewing images:

At the top of the Firefox windowOn the menu bar, click on the ToolsFirefoxEdit menu, and select Options...Preferences....
OptionsPreferences window, select the Content panel.
Make sure there is a check mark next to Load images automatically
Click on Exceptions... next to Load images automatically to open the Exceptions - Images window.
In the Exceptions - Images window, look at the list of sites. Make sure the sites with which you're having trouble are not in the list.
Click Close to closeClose the Exceptions - Images window.
Click OK to close the Options windowClick Close to close the Preferences windowClose the Preferences window
 
--------------------
user posted image
Goals 2011
user posted image
Groedius
Posted: April 19, 2010 09:45 pmTop
   
User Avatar

IRC Nickname: Groedius
Group: Ex-Member
Posts: 1556
Member No.: 99
Joined: January 3, 2008
Total Events Attended: 256
QUOTE: sgtswordfish @ April 19, 2010 09:33 pm)
Firefox allows you to prevent images from loading for certain websites to make pages load faster. If you are having trouble viewing images:

At the top of the Firefox windowOn the menu bar, click on the ToolsFirefoxEdit menu, and select Options...Preferences....
OptionsPreferences window, select the Content panel.
Make sure there is a check mark next to Load images automatically
Click on Exceptions... next to Load images automatically to open the Exceptions - Images window.
In the Exceptions - Images window, look at the list of sites. Make sure the sites with which you're having trouble are not in the list.
Click Close to closeClose the Exceptions - Images window.
Click OK to close the Options windowClick Close to close the Preferences windowClose the Preferences window

This could be the problem but other thing that is likely to be is that Firefox and IE are slightly different when coding for them so you have to find a fix that will allow it to work in both Firefox and IE as there are known compatibility issues there are some websites that will do it for you when im not so tired and fucked off with java i could take a look at it considering i had to do this same painful thing myself for my own website lol.
 
--------------------
user posted image
user posted image
Quikdrawjoe
Posted: April 20, 2010 02:05 pmTop
   


IRC Nickname:
Group: Elite Guardian
Posts: 7306
Member No.: 47
Joined: December 30, 2007
Total Events Attended: 343
 Ask Robbie hash.png
 
--------------------
July 5, 2007 - June 27, 2011
WG_Keanu
Posted: April 21, 2010 03:29 amTop
   
User Avatar

IRC Nickname: DG_Keanu
Group: Council
Posts: 4782
Member No.: 2033
Joined: August 25, 2009
Total Events Attended: 173
 Problem solved. Thanks guys wub.gif
 
--------------------
user posted image
[05:42] <+WG_Keanu> I think I got a semi just looking at the pic
[05:42] <%kat> same