nicht angemeldet
CSS_Formatierungen
Hallo,
ich habe schon mal von CSS gehört ;-).
Ich suche eine elegante Möglichkeit in einem Tut, die codeschnipsel zu formatieren. Und zwar soll, der codeschnipsel innerhalb des Textes
dadurch hervorgehoben werden, das er einen Rahmen hat und die Hintergrundfarbe grau ist. Das ist soweit kein Problem.
Ich habe aber x verschiedene codeschnipsel die alle die gleichen Formatierungen bekommen sollen, aber eben nur verschiedene Positionen im Text haben.
Also
blablabal
codschnipsel
$vereine=array();
$vereine=array("Schalke 04",
"1.FC Kaiserslautern",
"Bayern München",
"Hamburger SV");
foreach($vereine as $element) {
echo "$element<br>";
}
blabal
wieder codeschnipsel.
Kann man die formatierungen einmal definieren und nur die positionen ändern?????
Hoffe ich habe mich verständlich gemacht.
-
Kann man die formatierungen einmal definieren und nur die positionen ändern?????
Na klar. Du kannst in jedem Tag ein style-attribut angeben. Änderst Du eigentlich die Positionen auch mit CSS oder kommen nur xmal "codeschnipsel" im laufenden Text?
Ich würde das jedenfalls so machen:
Im <head> Tag:
<style>
div.codeschnipsel { background-color:gray; blabla.... }
</style>Dann später
blblabnlbalblabl
<div class="codeschnipsel">
Codeschnipsel bklablablablabalba
</div>blabla
<div class="codeschnipsel">
Codeschnipsel bklablablablabalba
</div>Wenn Du die Positionen Deiner Codeschnipsel mit CSS verändern willst, kannst Du entweder die Position immer in ein styleattribut schreiben:
<div class="codeschnipsel" style="position:absolute; top:1278px">
oder noch ein id="schnipsel1" attribut angeben und im style tag wiederum angeben:
#schnipsel1 { position:absolute }
Man kann übrigens auch mehrere Klassen für einen Tag angeben
<div class="codeschnipsel grauerhintergrund">
-
Kann man die formatierungen einmal definieren und nur die positionen ändern?????
Na klar. Du kannst in jedem Tag ein style-attribut angeben. Änderst Du eigentlich die Positionen auch mit CSS oder kommen nur xmal "codeschnipsel" im laufenden Text?
Ich würde das jedenfalls so machen:
Im <head> Tag:
<style>
div.codeschnipsel { background-color:gray; blabla.... }
</style>Dann später
blblabnlbalblabl
<div class="codeschnipsel">
Codeschnipsel bklablablablabalba
</div>blabla
<div class="codeschnipsel">
Codeschnipsel bklablablablabalba
</div>Wenn Du die Positionen Deiner Codeschnipsel mit CSS verändern willst, kannst Du entweder die Position immer in ein styleattribut schreiben:
<div class="codeschnipsel" style="position:absolute; top:1278px">
oder noch ein id="schnipsel1" attribut angeben und im style tag wiederum angeben:
#schnipsel1 { position:absolute }
Man kann übrigens auch mehrere Klassen für einen Tag angeben
<div class="codeschnipsel grauerhintergrund">
Erstmal Danke, das muß ich nun mal verdauen ;-)
-