Css help

Netbreak · #1 (**permalink**) 05-15-04, 03:06 PM

http://www.netbreak.moonfreehost.com/poll.php on this poll, i want to change the submit button... a friend of mine told me i could only use css to do that... but neither him or i know how to work with css... anyone can help? If the page code is needed please inform me=(((

Henry · #2 (**permalink**) 05-15-04, 10:33 PM

Quote:

Originally Posted by Netbreak

http://www.netbreak.moonfreehost.com/poll.php on this poll, i want to change the submit button... a friend of mine told me i could only use css to do that... but neither him or i know how to work with css... anyone can help? If the page code is needed please inform me=(((

hello

in your input tag simply add class="votebutton" eg.

<input type="submit" name="s_boom" value="Votar!" style="font-size: 10px" class="votebutton"/>

then in the <head></head> section of the page add this:

<style>
.votebutton {
border: 1px solid #999;
background: #fff;
color: #222;
font-weight: normal;
font-family: verdana;
font-size: 9px;
width: 60px;
background: #eee;
}
</style>

you can fiddle around with border background and font to get it the way u like.

Netbreak · #3 (**permalink**) 05-16-04, 05:09 AM

Quote:

Originally Posted by Henry

hello

in your input tag simply add class="votebutton" eg.

<input type="submit" name="s_boom" value="Votar!" style="font-size: 10px" class="votebutton"/>

then in the <head></head> section of the page add this:

<style>
.votebutton {
border: 1px solid #999;
background: #fff;
color: #222;
font-weight: normal;
font-family: verdana;
font-size: 9px;
width: 60px;
background: #eee;
}
</style>

you can fiddle around with border background and font to get it the way u like.

i get the head tag but whats with the imput thing? i didnt get it. I repeat i don't knwo damn about css(sorry for being such a pain in the ***)

razvan · #4 (**permalink**) 05-16-04, 06:55 AM

The "input" thing is the submit button!

Netbreak · #5 (**permalink**) 05-16-04, 07:08 AM

Quote:

Originally Posted by razvan

The "input" thing is the submit button!

the script just says to put this code

<?php require '/home/netbreak/public_html/Polls/booth.php';
display_booth(1); ?>

on the part tha twe want to the poll to appear...

My poll is from fusion...so where's the file to imput and chage...

Henry · #6 (**permalink**) 05-17-04, 03:38 AM

im guessing it would would be in the booth.php file. open that file up and look for:

<input type="submit" name="s_boom" value="Votar!" style="font-size: 10px">

and replace it with:

<input type="submit" name="s_boom" value="Votar!" style="font-size: 10px" class="votebutton"/>

still leaving that <style> bit up in the head section

Netbreak · #7 (**permalink**) 05-17-04, 06:49 AM

Quote:

Originally Posted by Henry

im guessing it would would be in the booth.php file. open that file up and look for:

<input type="submit" name="s_boom" value="Votar!" style="font-size: 10px">

and replace it with:

<input type="submit" name="s_boom" value="Votar!" style="font-size: 10px" class="votebutton"/>

still leaving that <style> bit up in the head section

thank u dude

Henry · #8 (**permalink**) 05-18-04, 04:54 AM

no worrys mate

lazybrit · #9 (**permalink**) 07-16-04, 08:24 PM

or you can just put this in the stylessheet

input, button {
border: 1px solid #000000; //border color
background: #ffffff; //background color
color: #000000; //font color
font-size: 12px;
width: 100%;
padding: 3px;
margin: 0px; }

No font style or family is needed, that should be in the body tag

studenteye · #10 (**permalink**) 07-17-04, 12:44 AM

if you don't know how to use css then another simple way to change submit button.

1: make an image looking like button ( *.gif, *.jpg *.png )

2: give path of image in SRC="images/button.jpg"

<INPUT type="image" Src="path of button image" Title="tooltip" />