also_purchased.php - Produktbild überschneidet sich mit dem Produktnamen

[qqq65]

Hallo,

ich habe das Problem das bei Kundentipp sich das Artikelbild mit dem Produktnamen und Produktpreis überschneidet. Ich habe schon versucht mit Leerzeichen das zu lösen, aber das sieht sehr unprofessionell aus.

Habt ihr vielleicht eine Idee?

mfg


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

[xxhappyxx]

Hallo qqq65,

FF und Firebug sind deine Besten Freunde bei solchen Problemen.

Es liegt an den Definitionen in der CSS-Datei.

Gruß Thomas

[qqq65]

Hallo xxhappyxx,

danke erstmal. Ich habe dein Rat befolgt und hab mir Firefox und Firebug zur Hilfe genommen. Jetzt habe ich die Quelle des Problems gefunden jedoch habe ich das Problem das ich die Auflistung weiterhin Vertikal haben möchte. Ich habe das mit dem Whitspace ausprobiert, aber das hat auch nichts gebracht.
Gibt es da vielleicht ein Code, der sich am Abstand zum Bild orientiert?

Hier mal der Code, welches ich dementsprechend ändern muss:

Code: CSS  [Auswählen]

.productPreviewContent {
vertical-align:top;

Hier der ganze Code:

Code: CSS  [Auswählen]

/* PRODUCT PREVIEW */
.productPreview {
padding:0;
margin:0;
}
.productPreviewContent {
vertical-align:top;
}
.productPreviewContent h2 {
padding:0;
margin:0 0 5px 0;
}
.productPreviewContent h2 a {
font-size:14px;
font-weight:bold;
outline:none;
}
.productPreviewImage {
vertical-align:top;
padding:3px 15px 0 0;
}
.productPreviewImage img {
border:solid 0 #999;
}
.productPreviewContent .price {
font-size:16px;
font-weight:bold;
padding:0;
margin:0;
}
.productPreviewContent .taxandshippinginfo {
font-size:11px;
font-weight:normal;
color:#999;
padding:0;
margin:0;
}
.productPreviewContent .vpe {
font-size:11px;
font-weight:normal;
color:#999;
padding:0;
margin:0;
}
.productPreviewContent .shippingtime {
font-size:11px;
font-weight:normal;
color:#999;
padding:0;
margin:0;
}
.productPreviewContent .stockimage {
margin:0;
padding:0;
}
.productPreviewContent .stockimagetext {
margin:0;
padding:0;
font-size:11px;
font-weight:normal;
color:#999;
}
.productPreviewContent .productOldPrice {
font-size:12px;
font-weight:bold;
color:red;
}
.productPreviewContent .taxandshippinginfo a {
font-size:11px;
font-weight:bold;
color:#999;
text-decoration:underline;
outline:none;
}

mfg