CSS does not access the button inside the if

Question

CSS does not access the button inside the if

Asked 6 years, 8 months ago

Viewed 43 times

1

The CSS is working with the button inside the else but it does not work with the button located inside the if. The button inside the if refers to the page with the logged in user and the else with the user loaned that is normally loading the guidelines made in the file . css, I would just like to know why it appears that he " does not read the button within the if "

?php
    session_start();
?>

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <header>
        <nav>
            <div class="main-wrapper">

                <ul>
                    <li>

                        <a href="index.php">Home</a>
                    </li>
                </ul>
                <div class="nav-login">
                    <?php
                        if (isset($_SESSION['u_id'])) {
                            echo '<form action="includes/logout.inc.php" method="POST">
                        <button type="submit" name="submit">Deslogar</button>
                    </form>';
                        }else{
                            echo '<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
                    <form action="includes/login.inc.php" method="POST">
                        <input type="text" name="uid" placeholder="Apelido/e-mail">
                        <input type="password" name="pwd" placeholder="Senha">
                        <button type="submit" name="submit">Entre</button>

                    </form>
                    <a href="singup.php">Cadastre-se</a>';
                        }
                    ?>



                </div>
            </div>
        </nav>
    </header>

Input and button CSS

header .nav-login form input {
    float: left;
    width: 30%;
    height: 50%;
    padding: 0% 3%;
    margin-right: 2%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 30px;
    background:#fff;
    border:1px solid #ccc;
    border-top-color:#d9d9d9;
    box-shadow:0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
    cursor:default;

}
    header .nav-login form input:hover {
    float: left;
    width: 30%;
    height: 50%;
    padding: 0% 3%;
    margin-right: 2%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 30px;
    background:#fff;
    border:1px solid #ccc;
    border-top-color:#d9d9d9;
    box-shadow:0 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
    cursor:default;
 }

header .nav-login form button {
    float: left;
    width: 17%;
    height: 50%;
    padding: 0% 3%;
    margin-right: 5%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #696969;
    line-height: 30px;
    background:#fff;
    border:1px solid #ccc;
    border-top-color:#d9d9d9;
    box-shadow:0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
    cursor:pointer;

}

header .nav-login form button:hover {
    float: left;
    width: 17%;
    height: 50%;
    padding: 0% 3%;
    margin-right: 5%;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    line-height: 30px;
    background:#fff;
    border:1px solid #ccc;
    border-top-color:#d9d9d9;
    box-shadow:0 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
    cursor:pointer;
}

created class only for button and permenece problem, follow the images

Put the snippet of the css being used.

– Rodrigo de Farias

2018/03/28 at 17:16
I only posted the button and input snippets I use

– Oggi Mrm

2018/03/28 at 17:20
Oggi take a look at the comment I made in my answer, now that I see that you edited the question

– hugocsl

2018/03/28 at 18:23

1 answer

Browser other questions tagged php html css button

You are not signed in. Login or sign up in order to post.

by hugocsl • **65,517** points · Answer 1 · 2018-03-28T17:50:39+00:00

Guy running the . PHP on the local server worked normal. But only with CSS also to solve, just create a class pro button and not use that way header .nav-login form button

I know it’s not the exact answer because he won’t take the class, I noticed that if you remove the <? CSS already works, but PHP does not. But sometimes this tip already solves your problem if you can create and put a class in <button>

Look how you stayed here running local:

Example of my suggestion. (I left some comments on CSS)

OBS: I didn’t touch anything just put the class right on the button and didn’t use the "full path" .nav-login form button now the class .btn-login goes right into the button

.btn-login { /* aqui era: "header .nav-login form button" */
    float: left;
    width: 17%;
    height: 50%;
    padding: 0% 3%;
    margin-right: 5%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #696969;
    line-height: 30px;
    background:#fff;
    border:1px solid #ccc;
    border-top-color:#d9d9d9;
    box-shadow:0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
    cursor:pointer;

}
.btn-login:hover { /* aqui era: "header .nav-login form button:hover" */
    float: left;
    width: 17%;
    height: 50%;
    padding: 0% 3%;
    margin-right: 5%;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    line-height: 30px;
    background:#fff;
    border:1px solid #ccc;
    border-top-color:#d9d9d9;
    box-shadow:0 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
    cursor:pointer;
}

<form action="includes/logout.inc.php" method="POST">
    <button class="btn-login" type="submit" name="submit">Deslogar</button>
</form>