Guild Coding Help

**Zac** · August 14, 2007

Yeah.....so, I tried coding a guild layout and it works fine in Internet Explorer, but not so much in FireFox. Any suggestions?

Guild Url: http://www.neopets.com/guilds/guild.phtml?id=2742293

Code:

<style type="text/css">
a:link, a:visited {
	color: #000000;
text-decoration: none;
} 

a:hover, a:active {
	font-weight: bold;
	color: #FF0000;
}

td, p, body, font, a{
	color: #000;
font:11px tahoma;
line-height:10px;
}

#header, #footer, .sidebar {
display:none;
}

#n, td, table { 
background: transparent; 
}

#main {
border:none;
background: none;
}

.content {
background:none; 
}


.contentHeader {
	display: none;
}

.sf { 
	position: absolute;
	color: #0000FF; 
	font-family: verdana; 
	font-size: small;  
	font-weight: bold; }
</style>

<body style=" background: url([url="http://theneopianoutpost.com/g/guild/metroidlayout/metroid_guild_bg.gif"]http://theneopianoutpost.com/g/guild/metroidlayout/metroid_guild_bg.gif[/url]);">
<div style="position:absolute; top:0; left:188;">
<img src=http://theneopianoutpost.com/g/guild/metroidlayout/metroid_guild_top.gif>
</div>
<div style="position:absolute; top:257; left:190; height:700; width:566;">
<center><h1 style="padding-top:7px;">
Welcome to Metroid Galaxy V2!</h1></center>
<br>And we are back! Metroid Galaxy will be updating its donation shop, gallery, council, and even more. And, hopefully, a surge of new members. *cough* Be sure to stick with us the next couple of days for competitions and more fun! Be sure to invite al your NeoFriends to V2 of Metroid Galaxy!!!<br><br><br>

<b><h3 style="border-bottom:1px dotted #808080;width:98%;height:18px;">Updates:</h3></b>
-New layout is up!! <b>The layout is messed up in FF! If you have a choice, use IE!</b><br><br><br>

<b><h3 style="border-bottom:1px dotted #808080; width:98%;height:18px;">Competitions:</h3></b>
<b>None. We will let you know when one starts.</b><br><br><br>

<b><h3 style="border-bottom:1px dotted #808080; width:98%;line-height:22px;">Donate:</h3></b>
<marquee behavior="scroll" direction="left" loop="infinite" scrollamount="5" scrolldelay="90">Guild Till Currently At: <b>0 Neopoints.</b> Hurry up and Donate!</marquee> 
</div></div>

<div style="position:absolute; top:13; left:765; height:927; width:143;">
<center><h4 style="padding-top:7px;">.:Council Chat:.</h4></center>
<b>Zac:</b> I'm back on council and I brought a new layout with me!!
<br><br>
<b>Anime:</b> Zac (now back in the second position) has kindly coded a new guild layout! All the links will be up soon.
<br><br>
</b>Dillon:</b>Welcome back Zac.
<br><br><br>
<center><h4>.:Navigation:.</h4></center>
<li>
<a href="[url="http://www.neopets.com"]http://www.neopets.com">Neopets[/url] Home</a></li>
<li><a href="/myaccount.phtml">My Account</a></li>
<li><a href="/petcentral.phtml">Pet Central</a></li>
<li><a href="/explore.phtml">Explore</a></li>
<li><a href="/games/arcade.phml">Games</a></li>
<li><a href="/neoboards/index.phtml">NeoBoards</a></li>
<li><a href="/objects.phtml">Shops</a></li>
<li><a href="/nf.phtml">News</a></li>
<li><a href="/video/index.phtml">Video</a></li>
<li><a href="/mall/index.phtml">NC Mall</a></li>
<br><br>

<li><a href="[url="http://www.neopets.com/browseshop.phtml?owner=lore_lanu"]http://www.neopets.com/browseshop.phtml?owner=lore_lanu">Donation[/url] Shop</a></li>
<li><a href="[url="http://www.neopets.com/gallery/index.phtml?gu=lore_lanu"]http://www.neopets.com/gallery/index.phtml?gu=lore_lanu">Guild[/url] Gallery</a></li>
<li><a href="[url="http://www.neopets.com/~theneopianoutpost"]http://www.neopets.com/~theneopianoutpost">The[/url] Neopian Outpost</a></li>
<li><a href="[url="http://www.neopets.com/~Tipem"]http://www.neopets.com/~Tipem">The[/url] Daily Neopets</a></li>
<br><br><br>
<center><h4>.:Credits:.</h4></center>
<center>Layout Made by <a href="<A href='http://www.neopets.com/userlookup.phtml?user=lore_lanu">Zac
http://www.neopets.com/userlookup.phtml?user=lore_lanu">Zac</a><br>
<b>No Sticky Paws!</b></center>
</div></div>

IE Screenshots:

- http://www.theneopianoutpost.com/g/guild/m...e_screenie1.gif

- http://www.theneopianoutpost.com/g/guild/m...e_screenie2.gif

FF Screenshots:

- http://www.theneopianoutpost.com/g/guild/m...f_screenie1.gif

Thanks to TJ for the FF screenies! Any suggestions?

**Xepha** · August 15, 2007

Yes yes yes! I know about this :D

When you put value, like "top:0;", it won't show correctly in firefox unless you add px after your value.

So "top:0;" becomes "top:0px;"

If you change them all, it should show correctly in both browser :)

Also, quick tip...

set up your h3 property in your css, so you will get more space for text. Then you just have to happy <h3> </h3> to your titles and they will all look the same.

I hope this post is clear to understand. =\

**Zac** · August 15, 2007

I tried it, but I cant be sure it works becasue I dont have FF......anyone want to tell me?

Thanks xepha for the tip ;) I do need to clean up my code......*finds broom*

**Xepha** · August 15, 2007

Yep it is showing fine in Firefox now ;D

**Zac** · August 15, 2007

Sweet! *runs in circles* I better go tell anime *knocks on door*

Sign In

Guild Coding Help

Recommended Posts

Zac

Xepha

Zac

Xepha

Zac

Join the conversation

Browse

Activity

TDN