Does this CSS styling affect my PHP code?

Question

Upon using the following CSS styling for my log in form, My POST variables register as NULL variables upon form submission. Why?

Here is the CSS:

#wrapper #Box input[type=text], textarea, input[type=password] {
border: 1px solid #929292;
color: #929292;
padding: 10px;
vertical-align: text-top;
width: 200px;
-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
-khtml-border-radius: 5px;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
bottom: 0;
left: 10px;
}

#wrapper #hottestBox button, input[type=submit] {
border: 1px solid #929292;
color: #505050;
-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
-khtml-border-radius: 5px;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
padding: 10px;
}

for this HTML

<div id ='wrapper'>
<div id ='Box'>
        <form action="login.php" method="post">
        Username:
        <input name="username:" type="text"/><br/>
        Password:
        <input name="password:" type="password" /><br/>
        <input name="submit" type="submit" value="Sign In" />
        </form>
    </div>

</div>

Mark · Accepted Answer · 2011-08-17 15:33:18Z

7

why do your name attributes have a : at the end? That is probably part of your problem. This is definitely not CSS related

answered Aug 17, 2011 at 15:33

Mark

5,7302 gold badges28 silver badges26 bronze badges

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

2 Comments

Justin ᚅᚔᚈᚄᚒᚔ Over a year ago

It's not part of the problem, it is the problem ;)

algorithmicCoder Over a year ago

Awesome!! someone made a change to the html that I didn't notice! Thanks would never have caught that.

Luwe · Accepted Answer · 2011-08-17 15:34:45Z

1

Post variables being null has nothing to do with CSS styling.

When trying your snippet, Firebug tells me that both username and password are properly set, so your problem lies elsewhere.

Edit

Seeing other answers: the colon doesn't seem to have an effect of setting post vars to NULL when viewing the request in Firefox. On my server the POST vars are still properly set.

answered Aug 17, 2011 at 15:34

Luwe

3,0281 gold badge22 silver badges23 bronze badges

1 Comment

Mark Over a year ago

If he's expecting username and password without a : in his php code it will be the problem.

Fabio · Accepted Answer · 2011-08-17 15:35:07Z

0

It's impossible that CSS affect php. How do you access your post variables? I've noticed that you name your fields with colon (username: and password:) try to remove the colon from the names and print_r the POST array in your login.php

answered Aug 17, 2011 at 15:35

Fabio

19.3k9 gold badges85 silver badges114 bronze badges

Comments

Abbas · Accepted Answer · 2011-08-17 15:35:18Z

0

This has indeed nothing to do with the CSS, remove the ':' from the name-property of your controls.

answered Aug 17, 2011 at 15:35

Abbas

14.5k6 gold badges43 silver badges77 bronze badges

Comments

Johni · Accepted Answer · 2011-08-17 15:35:07Z

-1

try

print_r($_POST);

it should help you to solve the problem.

answered Aug 17, 2011 at 15:35

Johni

2,9804 gold badges30 silver badges48 bronze badges

Collectives™ on Stack Overflow

Does this CSS styling affect my PHP code?

5 Answers 5

2 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related