Forum Mjukvara Programmering och digitalt skapande Tråd

Centrera php script?

1
Skriv svar
Permalänk
Medlem
●

Centrera php script?

God kväll, jag installera EasyPHP igen här om dagen för jag tänkte leka lite med PHP och eftersom jag håller på att lära mig HTML och CSS tänkte jag att jag gör en ny index sida till EasyPHP med alla nödvändiga länkar (Både för träning och brist på något att göra), för att slippa klicka nere i trayi konen hela tiden. Så tänkte jag att jag slänger in något php script bara för skojs skull, är helt ny på PHP men jag är sån som typ..kör jag in i ett problem kan jag inte släppa det, jag har testat näst in till allt (Känns det som) för att lyckas centrera texten från scriptet, utan framgång. Suttit och fundera på det här sen 12 tiden imorse och den är 23:23 nu. Så nu ger jag upp, någon som kan hjälpa?

Bild på sidan (Det är den svarta texten under knapparna jag vill centrera):

PHP (index.php):

<?php
	include('index2.html');
	echo date('l jS \of F Y h:i:s A');
?>

CSS (main.css):

@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, p, div, ul, li{
	margin: 0;
	padding: 0;
}

body{
	background: #DDD;
	font-family: Consolas, "Lucida Console", Monaco, monospace;
	padding: 300px;
}

#divWrapper{
	text-align: center;
	margin: 10px auto;
	padding: 3px;
}

.button{
	margin: 0 5px;
	background: #EDEDED;
	padding: 5px 15px;
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	color: #777;
	text-decoration: none;
	font: bold 0.8em arial,sans-serif;
}

.button:hover{
	background: #DDD;
}

#divButton1{ /* Change this to create space inbetween buttons (Or other propertise within the Button1 div container) */
	padding: 3px;
	margin: 3px;
}

#divButton2{ /* Change this to create space inbetween buttons (Or other propertise within the Button2 div container) */
	padding: 3px;
	margin: 3px;
}

HTML (index2.html):

<!DOCTYPE html>
<html>
<head>
	<title>The Lundgren</title>
	<link rel="stylesheet" type="text/css" href="main.css">
	<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
</head>
<body>
	<div id="divWrapper">
		<div id="divButton1"><a href="http://127.0.0.1/ProjectFiles" class="button">Project Files</a></div>
		<div id="divButton2"><a href="http://127.0.0.1/home/" class="button">Administration</a></div>
	</div>
</body>
</html>
Visa signatur

AMD Ryzen 9 3900x - MSI Tomahawk x570 Wi-Fi - 32GB Corsair Vengence @ 3200Mhz - MSI GeForce GTX 1070 8GB Gaming X - Corsair Hydro H100x - Några HDD's

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

CSS:

.center {
text-align: center; }

PHP

echo "<span class='center'>" .  date('l jS \of F Y h:i:s A') . "</span>";

EDIt: vaför har du gett "body" padding? ta bort det.
Sätt width på din wrapper, då fungerar nog allt ska du se, utan att använda det jag skrev.

Ex:

#divWrapper{
	text-align: center;
	margin: 10px auto; //denna centrerar wrapper om 'width' är angivet
	width: 400px;
	padding: 3px;
}
Senast redigerat
Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

HTML och CSS ser bra ut men din php-kod är ju helt fristående.

PHP genererar HTML-kod för klientens browser vilket betyder att HTML-koden ska du baka in i PHP-koden. När du gör en include av en hel html-fil och lägger till extra kod efteråt så får du tokig kod. Bland annat så har ju all html avslutats (</html>) så inget mer bör returneras av browsern.
Nu är det svårt att veta exakt hur du vill ha det men du kanske kan labba lite mer med denna kod:

<!DOCTYPE html>
<html>
<head>
	<title>The Lundgren</title>
	<link rel="stylesheet" type="text/css" href="main.css">
	<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
</head>
<body>
	<div id="divWrapper">
		<div id="divButton1"><a href="http://127.0.0.1/ProjectFiles" class="button">Project Files</a></div>
		<div id="divButton2"><a href="http://127.0.0.1/home/" class="button">Administration</a></div>
                <?php
	                echo date('l jS \of F Y h:i:s A');
                ?>
	</div>
</body>
</html>

Jag har praktiskt taget stoppat in PHP-koden i HTML-koden kan man säga. Stoppa in koden i exempelvis index2.php och så kör du den istället så ser du skillnaden.

Nu är det läggdags. Natti.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av FlorrpaN:

CSS:

EDIt: vaför har du gett "body" padding? ta bort det.
Sätt width på din wrapper, då fungerar nog allt ska du se, utan att använda det jag skrev.

[/CODE]

Gå till inlägget

Säkert något jag testa när jag försökte själv som jag sedan glömt tagit bort igen

Visa signatur

AMD Ryzen 9 3900x - MSI Tomahawk x570 Wi-Fi - 32GB Corsair Vengence @ 3200Mhz - MSI GeForce GTX 1070 8GB Gaming X - Corsair Hydro H100x - Några HDD's

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Leedow:

HTML och CSS ser bra ut men din php-kod är ju helt fristående.

PHP genererar HTML-kod för klientens browser vilket betyder att HTML-koden ska du baka in i PHP-koden. När du gör en include av en hel html-fil och lägger till extra kod efteråt så får du tokig kod. Bland annat så har ju all html avslutats (</html>) så inget mer bör returneras av browsern.
Nu är det svårt att veta exakt hur du vill ha det men du kanske kan labba lite mer med denna kod:

<!DOCTYPE html>
<html>
<head>
	<title>The Lundgren</title>
	<link rel="stylesheet" type="text/css" href="main.css">
	<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
</head>
<body>
	<div id="divWrapper">
		<div id="divButton1"><a href="http://127.0.0.1/ProjectFiles" class="button">Project Files</a></div>
		<div id="divButton2"><a href="http://127.0.0.1/home/" class="button">Administration</a></div>
                <?php
	                echo date('l jS \of F Y h:i:s A');
                ?>
	</div>
</body>
</html>

Jag har praktiskt taget stoppat in PHP-koden i HTML-koden kan man säga. Stoppa in koden i exempelvis index2.php och så kör du den istället så ser du skillnaden.

Nu är det läggdags. Natti.

Gå till inlägget

Jo, vet att det går att göra så, men jag ville testa ha en php fil som index Eller 3 olika filer =P Om det nu går, men det borde det ju göra.

Skrivet av FlorrpaN:

CSS:

.center {
text-align: center; }

PHP

echo "<span class='center'>" .  date('l jS \of F Y h:i:s A') . "</span>";

EDIt: vaför har du gett "body" padding? ta bort det.
Sätt width på din wrapper, då fungerar nog allt ska du se, utan att använda det jag skrev.

Ex:

#divWrapper{
	text-align: center;
	margin: 10px auto; //denna centrerar wrapper om 'width' är angivet
	width: 400px;
	padding: 3px;
}
Gå till inlägget

Antingen gjorde jag nånting fel, eller så fungerar inget av dom för mig

Edit: Gör jag så här blir den centrerad men må ju finnas något enklare sätt

.center{
	text-align: center;
	position: absolute;
	left: 500px;
}
	echo "<span class='center'>" .  date('l jS \of F Y h:i:s A') . "</span>";
Senast redigerat
Visa signatur

AMD Ryzen 9 3900x - MSI Tomahawk x570 Wi-Fi - 32GB Corsair Vengence @ 3200Mhz - MSI GeForce GTX 1070 8GB Gaming X - Corsair Hydro H100x - Några HDD's

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Tott3:

Jo, vet att det går att göra så, men jag ville testa ha en php fil som index Eller 3 olika filer =P Om det nu går, men det borde det ju göra.

Gå till inlägget

Ja, självklart kan man det men man måste veta vad det innebär och hur det fungerar. Enklast är om du tittar i källkoden som browsern ger dig. Du kan även validera koden så får du mer specifierat felmeddelande.

Inget av koden ni båda pratar om kommer att fungera sålänge PHP genererar datumet UTANFÖR HTML-koden.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Leedow:

Ja, självklart kan man det men man måste veta vad det innebär och hur det fungerar. Enklast är om du tittar i källkoden som browsern ger dig. Du kan även validera koden så får du mer specifierat felmeddelande.

Inget av koden ni båda pratar om kommer att fungera sålänge PHP genererar datumet UTANFÖR HTML-koden.

Gå till inlägget

Låter överkurs för tillfället Tänkte bara lägga in nått litet för skojs skull, men inte tänkt börja läsa PHP än då jag inte känner att jag har full kontroll på HTML & CSS än.

Visa signatur

AMD Ryzen 9 3900x - MSI Tomahawk x570 Wi-Fi - 32GB Corsair Vengence @ 3200Mhz - MSI GeForce GTX 1070 8GB Gaming X - Corsair Hydro H100x - Några HDD's

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Tott3:

Låter överkurs för tillfället Tänkte bara lägga in nått litet för skojs skull, men inte tänkt börja läsa PHP än då jag inte känner att jag har full kontroll på HTML & CSS än.

Gå till inlägget

Det är inte så överkurs.
Att titta på hur den faktiska genererade koden ser ut är väldigt nyttigt. Av det du har lärt dig hittills så vet du säkert att alla taggar har en start- och sluttagg samt att all presentationsdata måste finnas inom body-elementet, osv osv. Valideringen säkerställer bara detta i felmeddelanden om dessa regler inte följs. Exempelvis, säg att du glömmer att "stänga" en div med </div>, då säger valideringen "Missing closure".

Om du tittar på källkoden som browsern har så bör du se på en gång om det ser rätt ut. I den första koden du skrev så kommer PHP-tiden efter </html> vilket vi båda vet är tokigt.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara