PDA

View Full Version : Newbie pretending to use CSS



Hytamo
Jul 13th, 2010, 06:09 PM
I am having a little trouble, and would like some assistance with this.

I have a page that's mostly HTML, with a bit of embedded CSS. It's displaying fine in Google Chrome, but when I switch to IE, my div positioning is moving down a couple pixels - thus not lining up the links with where I want them to be and such.

http://prevailguild-us.com

Anyone have any thoughts as to how I could get that fixed? Any help would be greatly appreciated!

I'll link my code if you don't want to just grab it from the View Source.

Yes, I know it's really sloppy (the code looks neat. I mean sloppy as in: it shows I bullshat the CSS part).

Note: The News Feed area is going to be turned into an iFrame. Just haven't gotten to it quite yet.


<html>
<head>
<title>
Prevail - Whisperwind (US)
</title>
<style type="text/css">
.center
{
margin-left:auto;
margin-right:auto;
width:800;
background-color:000000;
}
p.linka
{
position:relative;
top:-436px;
right:-60px;
z-index:1;
}
p.linkb
{
position:relative;
top:-508px;
right:-60px;
z-index:1;
}
p.content
{
position:relative;
top:-678px;
right:-280px;
z-index:1;
}
</style>
</head>
<body bgcolor=000000>
<div class="center">
<img src="background.jpg">
<p class="linka">
<a href="http://prevail.freeforums.org"><img src="link.png" style="border-style: none"></a>
</p>
<p class="linkb">
<a href="http://www.prevailguild-us.com/"><img src="link.png" style="border-style: none"></a>
</p>
<p class="content">
<table height=466 width=430 border=0>
<tr valign="top">
<td>
<font color=FFFFFF>
<h3>Welcome to Prevail</h2>
<hr>
<font size=2>
Tuesday - July 13, 2010 (10:45)
<br>
<br>
Added a little bit of guild information on the forums as a teaser for people to peruse. Someone else finish coding this webpage for me. I'm lazy, and I suck at it. When viewed through Internet Explorer, the div frames are appearing a few pixels under where they should. I'm not sure how to fix it yet. Sorry!
<br>
<br>
- Sahri
<hr>
<font size=2>
Monday - July 12, 2010 (20:30)
<br>
<br>
Yay for a webpage! This is a guild designed for the Cataclysm raiding expereince in World of Warcraft. Keep checking back for updates and information on the forming of the guild. Note: the News Feed link currently links the page to itself. This table will eventually be turned into a frame, so that will work more appropriately. The Guild Roster isn't up yet because, well, there is no real roster yet! Same with the charter. The links will be updated and added to as time comes. For now, check out our forums (that link works!), register, and look around there.
<br>
<br>
- Sahri
<hr>
</font>
</font>
</td>
</tr>
</table>
</p>
</center>
</body>
</html>

Major Payne
Jul 14th, 2010, 09:31 AM
Might try correcting the html/css first by using the validators:

http://jigsaw.w3.org/css-validator/
http://validator.w3.org/

Be sure you use a proper document type.