nicht angemeldet
Hallo,
nach langem Hin und Her habe ich es jetzt geschafft, dynamische Scrollbuttons einzubinden,
die nur dann angezeigt werden, wenn es auch Sinn macht, dass gescrollt werden kann.
Jetzt habe ich nur noch ein optisches Problem mit dem Abstand zwischen den Buttons:
Ich habe die Scrollbuttons in bestimmten div-Bereichen organisiert, die über Javascript
gewechselt werden, so dass immer nur der div-Bereich sichtbar ist, der aktuell auch
Sinn macht:
<div id="Scrolling_Oben">
<div id="Scrolling_Oben_0">
<img src="../../GRAFIKEN/SCHALTFLAECHEN/Seitenanfang_inaktiv.png" width="20" height="20"><br>
<img src="../../GRAFIKEN/SCHALTFLAECHEN/Hochscrollen_schnell_inaktiv.png" width="20" height="20"><br>
<img src="../../GRAFIKEN/SCHALTFLAECHEN/Hochscrollen_inaktiv.png" width="20" height="20">
</div>
<div id="Scrolling_Oben_1">
<a href="javascript:void(0);" onMouseOver="..." onMouseOut="..."><img name="Seitenanfang" src="..."></a><br>
<a href="javascript:void(0);" onMouseover="..." onMouseout="..."><img name="Hochscrollen_schnell" src="..."></a><br>
<a href="javascript:void(0);" onMouseover="..." onMouseout="..."><img name="Hochscrollen" src="..."></a>
</div>
</div>
<div id="Scrolling_Unten">
<div id="Scrolling_Unten_0">
<img src="../../GRAFIKEN/SCHALTFLAECHEN/Runterscrollen_inaktiv.png" width="20" height="20"><br>
<img src="../../GRAFIKEN/SCHALTFLAECHEN/Runterscrollen_schnell_inaktiv.png" width="20" height="20"><br>
<img src="../../GRAFIKEN/SCHALTFLAECHEN/Seitenende_inaktiv.png" width="20" height="20"></td>
</div>
<div id="Scrolling_Unten_1">
<a href="javascript:void(0);" onmouseover="..." onmouseout="..."><img name="..."></a><br>
<a href="javascript:void(0);" onmouseover="..." onmouseout="..."><img name="..."></a><br>
<a href="javascript:void(0);" onMouseOver="..." onMouseOut="..."><img name="Seitenende" src="..."></a>
</div>
</div>
Die zugehörige css-Datei sieht wie folgt aus:
#Scrolling_Oben,
#Scrolling_Unten
{
width: 20px;
height: 74px;
position: absolute;
right: 7px;
}
#Scrolling_Oben
{
top: 75px;
}
#Scrolling_Unten
{
bottom: 29px;
}
#Scrolling_Oben_0 br,
#Scrolling_Oben_1 br,
#Scrolling_Unten_0 br,
#Scrolling_Unten_1 br
{
height: 7px;
line-height: 7px;
}
Mein Problem ist nun, dass meine "br"-Definition keine Wirkung zeigt, die Buttons kleben
untereinander aneinander, ohne Abstand.
Wie muß ich meine Definition umstellen, damit der Abstand auch entsprechend angezeigt wird?
Vielen Dank im Voraus.
Gruß
enrico
Auge