Css und if-clause

Hallo,
wens interessiert:

<?php require_once("dompdf_config.inc.php");
$dompdf = new DOMPDF(); $html=' @page { margin: 50px; } .first-page-header { position: absolute; left: 0px; right: 0px; top: -25px; color: #900; text-align: center; border: 1px solid #900; display:none;} .first-page-footer { position: absolute; left: 0px; right: 0px; bottom: -25px; color: #900; text-align: center; border: 1px solid #900;display:none; } .header { position: fixed; top: -25px; left: 0px; right: 0px; } .header .content { color: #009; text-align: center; border: 1px solid #009; } .footer { position: absolute; bottom: -25px; left: 0px; right: 0px; } .footer .content { color: #009; text-align: center; border: 1px solid #009; } .pagenum:before { content: counter(page); } My Great Treatise something something $GLOBALS[\'header\'][] = array(); $GLOBALS[\'footer\'] = NULL; $GLOBALS[\'header\'][] = $pdf-\>open\_object(); Hurra $pdf-\>close\_object(); $GLOBALS[\'footer\'] = $pdf-\>open\_object(); Copyright ©: Hello World. $pdf-\>close\_object(); Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vulputate suscipit nibh, non lacinia tortor ullamcorper et. Integer tortor sem, rhoncus fringilla porta vitae, laoreet a purus. Etiam vitae urna vel nulla blandit laoreet id vel magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras euismod est ut mi rhoncus at porta risus aliquet. Sed in dolor risus. Aenean at libero hendrerit lectus elementum pellentesque. Vivamus malesuada, metus ac mollis tincidunt, massa libero tristique lacus, egestas elementum nibh sem id urna. Nunc neque mi, vehicula nec tempus eu, malesuada eu dui. Donec sed diam enim. Duis fringilla, tellus non venenatis imperdiet, metus velit convallis nisl, sit amet sollicitudin justo erat ac arcu. Ut quis adipiscing ante. Phasellus purus ante, scelerisque et bibendum nec, commodo nec mi. Fusce aliquet, dolor sit amet semper vehicula, mauris dolor pellentesque tellus, a vulputate nisi libero vitae nisl. Integer suscipit, lacus at posuere consectetur, nibh felis malesuada felis, a bibendum diam velit sed libero. Proin tempus tincidunt augue sed lobortis. Vestibulum commodo lectus vitae diam iaculis ultricies. Ut lacus felis, bibendum vitae rutrum quis, convallis in quam. Aliquam nec leo metus, ut gravida quam. Nullam sed lorem erat, quis placerat lacus. Nunc tortor nisl, vehicula in aliquam ac, sollicitudin ut sapien. Pellentesque vitae neque purus. Integer ullamcorper iaculis diam eget facilisis. Donec at neque ante, quis tempor lorem. Mauris lobortis nulla felis, eget vestibulum elit. Nullam aliquet bibendum convallis. Etiam nec mi orci. Praesent libero nibh, laoreet non dapibus ac, ullamcorper vitae erat. Morbi semper elit ac nibh commodo posuere. Duis in risus mauris. Suspendisse aliquam, nisi non mattis consectetur, urna augue aliquam leo, ut aliquet lectus urna sed libero. Quisque eu lectus ac lacus mollis porttitor. Morbi a velit metus, eu feugiat risus. Sed vulputate diam ornare magna pulvinar dignissim laoreet nulla hendrerit. Mauris quis massa quis velit vulputate bibendum ut eget ligula. Mauris sit amet dui eu turpis blandit fermentum. Donec dapibus diam vel mi tincidunt fermentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent purus arcu, condimentum ac accumsan quis, pulvinar quis orci. Ut massa arcu, eleifend vitae tincidunt id, egestas sed erat. Donec pretium porta tellus, eu tincidunt arcu sodales vitae. Cras convallis scelerisque mi, et bibendum libero feugiat eu. Nulla facilisi. Praesent in turpis eget purus tempor mattis at in ligula. Nunc nec erat a urna iaculis laoreet. Donec eu leo mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam magna lorem, volutpat vel auctor in, bibendum a nisl. Vivamus pretium mollis tempus. Nulla ligula augue, porttitor quis luctus ut, varius sit amet ante. Pellentesque id est dui, in dignissim justo. Sed placerat ornare laoreet. In ligula dui, interdum sed pellentesque sit amet, accumsan nec enim. Duis convallis diam massa, sed condimentum sem. In faucibus, ipsum vel mollis auctor, lacus lacus aliquet leo, et bibendum ante dolor vel augue. Cras varius, metus sed tempus varius, arcu sem venenatis diam, ut elementum ligula tortor eu dolor. Aliquam facilisis molestie congue. Suspendisse vel ante sapien. Nulla posuere ultricies tincidunt. Pellentesque mauris magna, ullamcorper vel gravida vel, mattis sed mi. Phasellus condimentum lobortis elit, quis commodo augue porta volutpat. Sed rhoncus augue ut magna consequat non aliquam ligula rutrum. Nam eu nunc nisl, id ultricies justo. Vestibulum eget sem mauris, quis gravida urna. Morbi porta neque et elit suscipit at auctor massa lobortis. Duis nisl urna, rhoncus at scelerisque nec, laoreet posuere risus. Nam faucibus mattis massa, ut condimentum diam dignissim dignissim. Aliquam erat volutpat. Nullam lorem odio, fermentum sed varius quis, sollicitudin eget risus. Fusce in ante lectus, non rhoncus ipsum. Nullam convallis convallis lobortis. Sed sit amet est a purus bibendum porta in a tortor. Phasellus sed consequat ipsum. Nulla facilisi. Sed nisi odio, auctor eget aliquam non, mattis non velit. Mauris eget nibh turpis. In vel fringilla urna. Quisque vitae magna vel nulla tristique vulputate et quis mauris. Ut pellentesque accumsan est vel tincidunt. Praesent vehicula enim eget magna euismod rutrum. Duis euismod vehicula turpis et venenatis. Vestibulum auctor magna vel nibh vestibulum id scelerisque tellus vulputate. Integer volutpat, enim et vehicula blandit, mauris nisl laoreet nisl, vel accumsan arcu arcu eu orci. Phasellus viverra risus in nulla imperdiet suscipit. Praesent varius rhoncus quam at congue. Vestibulum fermentum lorem non mauris gravida fermentum. Duis tempus metus tellus. Vivamus blandit elementum sem. Duis mollis, urna eget fringilla dignissim, arcu ligula auctor orci, ut vestibulum eros magna at metus. Suspendisse turpis erat, dictum non accumsan a, vestibulum eu libero. Sed mauris leo, vulputate sit amet pharetra a, vulputate in odio. In et lorem non nunc malesuada auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper magna in est faucibus vestibulum. Ut condimentum, orci et gravida pulvinar, est ligula congue quam, eu iaculis est nisi eu nisi. Aenean ac eleifend nisi. Nunc tortor lectus, rutrum ac facilisis fringilla, faucibus nec lacus. Cras dictum, nisi vitae ultrices varius, elit velit accumsan metus, quis laoreet leo diam vitae erat. Vestibulum dapibus dolor justo. Praesent ornare, risus eget tincidunt volutpat, tellus dolor eleifend felis, in ullamcorper diam eros id sem. Integer ut nisi non nibh elementum viverra ut quis mi. Aliquam magna urna, varius at dictum in, laoreet nec nibh. Pellentesque lobortis turpis et ante ultricies lacinia. Duis eu orci ipsum, eu tincidunt massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec augue non arcu auctor ornare id ac massa. Donec vel orci a nisl eleifend pharetra. Suspendisse arcu risus, posuere et ultrices tempus, rhoncus id mauris. Proin tincidunt fringilla rhoncus. Quisque sapien arcu, sagittis ut vehicula nec, vulputate vel purus. Fusce in dolor lacus, sed tristique tortor. Morbi turpis ante, vestibulum id fringilla id, dapibus eget libero. Sed erat erat, ultrices id commodo eu, scelerisque ut lectus. Vestibulum molestie cursus justo, id fringilla felis ullamcorper ut. Proin ornare massa et nunc placerat ac iaculis magna cursus. Aenean venenatis, augue non dignissim imperdiet, libero leo fermentum nisi, a tristique libero ipsum in orci. Sed pharetra dapibus metus ac cursus. Sed tristique dignissim nulla, sit amet auctor felis commodo vel. Nam vitae velit sapien, vitae eleifend erat. Morbi vel orci quis quam rutrum vehicula tempor vel lorem. Sed ac justo viverra lectus blandit scelerisque sit amet nec purus. Aenean sed adipiscing nibh. Fusce pulvinar fermentum diam, nec vulputate sem euismod sit amet. Ut rutrum fermentum lectus non consequat. Duis scelerisque iaculis sem vitae suscipit. Mauris auctor suscipit elit ut dictum. Aenean posuere nisi non tortor tempor non aliquet risus auctor. Suspendisse potenti. Vestibulum ultrices, nibh aliquam tincidunt consequat, nulla nisl gravida felis, in rhoncus purus sapien ac quam. Vivamus nisi lectus, convallis nec tempus vitae, sodales in eros. In at enim et risus pellentesque imperdiet. Nunc et dolor urna. Mauris felis felis, ultricies quis eleifend vitae, dignissim ornare leo. Nunc nibh felis, pulvinar vitae facilisis quis, tempus in nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vulputate suscipit nibh, non lacinia tortor ullamcorper et. Integer tortor sem, rhoncus fringilla porta vitae, laoreet a purus. Etiam vitae urna vel nulla blandit laoreet id vel magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras euismod est ut mi rhoncus at porta risus aliquet. Sed in dolor risus. Aenean at libero hendrerit lectus elementum pellentesque. Vivamus malesuada, metus ac mollis tincidunt, massa libero tristique lacus, egestas elementum nibh sem id urna. Nunc neque mi, vehicula nec tempus eu, malesuada eu dui. Donec sed diam enim. Duis fringilla, tellus non venenatis imperdiet, metus velit convallis nisl, sit amet sollicitudin justo erat ac arcu. Ut quis adipiscing ante. Phasellus purus ante, scelerisque et bibendum nec, commodo nec mi. Fusce aliquet, dolor sit amet semper vehicula, mauris dolor pellentesque tellus, a vulputate nisi libero vitae nisl. Integer suscipit, lacus at posuere consectetur, nibh felis malesuada felis, a bibendum diam velit sed libero. Proin tempus tincidunt augue sed lobortis. Vestibulum commodo lectus vitae diam iaculis ultricies. Ut lacus felis, bibendum vitae rutrum quis, convallis in quam. Aliquam nec leo metus, ut gravida quam. Nullam sed lorem erat, quis placerat lacus. Nunc tortor nisl, vehicula in aliquam ac, sollicitudin ut sapien. Pellentesque vitae neque purus. Integer ullamcorper iaculis diam eget facilisis. Donec at neque ante, quis tempor lorem. Mauris lobortis nulla felis, eget vestibulum elit. Nullam aliquet bibendum convallis. Etiam nec mi orci. Praesent libero nibh, laoreet non dapibus ac, ullamcorper vitae erat. Morbi semper elit ac nibh commodo posuere. Duis in risus mauris. Suspendisse aliquam, nisi non mattis consectetur, urna augue aliquam leo, ut aliquet lectus urna sed libero. Quisque eu lectus ac lacus mollis porttitor. Morbi a velit metus, eu feugiat risus. Sed vulputate diam ornare magna pulvinar dignissim laoreet nulla hendrerit. Mauris quis massa quis velit vulputate bibendum ut eget ligula. Mauris sit amet dui eu turpis blandit fermentum. Donec dapibus diam vel mi tincidunt fermentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent purus arcu, condimentum ac accumsan quis, pulvinar quis orci. Ut massa arcu, eleifend vitae tincidunt id, egestas sed erat. Donec pretium porta tellus, eu tincidunt arcu sodales vitae. Cras convallis scelerisque mi, et bibendum libero feugiat eu. Nulla facilisi. Praesent in turpis eget purus tempor mattis at in ligula. Nunc nec erat a urna iaculis laoreet. Donec eu leo mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam magna lorem, volutpat vel auctor in, bibendum a nisl. Vivamus pretium mollis tempus. Nulla ligula augue, porttitor quis luctus ut, varius sit amet ante. Pellentesque id est dui, in dignissim justo. Sed placerat ornare laoreet. In ligula dui, interdum sed pellentesque sit amet, accumsan nec enim. Duis convallis diam massa, sed condimentum sem. In faucibus, ipsum vel mollis auctor, lacus lacus aliquet leo, et bibendum ante dolor vel augue. Cras varius, metus sed tempus varius, arcu sem venenatis diam, ut elementum ligula tortor eu dolor. Aliquam facilisis molestie congue. Suspendisse vel ante sapien. Nulla posuere ultricies tincidunt. Pellentesque mauris magna, ullamcorper vel gravida vel, mattis sed mi. Phasellus condimentum lobortis elit, quis commodo augue porta volutpat. Sed rhoncus augue ut magna consequat non aliquam ligula rutrum. Nam eu nunc nisl, id ultricies justo. Vestibulum eget sem mauris, quis gravida urna. Morbi porta neque et elit suscipit at auctor massa lobortis. Duis nisl urna, rhoncus at scelerisque nec, laoreet posuere risus. Nam faucibus mattis massa, ut condimentum diam dignissim dignissim. Aliquam erat volutpat. Nullam lorem odio, fermentum sed varius quis, sollicitudin eget risus. Fusce in ante lectus, non rhoncus ipsum. Nullam convallis convallis lobortis. Sed sit amet est a purus bibendum porta in a tortor. Phasellus sed consequat ipsum. Nulla facilisi. Sed nisi odio, auctor eget aliquam non, mattis non velit. Mauris eget nibh turpis. In vel fringilla urna. Quisque vitae magna vel nulla tristique vulputate et quis mauris. Ut pellentesque accumsan est vel tincidunt. Praesent vehicula enim eget magna euismod rutrum. Duis euismod vehicula turpis et venenatis. Vestibulum auctor magna vel nibh vestibulum id scelerisque tellus vulputate. Integer volutpat, enim et vehicula blandit, mauris nisl laoreet nisl, vel accumsan arcu arcu eu orci. Phasellus viverra risus in nulla imperdiet suscipit. Praesent varius rhoncus quam at congue. Vestibulum fermentum lorem non mauris gravida fermentum. Duis tempus metus tellus. Vivamus blandit elementum sem. Duis mollis, urna eget fringilla dignissim, arcu ligula auctor orci, ut vestibulum eros magna at metus. Suspendisse turpis erat, dictum non accumsan a, vestibulum eu libero. Sed mauris leo, vulputate sit amet pharetra a, vulputate in odio. In et lorem non nunc malesuada auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper magna in est faucibus vestibulum. Ut condimentum, orci et gravida pulvinar, est ligula congue quam, eu iaculis est nisi eu nisi. Aenean ac eleifend nisi. Nunc tortor lectus, rutrum ac facilisis fringilla, faucibus nec lacus. Cras dictum, nisi vitae ultrices varius, elit velit accumsan metus, quis laoreet leo diam vitae erat. Vestibulum dapibus dolor justo. Praesent ornare, risus eget tincidunt volutpat, tellus dolor eleifend felis, in ullamcorper diam eros id sem. Integer ut nisi non nibh elementum viverra ut quis mi. Aliquam magna urna, varius at dictum in, laoreet nec nibh. Pellentesque lobortis turpis et ante ultricies lacinia. Duis eu orci ipsum, eu tincidunt massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec augue non arcu auctor ornare id ac massa. Donec vel orci a nisl eleifend pharetra. Suspendisse arcu risus, posuere et ultrices tempus, rhoncus id mauris. Proin tincidunt fringilla rhoncus. Quisque sapien arcu, sagittis ut vehicula nec, vulputate vel purus. Fusce in dolor lacus, sed tristique tortor. Morbi turpis ante, vestibulum id fringilla id, dapibus eget libero. Sed erat erat, ultrices id commodo eu, scelerisque ut lectus. Vestibulum molestie cursus justo, id fringilla felis ullamcorper ut. Proin ornare massa et nunc placerat ac iaculis magna cursus. Aenean venenatis, augue non dignissim imperdiet, libero leo fermentum nisi, a tristique libero ipsum in orci. Sed pharetra dapibus metus ac cursus. Sed tristique dignissim nulla, sit amet auctor felis commodo vel. Nam vitae velit sapien, vitae eleifend erat. Morbi vel orci quis quam rutrum vehicula tempor vel lorem. Sed ac justo viverra lectus blandit scelerisque sit amet nec purus. Aenean sed adipiscing nibh. Fusce pulvinar fermentum diam, nec vulputate sem euismod sit amet. Ut rutrum fermentum lectus non consequat. Duis scelerisque iaculis sem vitae suscipit. Mauris auctor suscipit elit ut dictum. Aenean posuere nisi non tortor tempor non aliquet risus auctor. Suspendisse potenti. Vestibulum ultrices, nibh aliquam tincidunt consequat, nulla nisl gravida felis, in rhoncus purus sapien ac quam. Vivamus nisi lectus, convallis nec tempus vitae, sodales in eros. In at enim et risus pellentesque imperdiet. Nunc et dolor urna. Mauris felis felis, ultricies quis eleifend vitae, dignissim ornare leo. Nunc nibh felis, pulvinar vitae facilisis quis, tempus in nisl. $pdf-\>page\_script(\' if ($PAGE\_NUM \>= 2) { $pdf-\>add\_object($GLOBALS["header"][$PAGE\_NUM],"add"); $pdf-\>add\_object($GLOBALS["footer"],"add"); } \');

Hey Oliver,
super, dass du Erfolg hattest.
Als kleiner Tipp am Rande vielleicht noch:
Du kannst dein HTML auch einfacher in einer Variable unterbringen, und zwar mit der sog. heredoc-Syntax.
Sieht folgendermaßen aus:

$html =

HEREDOC;

(Anmerkung: Das „HEREDOC“ kann durch ein beliebiges anderes Wort ersetzt werden, Hauptsache es ist zu Beginn und zum Ende dasselbe.)

Diese Methode hat zwei klare Vorteile:

  1. Du musst den String nicht erst beenden und wieder beginnen wenn du eine Variable einfügen willst, sondern du fügst sie einfach mit geschweiften Klammern {$variable} direkt in den HTML-Text ein.
  2. Du musst keinerlei einfache oder doppelte Anführungsstriche mit Backslashs maskieren.

Nur als kleine Anregung. :wink:

Gruß, Florian

Danke,
gibt gleich eine Fehlermeldung:
Parse error: syntax error, unexpected ’

@page { margin: 50px; }

Oh, das hab ich nicht erwähnt - nach dem Beginn

Hallo Oliver,

nice.

Auch Oliver :smile:

Hi,
kurze Frage noch zum Thema css:

<?php $irgendwas="ficken";
require\_once("dompdf\_config.inc.php"); $dompdf = new DOMPDF(); $html=' @page { margin: 50px; } .first-page-header { position: absolute; left: 0px; right: 0px; top: -25px; color: #900; text-align: center; border: 1px solid #900; display:none;} .first-page-footer { position: absolute; left: 0px; right: 0px; bottom: -25px; color: #900; text-align: center; border: 1px solid #900;display:none; } .header { position: fixed; top: -40; left: -50px; right: -50px; margin-bottom:500px; border: 1px solid green;display: block;} .header .content { color: #009; text-align: center; border: 1px solid #009;} .footer { position: absolute; bottom: -25px; left: 0px; right: 0px; } .footer .content { color: #009; text-align: center; border: 1px solid #009; } .pagenum:before { content: counter(page); } div.hauptbody { color:red; } img.headerbild { margin-bottom:300px; margin-top:50px; border:1px solid red; display:block; } Warum wird da die margin ignoriert? [http://screencast.com/t/UhcEl58xEh](http://screencast.com/t/UhcEl58xEh) Gruß Oliver PS Das

Dein Link ist verwirrend. Wo ist da ein Bild, wo der Pfeil hinzeigt?

Hi,
das Bild ist oben.
Aber der Fließtext sollte unter dem grünen Kasten beginnen.
Später soll der Kasten nur 2 cm unterhalb des Bildes abschließen. Zur Verdeutlichung habe ich den groß gemacht.
Werden soll es sowas:

http://screencast.com/t/MG3kP3Ksl8X

Dein Link ist verwirrend. Wo ist da ein Bild, wo der Pfeil
hinzeigt?

Okay. Ich glaube, ich hab es immernoch nicht ganz verstanden. Gib doch nochmal den entsprechenden Quelltext.

@page { margin: 50px; }

.first-page-header { position: absolute; left: 0px; right: 0px; top: -25px; color: #900; text-align: center; border: 1px solid #900; display:none;}
.first-page-footer { position: absolute; left: 0px; right: 0px; bottom: -25px; color: #900; text-align: center; border: 1px solid #900;display:none; }

.header { position: fixed; top: -40; left: -50px; right: -50px; margin-bottom:500px; border: 1px solid green;display: block;}
.header .content { color: #009; text-align: center; border: 1px solid #009;}
.footer { position: absolute; bottom: -25px; left: 0px; right: 0px; }
.footer .content { color: #009; text-align: center; border: 1px solid #009; }

.pagenum:before { content: counter(page); }

img.headerbild
{
margin-bottom:300px;
margin-top:50px;
border:1px solid red;

}

text text text

Ich möchte oben ein Bild haben mit ca. 1cm Abstand von oben und den folgenden textca 2 cm unter dem Bild beginnen/fortsetzen lassen. Normal macht man sowas mit margin…
Aber der text ignoriert die div fast komplett, welche um das Bild gebastelt wurde, sondern geht einfach durch.
Gruß
Oliver

Mir geht’s vor allem um den HTMl-Code.
(Und hier wird’s langsam ganz schön eng ^^)

My Great Treatise

something something

$GLOBALS[‚header‘][] = array();
$GLOBALS[‚footer‘] = NULL;

$GLOBALS[‚header‘][] = $pdf->open_object(); fgbnxnhnxfxdnxdfsnf
$pdf->close_object();

$GLOBALS[‚footer‘] = $pdf->open_object(); Copyright

OK
Ich habs mal ohne pdf gemacht Vielleicht wirds so deutlicher:
Die gelbe Box soll natürlich unter die rote:

http://screencast.com/t/MpwdY0TwA8Z5

Viele Grüße
Oliver

So direkt am Quelltext kann ichs nicht sehen. Aber wenn man sich dein Bild anguckt, muss da entweder das Bild oder eins seiner Eltern-Elemente absolut positioniert sein…

Liebe/-r Experte/-in,
ich habe eine Frage:

Mahlzeit!

Kann ich in einem css -Style-Bereich ein if unterbringen?

nein.

.page-number {  
> text-align: center;  
> }  
> .page-number:before {  
> content:counter(page) ;  
> }  

Und zwar geht es um die pdf-Erstellung. Was ich möchte ist,
dass die Seitennummerierung erst auf der zweiten Seite
startet, bzw. die css Eigenschaften.

Was ich möchte ist sowas wie
[code
if(counter(page)=1){
.page-number {
text-align: center;
}
}
else
{
background-image: url(…/images/bg.gif);

.page-number:before {
content:counter(page) ;
}}
[/code]

Also das ab der zwieten Seite Seitennummer und ein
Hintergundbild angezeigt werden.
Vieleicht auch über sowas wie Pfuschlösung, dass man sagt
display:hidden wenn page(count)!=1…

Ich würde mit einer Scriptsprache wie JavaScript dynamisch deine CSS-Klassen vergeben. Da ich den Code der Seite nicht kenne, muss mein Tipp ziemlich vage bleiben. Auch deine Seitennummern könntest Du dynamisch generieren mit JS oder einer anderen Sprache (ohne extra CSS benutzen zu müssen). Ich würde jegliche Arten von Code und vor allem Content aus CSS fern halten, und die Mittel von CSS nur für das Markup der Seite benutzen.

Any Idea?
Danke für Anregungen!
Oliver

gerne!