Ik gebruik PHP om gegevens van MySQL weer te geven. Hier zijn mijn CSS-verklaringen:
<style type=”text/css”>
table {
margin: 8px;
}
th {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
background: #666;
color: #FFF;
padding: 2px 6px;
border-collapse: separate;
border: 1px solid #000;
}
td {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
border: 1px solid #DDD;
}
</style>
Ze worden gebruikt voor het weergeven van de tabel, tafellader, tabledate.
Ik ben nieuw voor PHP CSS, dus ik vraag me gewoon af hoe je de bovenstaande CSS-stijl gebruikt in PHP-codes:
<?php>
echo "<table>";
echo "<tr><th>ID</th><th>hashtag</th></tr>";
while($row = mysql_fetch_row($result))
{
echo "<tr onmouseover=\"hilite(this)\" onmouseout=\"lowlite(this)\"><td>$row[0]</td> <td>$row[1]</td></tr>\n";
}
echo "</table>";
<?>
Antwoord 1, Autoriteit 100%
Cascading Style Sheets (CSS) is een taal in stijl die wordt gebruikt voor het beschrijven van de presentatie-semantiek (het uiterlijk en opmaak) van een document dat is geschreven in een markup-taal.
Meer info: http://en.wikipedia.org/wiki/cascading_style_sheets
CSS is geen programmeertaal en heeft niet de tools die worden geleverd met een serverzijdige taal zoals PHP. We kunnen echter de talen van de server-zijde gebruiken om style-lakens te genereren.
<html>
<head>
<title>...</title>
<style type="text/css">
table {
margin: 8px;
}
th {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
background: #666;
color: #FFF;
padding: 2px 6px;
border-collapse: separate;
border: 1px solid #000;
}
td {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
border: 1px solid #DDD;
}
</style>
</head>
<body>
<?php>
echo "<table>";
echo "<tr><th>ID</th><th>hashtag</th></tr>";
while($row = mysql_fetch_row($result))
{
echo "<tr onmouseover=\"hilite(this)\" onmouseout=\"lowlite(this)\"><td>$row[0]</td> <td>$row[1]</td></tr>\n";
}
echo "</table>";
?>
</body>
</html>
Antwoord 2, autoriteit 97%
Ik neem aan dat je je css-code in een database hebt staan & u een php-bestand als een CSS wilt weergeven. Als dat het geval is…
Op uw html-pagina:
<html>
<head>
<!- head elements (Meta, title, etc) -->
<!-- Link your php/css file -->
<link rel="stylesheet" href="style.php" media="screen">
<head>
Vervolgens, in het bestand style.php:
<?php
/*** set the content type header ***/
/*** Without this header, it wont work ***/
header("Content-type: text/css");
$font_family = 'Arial, Helvetica, sans-serif';
$font_size = '0.7em';
$border = '1px solid';
?>
table {
margin: 8px;
}
th {
font-family: <?=$font_family?>;
font-size: <?=$font_size?>;
background: #666;
color: #FFF;
padding: 2px 6px;
border-collapse: separate;
border: <?=$border?> #000;
}
td {
font-family: <?=$font_family?>;
font-size: <?=$font_size?>;
border: <?=$border?> #DDD;
}
Veel plezier!
Antwoord 3, Autoriteit 43%
Plaats gewoon de CSS buiten de PHP-tag. Hier:
<html>
<head>
<title>Title</title>
<style type="text/css">
table {
margin: 8px;
}
</style>
</head>
<body>
<table>
<tr><th>ID</th><th>hashtag</th></tr>
<?php
while($row = mysql_fetch_row($result))
{
echo "<tr onmouseover=\"hilite(this)\" onmouseout=\"lowlite(this)\"><td>$row[0]</td> <td>$row[1]</td></tr>\n";
}
?>
</table>
</body>
</html>
Houd er rekening mee dat de PHP-tags <?phpen ?>.
Antwoord 4, Autoriteit 7%
Ik heb dit niet begrepen Im new to php css, maar zoals u uw CSS op elementniveau hebt gedefinieerd, worden al uw stijlen toegepast op uw PHP-code
Uw PHP-code moet worden gebruikt met HTML zoals deze
<!DOCTYPE html>
<html>
<head>
<style>
/* Styles Go Here */
</style>
</head>
<body>
<?php
echo 'Whatever';
?>
</body>
</html>
Vergeet ook, u hoeft HTML niet opnieuw te echoeren met PHP, scheid ze eenvoudigweg als deze
<table>
<tr>
<td><?php echo 'Blah'; ?></td>
</tr>
</table>
Antwoord 5, Autoriteit 7%
Probeer uw PHP in een HTML-document te plaatsen:
Opmerking: uw bestand wordt niet opgeslagen als index.html maar het wordt opgeslagen als index.php, anders werkt uw php niet!
//dont inline your style
<link rel="stylesheet" type="text/css" href="mystyle.css"> //<--this is the proper way!
//save a separate style sheet (i.e. cascading style sheet aka: css)
Antwoord 6
Je kunt het ook insluiten in de php. Bijv.
<?php
echo "<p style='color:blue; border:2px red solid;'>CSS Styling in php</p>";
?>
ik hoop dat deze hulp voor iedereen in de toekomst.
Antwoord 7
Ik weet niet of dit de juiste indeling is of niet. maar het kan mijn probleem oplossen met het verwijderen van type=”text/css”bij het invoegen van CSS-code in html/tpl-bestand met php.
<style type="text/css"></style>Antwoord 8
css :hoverlijkt een beetje op js onmouseover
row1 {
// your css
}
row1:hover {
color: red;
}
row1:hover #a, .b, .c:nth-child[3] {
border: 1px solid red;
}
niet zo zeker hoe het werkt, maar css past stijlen toe op ge-echo’de id’s
Antwoord 9
De absoluut eenvoudigste manier (met je huidige code) is om een require_once("path/to/file")-statement toe te voegen aan je php-code.
<?php
require_once("../myCSSfile.css");
echo "<table>";
...
Tevens terzijde: de openingstag <?phpheeft aan het einde geen >en de afsluitende ?>php-tag begint niet met <. Vreemd, maar waar.
Antwoord 10
Ik had zojuist dit probleem en ik probeerde de truc ‘require_once’, maar het zou gewoon de CSS herhalen, vooral mijn php-code zonder de stijlen daadwerkelijk toe te passen.
Wat ik echter deed om het te repareren, was al mijn php in hun eigen eenvoudige HTML-sjablonen inpakken. Typ gewoon html in de eerste regel van het document en kies de suggestie html:5 om de HTML-boilerplate te krijgen, zoals je zou doen wanneer je net een gewoon HTML-document begint. Knip vervolgens de afsluitende body en html-tags en plak ze helemaal onderaan, onder de afsluitende php-tag om je php-code in te pakken zonder daadwerkelijk iets te veranderen. Ten slotte kun je gewoon je gewone oude link naar je stylesheet in de kop van je HTML plaatsen. Werkt prima.