Hi,
Ich hab hier ein kleines Problem und komm nicht weiter.
Ich habe einen
Bereich, der aus 2 Zeilen besteht.
<div id="fontsize">
<p class="fontsizeOben">Schriftgröße</p><br>
<p class="fontsizeUnten">
<a href="[/joomla/index.php](http://www.html.de/view-source:http://192.168.200.106/joomla4/index.php)" title="Verkleinern" onclick="changeFontSize(-2); return false;" class="smaller"></a>
<span class="unseen"> </span>
<a href="[/joomla/index.php](http://www.html.de/view-source:http://192.168.200.106/joomla4/index.php)" title="Stil auf Standard zurücksetzen" onclick="revertStyles(); return false;" class="reset"></a>
<span class="unseen"> </span>
<a href="[/joomla/index.php](http://www.html.de/view-source:http://192.168.200.106/joomla4/index.php)" title="Vergrößern" onclick="changeFontSize(2); return false;" class="larger"></a></p>
</div>und meine .css
/* fontsize */
#fontsize
{
z-index:100;
position:absolute;
text-align:center;
top:0;
right:0;
background:#fff;
border:solid 1px #CCCCCC;
color:#000;
}
#fontsize h3,#fontsize p
{
border:0;
display:inline;
font-size:1em;
border-bottom:solid 1px #cccccc;
padding:1px;
}
p.fontsizeOben
{
text-align:left;
color:#666;
border:solid 4px #4fb39c;
}
p.fontsizeUnten
{
padding 2px;;
color:#666;
}
#fontsize p
{
margin:0 0 0 5px;
}
#fontsize p a
{
font-weight:bold;
margin:0 5px;
display:inline;
padding:2px 0 2px 24px;
}
/* background-images */
#fontsize p a.larger {
background:#fff url(../images/lupe_larger.gif) no-repeat;
}
#fontsize p a.smaller {
background:#fff url(../images/lupe_smaller.gif) no-repeat;
}
#fontsize p a.reset {
background:#fff url(../images/lupe_reset.gif) no-repeat;
}
Bild 1 zeigt, wie es jetzt aussieht und Bild2 wie es aussehen soll.
p.fontsizeOben
{
text-align:left;
color:#666;
border:solid 4px #4fb39c;
}
War nur zum testen, wird aber nicht angezeigt. Wo liegt mein Fehler?!
Grüße und danke