CSS Forum

**Giselle** · 07-22-2009, 04:23 PM

Is it possible to add a cgi script to an external CSS file?

I have a postcard script, works fine in a straight html file, thought I would add an external CSS file. Right now all that comes up on the page is the nine radio buttons, no graphics, plus there are multiple errors with the page when it was validated. Thought perhaps that would give me some clues, but it didn't.

Any help would be greatly appreciated...

**konetch** · 07-22-2009, 04:39 PM

You don't add it to the css file you add it to the <form> tag.

Example: <form action="radiobuttons.cgi"></form>

Link to it that way

**Giselle** · 04:09 AM

Alex here's two pictures, the first one is straight html, no css file attached, the script works fine, however it's in tables.

The second picture is what I have in the middle of the page. If you click on one of those radio buttons it goes to the small thumbnail picture which it's suppose to go to another page to make out your greeting card. However I did eliminate the tables, but the tables didn't work either, perhaps the wrong coding. On another page I made with the external css file I had thumbnails of graphics and this worked fine without tables.

**konetch** · 07-23-2009, 01:40 AM

It would help if you posted some code, then I could guide you a little easier. It looks like you don't need a cgi file but you could probably achieve this with javascript. You can't and won't have to add anything like cgi script to the css file. Here's an exaple of what it should look like

pics.cgi

Code:

cgi code that i don't know

style.css

Code:

body {
 color:#000;
 background:red;
}
input {
 text-algin:center;
}

index.html

Code:

<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<form action="pics.cgi" method="get">
<input type="radio" name="pic1">
<input type="radio" name="pic2">
<input type="radio" name="pic3">
</form></body>
</html>

then the cgi file should pick up the names (i.e. pic1, pic2, pic3) and give the appropriate picture. Understand?

Again if I'm telling you something wrong it is probably cause I can't see any code. however you can pnly add css code to css files

**Giselle** · 07-23-2009, 11:52 AM

Thank you very much Alex, you went through a lot of trouble, very much appreciated! I copied everything you submitted.

Here is the code I think you were asking for:

<form method=post action="http://www.url.com/****/****/card.cgi">
<input type=hidden name=action value=preview>
<input type=hidden name=type value=picture>

This the coding that works fine on the straight html page, no external css file whatsoever.

A few weeks ago I asked for help adding borders on each side of the webpage. LadynRed went through a lot of trouble making up templates for me. So far I have done quite a few pages already with the appropriate changes in the external css file with each page with some problems, but up until now have been able to figure it out, plus I really have learned a lot. I am still very brand new to CSS.

Thank you very much Alex!

**konetch** · 05:08 PM

Okay, well if that works fine on a strait html page then it is probably a problem with not closing a div or a type. Also always put quotes around attributes. It's important for clean markup and is recommend by w3c. I'm pretty sure that if you want style with your form you're going to need to edi the cgi script since that is how the radio buttons are being generated. Also are you closing your form with </form>?

If you show me the cgi file I could help. It would be easir if you sent it to my by a pm

Alex

**Giselle** · 07-23-2009, 07:06 PM

I am going to submit two links, this is the postcard script I have, it's pretty simple but it was perfect for me. Many years ago I purchased the script, now I see the gentleman is offering the script for free, which is pretty nice. You can look at the program.cgi script on line, this one I have never altered. There are two scripts, one is card.cgi and the other is program.cgi.

All I can say is something isn't quite right here, I have been working with your coding, I managed to get two thumbnail graphics to appear but still not going to where it's suppose to go. As far as the straight html postcard page it's working perfectly and validates in w3schools with no errors or warnings. The first line of the code I submitted is exactly the way the author of the script said to do. As far as the second and third lines of coding, that could be very questionable although it validates. My previous server many years ago helped me, sent me an email as to how it should be coded and it worked.

http://www.aestheticsurgerycenter.com/scripts/postcard/

http://www.aestheticsurgerycenter.co...ostcard2.shtml

Is there somewhere in the program.cgi where I would have to read it to print to css?

Thank you very much for taking your time Alex, very much appreciated!

**konetch** · 07-23-2009, 07:15 PM

Hi, thanks. I'll look over it. I'm busy right now. I'll send you what I come up with in a PM.