PHP/CSS Causing text to be blurred

Its my first time using CSS with PHP, I am just working on this page bit by bit to make sure it works. But whenever I upload the document to my site the next gets covered with black lines so you can’t see what the text is supposed to say.

http://www.cnghl.org/cnghldb/test.php?PlayerID=5793

The problem seems to be happening where it the [FirstName] is.

Here is the php

[php]

Untitled Document <?php // Connects to your Database mysql_connect("", "", "") or die(mysql_error()); mysql_select_db("") or die(mysql_error());

//Get PlayerID from URL
$iPlayerID = $_GET[“PlayerID”];
$iNationID = $_GET[“NationID”];

$oPlayerInfo = mysql_query("
SELECT Players.PlayerID, Players.FirstName, Players.LastName
FROM Players;

") or die(mysql_error());

ECHO “”;
ECHO “

”;
while($row = mysql_fetch_array($oPlayerInfo)) {
ECHO “
”.$row[‘FirstName’]."
";
}
ECHO “
”;
ECHO “”;

?>

[/php]

Here is the css

@charset "utf-8"; .container { float: left; height: 600px; width: 1200px; position: absolute; left: auto; top: auto; right: auto; bottom: auto; } .nametitle { float: left; height: 63px; width: 669px; position: absolute; left: 490px; top: 31px; right: auto; bottom: auto; }

So, what are you trying to do with these two blocks?

If you have one absolute block DIV and many others inside of it, you can’t have them absolute also.
They need to be absolute. In these days and times, absolute is a bit tricky to use. I have been thru this
a lot and then some more… I

There are tons of tutorials out there. Here are a couple that will explain.
One on FLOATS: http://css.maxdesign.com.au/floatutorial/
On “Flex” boxes: http://www.smashingmagazine.com/2011/09/19/css3-flexible-box-layout-explained/
CSS-Tricks is a great site for tons of small code segments.
On it is the flex-box tutorial… http://css-tricks.com/snippets/css/a-guide-to-flexbox/

Those three will start you off. Lots to learn about CSS ! ! ! LOL
You might not like me anymore after all that reading !

Thanks ErnieAlex,

if I want to improve I have to learn so reading will get me there.

Thanks again!

If you can’t figure it out, I can test the code tomorrow for you. Too tired for more tonight!

I think it is just the double ABSOLUTE settings that are causing them to overlap.
If you have two DIV’s one after another and both are ABSOLUTE, I think they try to be in the
same “plain” and will overlap some text. On my HiDef monitor, I can see all your text, except
as small bit that is smudged up. Odd…

Good luck!

Sponsor our Newsletter | Privacy Policy | Terms of Service