View Full Version: Help me get Centered

Ravenous - A World of Warcraft Guild (US-Eonar Realm) > Website Issues > Help me get Centered


Title: Help me get Centered


Palewind - September 21, 2009 01:09 PM (GMT)
Neo, Effexor, and anyone else web-smart:

Ok so apparently in IE8, the raid app looks like donkey butt. How do I center it? I'm using < center > tags right now IIRC (not fucking around with the HTML until someone smarter than me looks through it) and that works in Firefox.

You guys are the ones who say it's bothersome. Tell me how to fix it and I'm on it.

Effexor - September 21, 2009 03:13 PM (GMT)
I can't view source on my iPhone, what's the doctype you are using on this page?

Neopulse - September 21, 2009 08:39 PM (GMT)
It's showing correctly for me in both FF 3.5.3 and in IE8 except on the homepage, one of the recruiting status <div> is doing something funny, I'll take a look at it.

Neopulse - September 21, 2009 08:54 PM (GMT)
Recruiting status is fixed, someone doesn't like to use CSS or close his comment tags... not to name any names.

Benedict - September 21, 2009 11:20 PM (GMT)
Hey Neo, edit your stylesheet and change

body {
/*background-color: #7D7D7D;*/
background-attachment: fixed;
background-color: black;
background-image: url(http://www.ravenous-online.com/images/bg_graytile.jpg);
background-position: 50% 1%;
background-repeat: repeat-x;
margin: 0 auto;
padding: 0px;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}

to

body {
/*background-color: #7D7D7D;*/
background-attachment: fixed;
background-color: black;
background-image: url(http://www.ravenous-online.com/images/bg_graytile.jpg);
background-position: 50% 1%;
background-repeat: repeat-x;
margin: 0 auto;
padding: 0px;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
text-align:center;
}

Neopulse - September 21, 2009 11:34 PM (GMT)
QUOTE
<a href="http://www.ravenous-online.com">HOME</a>
<a href="http://forums.ravenous-online.com">FORUMS</a>
<a href="http://www.ravenous-online.com/rn2">RAID SIGNUPS</a>
<a target="_blank" href="http://www.wowmeteronline.com/browse/guildcalendar/17232#calendar">WoW METER ONLINE</a>
<a href="http://ravenous-online.com/?page_id=216">ADD-ONS</a>

<a href="http://ravenous-online.com/?page_id=4">VENTRILO INFO</a>
<a href="http://ravenous-online.com/?page_id=160">WHO ARE WE?</a>
</td></tr></table>
</center>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Ravenous Raid Sign-Ups</title>
<link rel="stylesheet" type="text/css" href="./styles/rn2.css" title="Default layout" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="./scripts/mouseover.js">
</script>
</head>


See that bolded </center> tag ? Move it to the bottom.

Neopulse - September 21, 2009 11:39 PM (GMT)
QUOTE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Ravenous Raid Sign-Ups</title>
<link rel="stylesheet" type="text/css" href="./styles/rn2.css" title="Default layout" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="./scripts/mouseover.js">
</script>
</head>



This needs to be at the top of the page and everything else needs to be after it. AKA, put the HTML for the menu / banner inside the <body> tags.

Palewind - September 22, 2009 07:42 PM (GMT)
Fuck Neo -- don't mess with the recruiting status thing. Now it's a disgusting garble of css bullshit insetad of my easily-stacked html. More irritating to sift through and update manually. Fuckerrrrrrrrrrrrrrrrrrrr.


And P.S., you'll have to walk me through the Raid Ninja changes. I can't digest your shit solo.

Neopulse - September 22, 2009 08:16 PM (GMT)
Dude, I fixed your outdated Frontpage generated bullshit with standards compliant code. Get over it.

PS you also forgot to close your comment tags and it wasn't displaying anything after the first table if you use IE.

Besides, the CSS uses less tags and makes it easier to read since all the styles are in one place. My webfu > your webfu.

Neopulse - September 22, 2009 08:21 PM (GMT)
Some light reading for the CSS challenged.

Fuzzy, click here.

Maraudertank - April 24, 2010 03:26 AM (GMT)
Ooooohhhhhhmmmmm.... Ohhhhhhhhmmmmmmmm......

Feel more centered?




Hosted for free by InvisionFree