How do you style HTML inside PHP using CSS?

Question

I need to be able to style some simple HTML I've written in PHP

PHP:

if ($result-> num_rows> 0) {
  readfile("ViewReturn.html");
  while($row = $result-> fetch_assoc()) {
    echo "Bird Name: ".$row["pageLink"]. "<br><br>";
  }
} else {
  echo "0 results";
}

I would like to be able to style the HTML I'm outputting at "birdname" and "page link" because it doesn't sit very well on the page. Does anyone know how to go about doing this?

Same way as you'd style any html. Give it some class, id, whatever and style it — Damien Pirsy
– Damien Pirsy, Commented Mar 17, 2016 at 14:46
At some point you can probably look into templating. It can save you lots of grief as your application grows. — apokryfos
– apokryfos, Commented Mar 17, 2016 at 15:14

Lal · Accepted Answer · 2016-03-17 14:55:20Z

1

You could add the bird name in a  with a class and style the class using CSS.

Do it as below

 echo "<span class='birdname'>Bird Name: ".$row["pageLink"]. "</span><br><br>";

ie, replace your code as

if ($result-> num_rows> 0) {
  readfile("ViewReturn.html");
  while($row = $result-> fetch_assoc()) {
    echo "<span class='birdname'>Bird Name: ".$row["pageLink"]. "</span><br><br>";
  }
} else {
  echo "0 results";
}

and in CSS, add

.birdname{
   color:red;
}

edited Mar 17, 2016 at 14:55

answered Mar 17, 2016 at 14:51

Lal

14.9k4 gold badges50 silver badges76 bronze badges

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

9 Comments

Marcos Pérez Gude Over a year ago

class="birdname" will cause a server error. Change to single quotes

Qirel Over a year ago

...or escape it with \"

Lal Over a year ago

oops..sorry..my mistake..thanks for pointing out @MarcosPérezGude ..updated the answer..

Matt D. Over a year ago

You forgot to update the quotes around class="birdname" in the second block of code

fabiovaz Over a year ago

echo 'Bird Name: '.$row['pageLink']. ' ';

|

score 1 · Accepted Answer · 2016-03-17 14:52:02Z

1

You can add to your echo command the html elements just as you were writing directly on HTML file. For example:

echo "<div class='some-class'>"
while($row = $result-> fetch_assoc()) {
echo "<someTag class='other-class' >". "Bird Name: ".$row["pageLink"]. "<br><br>" . "</someTag>";
}
echo "</div>"

edited Mar 17, 2016 at 14:52

answered Mar 17, 2016 at 14:49

user5245279

Comments

Hamza Zafeer · Accepted Answer · 2016-03-17 14:55:48Z

1

<?php
     if ($result-> num_rows> 0) {
        readfile("ViewReturn.html");
        while($row = $result-> fetch_assoc()) {
?>
        <span class="birdname">Bird Name: <?php echo $row['pageLink']; ?> </span>
        <br><br>
<?php
        }
      } else {
         echo "0 results";
     }  
?>

answered Mar 17, 2016 at 14:55

Hamza Zafeer

2,45613 gold badges36 silver badges48 bronze badges

Comments

Marcos Pérez Gude · Accepted Answer · 2016-03-17 15:03:38Z

1

You can style your result by adding these elements Like

 echo "<p class='birdy'>Bird Name: " . $row["pageLink"] . "</p >";

then in your CSS file or inline or in STYLE

.birdy{
   color:blue;
   text-decoration: none;
}

edited Mar 17, 2016 at 15:03

Marcos Pérez Gude

22.2k4 gold badges41 silver badges70 bronze badges

answered Mar 17, 2016 at 14:53

something

9912 bronze badges

2 Comments

Marcos Pérez Gude Over a year ago

The same problem. Your double quotes will produce a server error.

something Over a year ago

use single qoutes then

Collectives™ on Stack Overflow

How do you style HTML inside PHP using CSS?

4 Answers 4

9 Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

9 Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related