Need Some help with buttons

edelweis

Hello all,

I hope someone can help me with the follow problem.

I have an page. Where members can visit all pages into our member area. To get that I have buttons but I wanted to change them into text links. Only I not get it working with the part of the script that is saves the username so the account will stay login.

This is how it is standing right now.

This brings me an Button with Member Page on it. But I love to get just text and not an button. Does someone now how I can fix that part.

Greetings

Sebas

bpat1434

Well, no, you have to have a button submit it; however, that does not mean you can't control how the button looks!!!

Using simple CSS, you can make the button appear "flat". You can style it like to be like so if you want:

CSS Code

<style type="text/css"><!--
/* Define button UP state */
.button1{
background-color: #fff;
color: #000;
font-size: 11pt;
border: none;
cursor: pointer;
padding: 0;
margin: 0;
text-decoration: underline;
}

/* Define button roll Over state */
.button1:hover,
.button1.over
{
	background-color: #abd;
}
-->
</style>

Then, some simple HTML/Java:

<button type="submit" class="button1" onMouseOver="this.className+=' over';" onMouseOut="this.className=this.className.replace(' over', '');">Log Into the Members Area</button>

That should work for what you want. You can view it online here:
Viewable Here

~Brett

bradgrafelman

Or, you could use Javascript, and fall back to a flat "button" if Javascript is not enabled, like so:

<script language="Javascript" type="text/javascript">
<!-- write the normal text w/ javascript
   document.write('<a href="#" onClick="document.forms[0].submit()">Log in!</a>');
// -->
</script>
<noscript><button type="submit" class="button1"></noscript>

edelweis

Hello,

First of all thanks for your great helps bothly.

I have tryed them both, only the second one with the Javascript I not get working rightly as every time, he logout me. I think that is partly of the script of because of my way of pasting the codes.

With the first option I get it working, only the problem is that I get an space between 2 buttons. And they only come under eachother. Like at
http://www.myfreeshares.com/header5.php

I love to get it like you see under it. And even better is that there is no space between it. Like there is now for and after the text. I think that problem had something to do with the last part of the code the one that save the username. But how to get that rightly i not know

Code Right Now
<form method="post" action="member.php"> <button type="submit" class="button1" onMouseOver="this.className+=' over';" onMouseOut="this.className=this.className.replace(' over', '');">Log Into the Members Area</button> <input type="hidden" name="opcija" value="111"> <input type="hidden" name="user" value=" <?php print $user;?> "> <input type="hidden" name="loza" value=" <?php print $loza;?> "></form>

bpat1434

Add this line to the button1 lcass:

float: left;

You will also need to add this to your style(s):

form
{
    width: auto;
    margin: 0 auto;
    padding: 0;
    float: left;
}

You're using multiple forms. So it's like having two <p> divs next to eachother. They automatically make it go to the next line unless you tell it otherwise.

~Brett

edelweis

Hello Brett

Thanks again for your great help and yes that works great.

I knew the problem which it where I only not know how to get it fixed before. SO Thanks for your amazing Help.

Only now my last question. At this time it had an space before and after the Text like is to see at http://www.myfreeshares.com/header5.php Is it as well possible to get it without the space before and after the text.

Greetings

Sebas

bpat1434

Not really, but you could fiddle with letter-spacing, and margin/padding values to possibly get it where you want. Firefox displays differently than IE so watch what you do with styles.

~Brett