PHP: CSS-styling a table printed out by PHP

Question

So basically i have two php files, one with all the functions etc. and one with mixed php and html code.

<table>
   <?php echo read(); ?>            //This prints a full table with <tbody> etc.
</table>

My question: How do I access this PHP printed html code from my CSS style sheet? It s a seperate file and i have linked it correctly etc. (since it styles all the html code on the same file)

I have tried just putting

tbody { width:100px; padding: 20px;}

and all those normal ones, but for som reason it doesn't apply to the code the PHP prints out.

Suggestions? (new to PHP, be nice)

You can't style a tbody tag like that, you would need to put the width onto the table and the padding onto the cells. ps you're best giving your table an id and applying styles to that, otherwise all your tables will have the same style — Pete
– Pete, Commented Apr 17, 2014 at 10:55
The browser does not care one single bit whether the HTML code was created by PHP, or comes from a static file … — C3roe
– C3roe, Commented Apr 17, 2014 at 11:03

Alex · Accepted Answer · 2014-04-17 10:56:54Z

1

Add a class to the <table> tag like <table class="my-table"> and then try to add in your css file

.my-table{ width:100px; }

You should apply the css styles to the table tag.

answered Apr 17, 2014 at 10:56

Alex

1961 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Alex Over a year ago

Did you tried adding the css in the browser console for the table tag? If it works, then you might have an error in the css file. Maybe you forgot to close a bracket. If everything is fine, check your html code. View the source in the browser and use a html validator to validate your html

Pete Over a year ago

@AndrewP is your css file loading? or are you getting a 404 error (press f12 and check your console in your browser)

Andrew P · Accepted Answer · 2014-04-17 11:19:51Z

0

So if anyone stumbles on this thread with the same problem, I managed to solve it by putting all the CSS info in the <table> tag like this:

<table
        style="
            width:480px;
            margin-left:10px;
            font-family: calibri;
            background-color:white;
            color:black;
            padding:5px;
            border:1px solid black;
        "
        >

answered Apr 17, 2014 at 11:19

Andrew P

1,6175 gold badges18 silver badges18 bronze badges

Collectives™ on Stack Overflow

PHP: CSS-styling a table printed out by PHP

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related