PHP, jak oddzielić tekst poziomo? (PHP odc. 2)

pytanie zadane 20 lipca 2018 w PHP przez NetMan Nowicjusz (120 p.)
edycja 20 lipca 2018 przez NetMan

Witam.

Zrobiłem mechanizm logowania do mojej witryny, i wszystko działa. Na stronie gry, chciałem zrobić "Witaj, $user! [Wyloguj się!]", ale to mi się tak jakby złącza.

Zdjęcie nr 1 (to jest to co mi wyszło):

Zdjęcie nr 2 (to co chciałbym uzyskać):

Kod:

	<?php
		echo "<p>Witaj, ".$_SESSION['user'].'! [<a href="logout.php">Wyloguj się</a>]</p>';
	?>

Strona: e12-e13-e14.cba.pl (trzeba się zarejestrować, ale do nicku proszę dopisać "zforummz", wtedy usunę to konto z bazy danych).

Dziękuję, za pomoc.

Z poważaniem, NetMan.

1 odpowiedź

odpowiedź 20 lipca 2018 przez pablop76 VIP (123,180 p.)

Masz to w jednym akapicie. Poprostu rozdziel to i ostyluj według potrzeby.

Pokaż 20 poprzednich komentarzy

komentarz 20 lipca 2018 przez pablop76 VIP (123,180 p.)

Gdyby to miało być na float to mogłoby wyglądać tak

<div class="container">
<span class="floatLeft">Witaj, $user!</span>
<a href="logout.php"><span class="floatRight">[Wyloguj sie]</span></a>
</div>

body
{
background-color: black;
color: #fff;
}
.container
{
width: 80%;
max-width: 1600px;
margin: 0 auto;
}
.container::after{
    content: "";
    clear: both;
    display: table;
}
.floatLeft{
  float: left;
}.floatRight{
  float: right;
}

komentarz 20 lipca 2018 przez pablop76 VIP (123,180 p.)

Zapoznaj sie ze skróconym zapisem echo

< ?='Test'?>

I wstaw tak swoje zmienne

komentarz 20 lipca 2018 przez NetMan Nowicjusz (120 p.)

Dzięki

komentarz 21 lipca 2018 przez NetMan Nowicjusz (120 p.)

Udało się! ;)

W PHP bo $user zmienia się na nazwę.

Kod HTML/PHP:

<div class="rectangle">
		<div id="hello">
			Witaj, <?php echo $_SESSION['user']; ?>!
		</div>
		<div id="logout">
			<a class="logoff" href="logout.php">Wyloguj się</a>
		</div>
		<div style="clear:both;"></div>
	</div>

Kod CSS:

#hello
{
	float: left;
	width: 400px;
}

#logout
{
	float: left;
	width: 300px;
	padding-left: 100px;
	text-align: right;
}

a.logoff
{
	text-decoration: none;
}

a.logoff:link
{
	color: blue;
}

a.logoff:visited
{
	color: blue;
}

a.logoff:hover
{
	color: yellow;
}