Benutzer:Tequila/Sandkasten: Unterschied zwischen den Versionen
K |
K |
||
| Zeile 6: | Zeile 6: | ||
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Einwohnerzahl</div><div style="padding:0.4em;">Unbekannt</div></div> | <div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Einwohnerzahl</div><div style="padding:0.4em;">Unbekannt</div></div> | ||
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Marktrecht</div><div style="padding:0.4em;">Unbekannt</div></div> | <div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Marktrecht</div><div style="padding:0.4em;">Unbekannt</div></div> | ||
| + | <div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Hafenstadt</div><div style="padding:0.4em;">Unbekannt</div></div> | ||
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; text-align:center; font-weight:bold; padding:0.4em;">Zugehörigkeit</div></div> | <div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; text-align:center; font-weight:bold; padding:0.4em;">Zugehörigkeit</div></div> | ||
<div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Kontinent</div><div style="padding:0.4em;">Unbekannt</div></div> | <div style="border-width:0px 1px 1px; border-style:solid;"><div style="background-color:#F4E6D2; font-weight:bold; width:100px; padding:0.4em; border-right:1px solid black; float:left;">Kontinent</div><div style="padding:0.4em;">Unbekannt</div></div> | ||
| Zeile 79: | Zeile 80: | ||
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Einwohnerzahl</div><div class="InfoboxZeileR">{{#if: {{{einwohner|}}} | {{{einwohner}}} | Unbekannt }}</div></div> | <div class="InfoboxBaustein"><div class="InfoboxZeileL">Einwohnerzahl</div><div class="InfoboxZeileR">{{#if: {{{einwohner|}}} | {{{einwohner}}} | Unbekannt }}</div></div> | ||
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Marktrecht</div><div class="InfoboxZeileR">{{#if: {{{marktrecht|}}} | {{{marktrecht}}} | Unbekannt }}</div></div> | <div class="InfoboxBaustein"><div class="InfoboxZeileL">Marktrecht</div><div class="InfoboxZeileR">{{#if: {{{marktrecht|}}} | {{{marktrecht}}} | Unbekannt }}</div></div> | ||
| + | <div class="InfoboxBaustein"><div class="InfoboxZeileL">Hafenstadt</div><div class="InfoboxZeileR">{{#if: {{{hafen|}}} | {{{hafen}}} | Unbekannt }}</div></div> | ||
<div class="InfoboxBaustein"><div class="InfoboxUntertitel">Zugehörigkeit</div></div> | <div class="InfoboxBaustein"><div class="InfoboxUntertitel">Zugehörigkeit</div></div> | ||
<div class="InfoboxBaustein"><div class="InfoboxZeileL">Kontinent</div><div class="InfoboxZeileR">{{#if: {{{kontinent|}}} | [[{{{kontinent}}}]] | Unbekannt }}</div></div> | <div class="InfoboxBaustein"><div class="InfoboxZeileL">Kontinent</div><div class="InfoboxZeileR">{{#if: {{{kontinent|}}} | [[{{{kontinent}}}]] | Unbekannt }}</div></div> | ||
Version vom 26. Februar 2009, 12:29 Uhr
{{{name}}}
Übersicht
Fläche
Unbekannt über mehrere Zeilen
Einwohnerzahl
Unbekannt
Marktrecht
Unbekannt
Hafenstadt
Unbekannt
Zugehörigkeit
Kontinent
Unbekannt
Kultur
Unbekannt
Land
Unbekannt
Ich versuche hier die Infoboxen anstatt durch Tabellen durch div-Boxen und CSS-Formatierungen auszudrücken. Funktioniert das richtig, so ist das valider und sollte auch Serverlast sparen, da die meisten Infos aus der zentralen CSS-Datei (hier) kommen. Außerdem erlaubt es das leichte modifizieren sämtlicher Infoboxen.
Derzeit gibt es jedoch noch ein paar Probleme:
- mehrzeilige Boxen werden nicht korrekt dargestellt
- Bei den Einträgen fehlt der Abstand zum linken Rand
Im folgenden findet sich ein möglicher Eintrag in die CSS-Datei, darunter befindet sich die Stadtboxvorlage mit div-Boxen und den CSS-Klassen. Da diese noch nicht existent sind sieht es derzeit etwas minimalistisch aus
.Infobox {
position:relative;
float:right;
width:250px;
}
.InfoboxBaustein {
border-width:0px 1px 1px;
border-style:solid;
}
.InfoboxTitel {
background-color:#F4E6D2;
text-align:center;
font-size:120%;
font-weight:bold;
border:1px solid black;
padding:0.4em;
}
.InfoboxUntertitel {
background-color:#F4E6D2;
text-align:center;
font-weight:bold;
padding:0.4em;
}
.InfoboxZeileL {
background-color:#F4E6D2;
font-weight:bold;
width:100px;
padding:0.4em;
border-right:1px solid black;
float:left;
}
.InfoboxZeileR {
padding:0.4em;
}
.InfoboxBild {
text-align:center;
padding:6px 0px;
}
.InfoboxBildHochladen {
font-size:80%;
font-weight:bold;
}
{{{name}}}
Übersicht
Fläche
Unbekannt
Einwohnerzahl
Unbekannt
Marktrecht
Unbekannt
Hafenstadt
Unbekannt
Zugehörigkeit
Kontinent
Unbekannt
Kultur
Unbekannt
Land
Unbekannt
