Jump to content

Guild Coding Help


Zac

Recommended Posts

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

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

 

 

Thanks to TJ for the FF screenies! Any suggestions?

Link to comment
Share on other sites

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. =\

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...