Table using printf (HTML, PHP, CSS, Help) [Resolved]

Printable View

Apr 26th, 2004, 11:12 AM
NoteMe

Table using printf (HTML, PHP, CSS, Help) [Resolved]

I am writing out a table like this:

PHP Code:

<table id="overskriften" height="5px" padding="0" margin="0" valign="bottom"> <? printf("<tr><td>%s</td><td>%s</td></tr>\n",$Overskrift, $Dato); ?> </table>

Don't mind all the "properties" I have on it right now, I have tried setting every "propert" I know but still FireFox makes a big table, and IE a small one. I have added a red box around the div so you can see what I mean...

Here is the CSS:

Code:

#overskriften{ width:340px; height:3px; border:0; cellpadding:0; cellspacing:0; margin: 0; padding: 0; background: red; valign: bottom; }

You can find the site here...

http://www.klubbscenen.com/klubbny/index2.php

what am I doing wrong.....
Apr 26th, 2004, 01:00 PM
NoteMe

I made it, I made it, I made it...:D

I found out that the text in the table had two HTML tags to make it vold and change the font. When I took them away, it worked, and now I have them back, and it still works..:confused:....but as long as it is working I am happy...:D
Apr 26th, 2004, 01:01 PM
visualAd

On first looking at the source code I've noticed you are mixing HTML formatting attributes with CSS formatting attributes.

This is one of the worst possible things you could do. It confuses IE no end and it makes the page confusing to read and debug too. What I suggest you do is start the style sheet again and take all HTML formatting properties out.

Here's some sample code to show you what I mean. This will produce something similar to your small table in your page and works in both IE and Firefox. As you can see all formatting is in the style sheet. If you want to override the formatting for an individual tag use the style atrribute as the CSS specification requires that any styles in the style attribute should override the style sheet styles.

Code:

<html> <head> <style type="text/css"> #small_table { width: 340px; height: 30px; border: 0px; padding: 0px; border-collapse: collapse; } #small_table td { font-size: 0.7em; font-family: Verdana; font-weight: bold; padding: 2px; border: 3px solid blue; } #small_table .tdright { text-align: right; } </style> </head> <body> <table id="small_table"> <tr> <td>Text Here</td> <td class="tdright">Right Aligned</td> </tr> <tr> <td style="font-weight: normal">This text has had its style overridden</td> <td class="tdright">Right Aligned</td> </tr> </table> </body> </html>
Apr 26th, 2004, 01:12 PM
NoteMe

Most of the HTML editing I have in the code is for testing. I have a big CSS file belive me, but we are testing everything in

Mozilla
IE
FireFox
Opera
Safari

and things are not always working in all the browsers. Like Safari don't understand when I write

Code:

body { background-color: #5E89BD; }

in CSS. I have no idea why, but thats why we are setting things like that in HTML. I started out with everythig in CSS, and more and more of the things are getting back in HTML so all the browsers can read it.....**** the standards..:D..my teacher would kill me, but HEY at least it works.

BTW thanks for the sameple code. I will have a look at it, and see if it is worth recoding, or if will just use it next time,...

ØØ
Apr 26th, 2004, 01:25 PM
visualAd

I try and keep right away from using HTML formatting where possible if I use CSS. The reasons being is (I'm referring to IE) it can cuase the websites to break as they just randomly choose which style properties to apply. With HTML formatting however it is up to the browser how it is formatted - where as in CSS it it is up to you :D
Apr 27th, 2004, 02:23 AM
NoteMe

In my experience these two three weeks it's more like. "IE uses what CSS when it wants it, when it feels like it want it....." and it irritates the but out of me.....as I said, the site started as plain CSS. But as long as IE or some other browser don't want to look at it the same way ass the standard, the solution for me is most often to move it out in the HTML tags...:(