Frage zu bunten Kästchen

bernd1977

Hallo Leute,

ich habe hier folgendes Problem.

Ich möchte ein eigenes Wiki aufgaben und auch solche schönen bunten Kästchen verwenden wie diesen hier:

[Blockierte Grafik: http://www.elopedia.de/images/kasten1.jpg]

Um diesen Kasten darzustellen habe ich einfach den Quelltext rauskopiert und bei mir eingefügt...dieser Quelltext sieht aber irgendwie VERPLANT aus, und das Problem ist, daß wenn ich den Quelltext nochmal einfüge, dann kommt ein neuer Kasten aber innerhalb des ersten Kastens, was wahrscheinlich bedeutet, daß dieser Kasten nicht richtig abgeschlossen ist.

Da ich noch keine Ahnung von Webprogrammierung habe, wäre es nett, wenn mir jemand diesen Kasten mal schön "deutsch" umprogrammieren könnte .... damit meine ich, daß man sich auch auskennt.

Wäre super von euch

Danke und Gruß

Bernd

HIER DER Quelltext:

{| cellspacing="0" cellpadding="0" style="border-left:1px solid #006699; border-right:1px solid #006699;"
| width="40%" valign="top" bgcolor="#EAF5FB" style="border-bottom:1px solid #006699; border-right:1px solid #006699;"|
{| cellspacing="0" cellpadding="5" style="border-top:1px solid #006699;"
| style="font: 125% Verdana; color:black"align="center" bgcolor="#D0E2EE" |Bienvenue sur Ekopedia
|-
| style="border-top:1px solid #006699; font: 95% Verdana;" align="left" bgcolor="#EAF5FB"|

'''Ekopedia''' est un projet d'[[Ekopedia:encyclopédie|encyclopédie pratique traitant des techniques alternatives de vie]]. L'[[Ekopedia:encyclopédie|encyclopédie]] est gratuite, écrite coopérativement et son contenu est [[Ekopedia:Copyright|librement réutilisable]].</p>

Nous accueillons actuellement '''[[Special:Statistics|{{NUMBEROFARTICLES}}articles]]''' en cours d'élaboration. Une liste des articles [[Special:Newpages|récemment créés est disponible]].</p>

Vous êtes nouveaux, lisez [[le manifeste]]. </p>

sejuma

Dein Code kommt mir etwas seltsam vor.
Deshalb mal folgende CSS-Lösung:

Schreibe in den head-Bereich, also vor </head> mal dies:

Code

<style type="text/css">


body
{font-family: Verdana;
font-size:0.8em;}


h1
{
 text-align:left;
 font-size:0.9em;
 color:#001F7A;
 background-color:#D0E2EE;
 padding: 3px 5px;
 margin:3px 0 8px 0;
 border: 1px solid #006699;
}


.text
{
 padding:5px 5px 12px 5px;
 margin-bottom:20px;
 margin-top:-8px;
 line-height:1.2em;
 font-size:0.9em;
 border-left: 1px solid #006699;
 border-right: 1px solid #006699;
 border-bottom: 1px solid #006699;
 background-color: #EAF5FB;
 }


 .rot
 {color:#f00;}


 .blau
 {color:#009;}


p
{margin:6px 0;}


</style>

Alles anzeigen

Für die einzelnen Artikel dann das im HTML-Bereich:

Code

<h1>Bienvenue sur Ekopedia</h1>
<div class="text">




[b]Ekopedia[/b] est un projet d'<span class="rot">encyclopédie pratique traitant des techniques alternatives de vie.</span> L'<span class="rot">encyclopédie</span> est gratuite, écrite coopérativement et son contenu est <span class="rot">librement réutilisable</span></p>




Nous accueillons actuellement [b]<span class="blau">articles[/b]</span> en cours d'élaboration. Une liste des articles <span class="blau">récemment créés est disponible</span>.</p>




Vous êtes nouveaux, lisez <span class="rot">le manifeste</span>.</p>
</div>

Alles anzeigen

Dabei sind Verlinkungen jedoch nicht berücksichtigt. Die bekäme man aber auch hin.

Viel Erfolg!

Frage zu bunten Kästchen

Tags

Benutzer online in diesem Thema