Echoing a MySQL string with text, then style it with CSS

Question

I've been looking on the internet for a while, to see how I can make up my echo'd string. I have been able to make up alot of stuff with examples. But when it comes to my own code, I'm not able to this, even when I do EXACTLY the same stuff.

This is my echo'd PHP:

echo "<div id=\"suggestions\"><h1> Our suggestions for you: </h1>";
$i = 1;
while($row = mysqli_fetch_array($frequency))
{
$query = "SELECT country FROM project.countries WHERE countryID LIKE (".$row['countryID'].")";

$result = mysqli_query($con, $query);
$row = mysqli_fetch_array($result);
$countrysuggestion = $row['country'];

echo "<h2>Suggestion no.".$i." is: ".$countrysuggestion."!</h2>";
$i = $i + 1;
}
echo "</div>";

Then this is our style CSS code:

<style type=”text/css”>
#suggestions{
visibility: hidden;
}
</style>

On our website this echo'd "stuff" doesn't go to invisible. Can anyone help us out here?

So it's echoing out the information but not applying the CSS class to suggestions? — Ghost Echo
– Ghost Echo, Commented Jan 9, 2014 at 14:02
I doubt it will make any difference whatsoever, but you've got funny quote characters in type="text/css". — wickywills
– wickywills, Commented Jan 9, 2014 at 14:06

NoobEditor · Accepted Answer · 2014-01-09 14:10:12Z

4

assuming that below is your inline-css

<style type=”text/css”>
  #suggestions{
    visibility: hidden;
  }
</style>

change the quotes and visibility: hidden; to

     <style type="text/css"> /* <= notice quote in this line, these are 
apostrophes in yours, this makes a huge difference */
        #suggestions{
           display: none; /*notice none here*/
        }
      </style>

Addition edit

visibility: hidden hides the element, but it still takes up space in the layout.

display: none removes the element completely from the document. It does not take up any space, even though the HTML for it is still in the source code.

edited Jan 9, 2014 at 14:10

answered Jan 9, 2014 at 14:04

NoobEditor

16k20 gold badges85 silver badges117 bronze badges

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

4 Comments

Ghost Echo Over a year ago

is visibility:none; a proper value?

NoobEditor Over a year ago

@GhostEcho : perfect catch mate...that was my bad typo....added an edit in my answer after your comment..+1 to it :)

Rich_Rich Over a year ago

visibility: none; didn't work. Luckily, the mistake was in the quotes! Thanks alot. Now I can try to set it visible with jQuery!

NoobEditor Over a year ago

@RichardDirven : visibility: none; was my bad typo...please see Addition edit part in my answer!! :)

Deepika Janiyani · Accepted Answer · 2014-01-09 14:05:34Z

2

Try writing inline CSS as below

echo "<div id='suggestions' style='visibility: hidden;'>
      <h1> Our suggestions for you: </h1>";
echo "</div>";

or change quotes in style tag

 <style type="text/css">
      #suggestions{
           visibility: hidden;
      }
 </style>

answered Jan 9, 2014 at 14:05

Deepika Janiyani

1,4679 silver badges17 bronze badges

Collectives™ on Stack Overflow

Echoing a MySQL string with text, then style it with CSS

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related