Forum Doku Wiki Blog

Forumsarchiv 2002, August
CSS_Formatierungen

archivierte Beiträge lesen

  1. (CSS) CSS_Formatierungen von Frank, 13. 08. 2002, 17:21

CSS_Formatierungen

Der folgende Beitrag wurde am 13. 08. 2002, 17:21 Uhr von Frank veröffentlicht.

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.

CSS_Formatierungen

Der folgende Beitrag wurde am 13. 08. 2002, 17:46 Uhr von Konrad veröffentlicht.

> 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">

CSS_Formatierungen

Der folgende Beitrag wurde am 13. 08. 2002, 18:04 Uhr von Frank veröffentlicht.

> > 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 ;-)

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4