Shopsystem ShopPilot

ShopPilot => ShopPilot Enterprise => Thema gestartet von: dobra am April 09, 2011, 23:20:50

Titel: weitere Seiten formatieren
Beitrag von: dobra am April 09, 2011, 23:20:50

Hallo,

ich möchte  __weitereseiten__ mit HG-Images ausgeben

= einheitliche Größe 20x20 px

in deutsch.isl habe ich Images hinterlegt

Code: [Auswählen]

; weitereseiten
; zurueck
TEXT203=<img border=\"0\" style=\"height: 20px; width: 20px;\" src=\"../images/weitereseiten_zurueck.png\" alt=\"zurück\">
; vor
TEXT204=<img border=\"0\" style=\"height: 20px; width: 20px;\" src=\"../images/weitereseiten_weiter.png\" alt=\"weiter\">
und in der css-Datei

Code: [Auswählen]

.weitereseiten {
width: auto;
display: block;
text-align: center;
margin: 0px;
font-size: 12px;
}
.weitereseiten .ws_navi {} /* Navigation nicht anpassen */
.weitereseiten .ws_dots {} /* Punkte nicht anpassen */
.weitereseiten .ws_inactive {/* Nicht aktive Seiten */
color: #FFF;
text-align: center;
background:url(../images/weitereseiten_bg.png) no-repeat;
padding-top: 2px;
margin-right: 3px;
height: 20px;
width: 20px;
}
.weitereseiten .ws_inactive a:link, .weitereseiten .ws_inactive a:visited {color: #FFF !important;}
 
.weitereseiten .ws_active { /* aktive Seite hervorheben */
color: #FFF;
text-align: center;
background:url(../images/weitereseiten_activ.png) no-repeat;
padding-top: 2px;
margin-right: 3px;
border: none;
height: 20px;
width: 20px;
}
.weitereseiten .ws_brackets {
display:none; /* Eckige Klammern nicht anzeigen */
}
Ergebnis
(http://www.woll-insel.at/Bilder/SP-Forum/weitereseiten1.png)
auch  width: 20px !important;  ändert nichts

wenn ich bei  .weitereseiten .ws_inactive   und  .weitereseiten .ws_active
display: block;
schreibe, bekomme ich das
(http://www.woll-insel.at/Bilder/SP-Forum/weitereseiten3.png)

und mit
float: left;
(http://www.woll-insel.at/Bilder/SP-Forum/weitereseiten2.png)

bitte Hilfe - wie muss ich das richtig schreiben?

Nachtrag:
mit

Code: [Auswählen]

color: #FFF;
text-align: center;
background:url(../images/weitereseiten_bg.png) no-repeat;
padding: 4px 6px 4px 6px;
margin: 0;
height: 20px;
width: 20px;
wird's so ausgegeben, wie ich gerne möchte
(http://www.woll-insel.at/Bilder/SP-Forum/weitereseiten4.png)

aber das funktioniert nur, solange es keine 2-stelligen Seitennr, gibt....

... und wie bekomme ich noch einen Hover-Effekt rein?

.weitereseiten .ws_inactive a:hover {....}
wird ignoriert  :-\