[RESOLVED] inserting php into a CSS tag

paulnf

is it possible to insert a Php variable in a css tag example:

a.Planetdisplay{float: left; width: 100%; height: 193px; background: url('<?php echo 'Images/'. $number .'_MC_4a.gif'; ?>');}
a.Planetdisplay:hover{background: url('<?php echo 'Images/'. $number .'_MC_4a1.gif'; ?>');}

What i'm trying to do is change the planet image when I exit a page to represent where i just was. I perform a hover effect thru the style and was trying to insert the veriable to identify the image number.

JVassie

Hehe, please don't tell me this is another OGame clone? :p

As for your question, i don't see any reason why it shouldn't work, have you tried it?

If so, did you get an error?

nrg_alpha

It should work if your CSS snippet is either embedded or inline in your XHTML document. If it is in a separate .css file however, it would have no effect, as only files with .php extension are parsed by PHP on the server.

Cheers,

NRG

paulnf

yea Not sure I can get every aspect of this to work accept what i listed above. It still wont work.

nrg_alpha

Deleted this post
I think I misunderstood. Sorry.. see the next post.

Cheers,

NRG

nrg_alpha

I think I misunderstood your post.. for your hover line, simply try this:

Planetdisplay:hover{background: url('<?php echo 'Images/'. $number .'_MC_4a1.gif'; ?>');}

If I understand this, you do not put a.classname:hover.. I think you just need classname:hover. I'm bad at helping sometimes.. sorry about this.. let me know if that helps.. I think I misunderstood what you were getting at.

Cheers,

NRG

P.S I'm not sure if you need to insert a '/' character before your Images directory.. like this: /Images/ but that initial '/' character basically means refers to the root of the site..

paulnf

I didn't know that i didn't need the "a." in front of the tag thanks but i'm still scratching my head as to why it won't load the image ill look at it some more if i get information i will post it.

paulnf

Just another question, I've tried to accomplish this any number of ways with no luck. in php because this information is in the style section which is above the php code section when the page is launched is there any chance that it is processing they styles first or does it always perform the php code first?

paulnf

k i viewed the source and this is what is being spit out and i'm not sure what is causing it or how to handle it. here is the exact code from the Style section

Planetdisplay{float: left;width: 100%;height: 193px;background: url(<?php echo 'Images/'.$loc."_MC_4a.gif"?>);}

here is my php section

$loc = $_GET['loc'];
$sysimage = 'Images/Locations/L'. $Loc .'.gif';



if (empty($loc))
{
	$hlimage = 'NavSol_System.php';
}else
{
	$hlimage = 'NavSol_'. $loc .'.php';
}

when i view source this is what it says.

a.Planetdisplay{float: left;width: 100%;height: 193px;background: url(<br />
<b>Notice</b>:  Undefined variable: loc in <b>C:\Projects\STOnline\Sol\NavSol_System.php</b> on line <b>36</b><br />
Images/_MC_4a.gif);}

nrg_alpha

This line should have 'a.Planetdisplay' instead of just 'Planetdisplay'.

paulnf;10882038 wrote:

Planetdisplay{float: left;width: 100%;height: 193px;background: url(<?php echo 'Images/'.$loc."_MC_4a.gif"?>);}

Variables in PHP are case sensative.. so $Loc is not the same as $loc. You have two different variables there because one of them has an uppercase L.

paulnf;10882038 wrote:

$loc = $_GET['loc'];
$sysimage = 'Images/Locations/L'. $Loc .'.gif';

As for the rest of your PHP code, I don't see where you echo out the image. Also, what happened to $number? Is this the same as $loc?

For your css to work, you need to make sure that the css is NOT in a separate .css file. Is yours in a separate linked file, or is it in your <head> tag (or somewhere else in your webpage)?

**EDIT..

paulnf;10881975 wrote:
I didn't know that i didn't need the "a." in front of the tag thanks but i'm still scratching my head as to why it won't load the image ill look at it some more if i get information i will post it.

Sorry.. my mistake.. you do need the 'a.classname:hover'. My bad.

I'll post a sample code of what I have working.. stay tuned..

nrg_alpha

Ok.. here is a very simple example. Let's assume that I had your images in your image folder, and that the image folder is at the root of the website.. this is a sample code of how you can get things started..

<head>
&#8230;
<?php $number = 1; // I&#8217;m just making this number up..replace with your actual number&#8230;?>
<style type="text/css">
a.Planetdisplay {float: left; width: 100%; height: 193px; background: url('<?php echo '/Images/'. $number .'_MC_4a.gif'; ?>');}
a.Planetdisplay:hover {background: url('<?php echo '/Images/'. $number .'_MC_4a1.gif'; ?>');}
</style>
&#8230;
</head>


<html>
   <body>
      ...
         <a class="Planetdisplay"></a>
      ...
   </body>
</html>

Notice how at the top of my page, in the <head> tag, I have a <style> tag that contains the css code you want (you never told me where your css code was located.. but I'm showing you here how to put it inside your <head> tags at the top of your webpage). Then, in the body of your html, you can simply put in your <a> tag (or make it so that it is displayed using PHP depending on any conditions you need).

Does this make sense?

Cheers,

NRG

paulnf

Wow that took forever to get straight, to answer your question of about the variables the reason they were all mixed up was because I was trying all sorts of things to get it right. (none of which was working), your last example was very helpful because I was placing the PHP section below the Style tag so it makes sence that when I ran the page it didn't know what that variable was as of yet because i hadn't gotten to it. THANKs for you patience and help this fixed the problem i was having.

nrg_alpha

Glad to hear you got it all straightened out. 🙂

Cheers,

NRG