Avatar billede lefsa62 Seniormester
08. marts 2019 - 23:54 Der er 3 kommentarer

Style

Jeg har et problem med denne streng. jeg vil style denne i skrift type og størelse og så vil jeg have den på linje.
er der nogle som har et foreslag

<div class="user_id">

        <?php

        if (isset($_SESSION['userid'])){
            $userid = $_SESSION['userid'];
            $sql = "SELECT * FROM users WHERE idUsers = '$userid';";
            $result = mysqli_query($conn, $sql);
            $rowtable = $result->fetch_assoc();

       
            echo '<p class="login-status">Hej '.$rowtable['uidUsers'].'</p>';
            echo '<form action="includes/logout.inc.php" method="post">';
           
            echo '<button type="submit" name="logout-submit">Logud</button>';
            echo '</form>';
            echo '<a href="signup.php" class="button_1">Opretbruger</a>';
        }else {
            echo '<form action="includes/login.inc.php" method="post">';
            echo '<span class="login_form">';
            echo '<input type="text" name="mailuid" placeholder="username/E-mail...">';
            echo "<br>";
            echo '<input type="password" name="pwd" placeholder="password...">';
            echo '</span>';
            echo '<span class="login_form_submit">';
            echo '<button type="submit" name="login-submit">Login</button>';
            echo '</span>';
            echo '</form>';
                }
Avatar billede olsensweb.dk Ekspert
09. marts 2019 - 07:54 #1
prøv at insætte dette:

<style>
    .login_form{
        display: inline-flex;
    }

    .login_form input[type='text'] {
        font-size: 30px;
        font-family: fantasy;
    }
   
    .login_form_submit button{
        font-size: 30px;
        font-family: cursive;
    }
</style>


loginformen visses på en linje
alle input felter af typen text i login_form får en stor størrelse og en grim fed font

prøv at erstatte
.login_form input[type='text'] {
med
.login_form input{

så er det alle input uanset type

du må selv style class login-status

det kan være de kan ligges sammen og gøres oppe i class user_id, men jeg ved ikke hvor meget de forskællige class bruges

.login_form_submit button remmer knappen, hvis den ikke skal have standart størrelse
Avatar billede olsensweb.dk Ekspert
09. marts 2019 - 09:39 #2
du bør overveje at dpoppe alt den css du har lavet og bygge siden op omkring et css framework
ref https://www.google.com/search?q=css+framework&oq=css+framework
https://scotch.io/bar-talk/6-popular-css-frameworks-to-use-in-2019


nogle af de mest populære er
https://getbootstrap.com/
https://foundation.zurb.com/

og suplerer med https://fontawesome.com/ hvis nødvendigt
Avatar billede olsensweb.dk Ekspert
09. marts 2019 - 09:53 #3
>echo "<br>";
laver den ikke et linjeskift ?? (jo)

mange af dine elementer er blok elementer og vil pr default starte på en ny linjeskift
https://www.w3schools.com/html/html_blocks.asp


så lav siden først i html og css og valider den, derefter kan du lave den om til php med værdier fra db
https://www.w3schools.com/html/html_blocks.asp
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester