Formatting php with css

Hylsan · December 22nd, 2006, 10:30 AM

Hi!
I got stuck with a problem I hope you can help me with.
When using simple php nested in html my stylesheets works fine, but when using more advance code like dataretriving from mysql nothing works. What I want is to format my table with the data from my database. Ive tried with adding font-face to body, table, tr, td but nothing works.

Code:

<html>
<head>
<title>Untitled</title>
</head>
<link href='res/mall.css' type='text/css' rel='stylesheet'>

<body>

<?php
include 'connect.php';

# HÃ¤r kan man trixa med databasen
// HTML-tabellens formatering - tabellstart
echo "<table id='historik_table'>";
echo "<tr bgcolor='#cccccc'><td>Transnr</td><td>Datum</td><td>typ</td><td>Antal</td><td>Sign</td><td>Referens</td></tr>";

# HÃ¤mtar all info frÃ¥n artikel
$artikel = mysql_query("SELECT * FROM historik ORDER BY transnr ASC") or die(mysql_error());
while($row = mysql_fetch_array( $artikel ))
    {
        #skriver ut innehÃ¥ller radvis
        echo "<tr><td>"; 
        echo $row['transnr'];
        echo "</td><td>";
        echo $row['datum'];
        echo "</td><td>";
        echo $row['typ'];
        echo "</td><td>";
        echo $row['antal'];
        echo "</td><td>";
        echo $row['sign'];
        echo "</td><td>";
        echo $row['referens'];
        echo "</td></tr>"; 
        #echo "<BR />";
    }


# stÃ¤nger ner databaskopplingen
mysql_close($opendb);
?>
Datum
datum 

</body>
</html>

mall.css

Code:

/* CSS Document */
<STYLE type="text/css">
{
body
    {
    font-family: Verdana;
    font-size: 10px;
    padding: 0;
    margin: 0;
    }
td
    {
    font-family: Verdana;
    font-size: 10px;
    }

tr
    {
    font-family: Verdana;
    font-size: 10px;
    }

It still shows the default font and size.
Can anyone help me??
Cant see anything wrong...

Regards, and a merry christmas!!
/Hylsan

jhanny007 · December 23rd, 2006, 08:14 AM

hello hylsan,

  try to close your CSS code

try like this:
/* CSS Document */
<STYLE type="text/css">
{
body
    {
    font-family: Verdana;
    font-size: 10px;
    padding: 0;
    margin: 0;
    }
td
    {
    font-family: Verdana;
    font-size: 10px;
    }

tr
    {
    font-family: Verdana;
    font-size: 10px;
    }
</style>

or what if you will use internal cascading like this:

<html>
<head>
<title>Untitled</title>
<STYLE type="text/css">
{
body
    {
    font-family: Verdana;
    font-size: 10px;
    padding: 0;
    margin: 0;
    }
td
    {
    font-family: Verdana;
    font-size: 10px;
    }

tr
    {
    font-family: Verdana;
    font-size: 10px;
    }
</style>
</head>
<body>

<?php
include 'connect.php';

# HÃ¤r kan man trixa med databasen
// HTML-tabellens formatering - tabellstart
echo "<table id='historik_table'>";
echo "<tr bgcolor='#cccccc'><td>Transnr</td><td>Datum</td><td>typ</td><td>Antal</td><td>Sign</td><td>Referens</td></tr>";

# HÃ¤mtar all info frÃ¥n artikel
$artikel = mysql_query("SELECT * FROM historik ORDER BY transnr ASC") or die(mysql_error());
while($row = mysql_fetch_array( $artikel ))
    {
        #skriver ut innehÃ¥ller radvis
        echo "<tr><td>";
        echo $row['transnr'];
        echo "</td><td>";
        echo $row['datum'];
        echo "</td><td>";
        echo $row['typ'];
        echo "</td><td>";
        echo $row['antal'];
        echo "</td><td>";
        echo $row['sign'];
        echo "</td><td>";
        echo $row['referens'];
        echo "</td></tr>";
        #echo "<BR />";
    }

  or visit this link---> http://www.w3schools.com/css/default.asp

_________________________________________
.::If you quit you loss, If you survive you win::.

.::JHANNY::.

Hylsan · December 25th, 2006, 04:48 AM

My bad, I didnt copy all of it, I do have closed the css-code properly. Just before I went home I got it to work. As long as I had the css inside the html it worked, but nothing happend when using external linking. I use the same css-template in other documents so there shouldnt be any wrong there.

Thanks!
/Hylsan

jhanny007 · December 25th, 2006, 07:16 AM

hi,

i think your localhost can't find where your css external file have been saved..
or maybe is just and error coding....

try like this:

<link rel="stylesheet" type="text/css"
href="res/mall.css" />

__________________________________________
.::If you quit you loss, If you survive you win::.

.::JHANNY::.