Positionsproblem für Warenkorb

[rumslich]

Hallo Zusammen,

Im Einsatz ist ein von mir modifiziertes shop6-Template mit verschiedenen Modulerweiterungen.
Nachdem ich nun heute das Modul komfortabler Warenkorb installiert habe und auch alles prima gelaufen ist, wollte ich im Anschluss das Design anpassen. Leider bin ich bei dem Versuch, das rote 'Delete' Kreuz in die Mitte zu ziehen, kläglich gescheitert. Selbst mit Firebug ist es mir nur gelungen, den Papierkorb über die css mit einem height-befehl mittig zu orientieren, das Kreuz bleibt oben. Ich finde auch den Anker nicht, wo ich da etwas verstellen kann.
Hoffe auf eure Hilfe, vielen Dank schon einmal an dieser Stelle.
Der Link zur Seite Züri-Täsch

Gruß, Michael

Linkback: https://www.modified-shop.org/forum/index.php?topic=22960.0

[rumslich]

Hallo Zusammen,

manchmal hilft dann doch einfach fummeln und probieren und learning by doing bzw try by error.

Habe das ganze dann letztendlich in der stylesheet.css mit margin-top eingestellt bekommen.
Für alle die, die sich kurzfristig einen Kopf über mein Problem gemacht haben, nochmals ein DANKE

Gruß, Michael

Bin mir nur manchmal nicht so schlüssig, ob sich diese Änderungen nicht auch auf andere Bereiche auswirken. In meinem Fall habe ich bisher noch nichts negatives gefunden.

Code: CSS  [Auswählen]

/* LINKS GLOBAL */
a, a:link, a:link, a:link, a:hover {
        background:transparent;
        text-decoration:none;
        outline: none;
        cursor:pointer;
}
a:link {
        color:#8A0E0E;
        outline: none;
}
a:visited {
        color:#8A0E0E;
        outline: none;
}
a:hover, a:active {
        color:#8A0E0E;
        outline: none;
}
a:hover {
        color:#555;
        text-decoration:underline;
        outline: none;
}
a img {
        border:none;
        outline: none;
        margin-top:44px;
}

[rumslich]

Hallo Zusammen,

zu früh gefreut, mit dieser Änderung s.o. verschiebe ich den kompletten Style von den Kategorien etc.
Also weiter suchen, vllt. hat ja doch jemand von euch eine Lösung für mich.

Gruß, Michael

[web0null]

Code: CSS  [Auswählen]

.delete a img {
 margin-top: 50%;
}

bzw. 54% dann ist es genau in der Mitte

Gruß

[rumslich]

Hallo web0null,

wow danke, das ist des Rätsels Lösung gewesen. So ein kleiner Codeschnipsel der für die Position zuständig ist, ich bin echt nicht drauf gekommen.

Habe ständig versucht, über firebug die "Schraube" zu finden, an der ich drehen kann.

Damit ist es dann also doch gelöst, dank des codes von web0null.

Gruß, Michael