|
|||
CSS in Joomla! Modulen
Hallo ich habe ein Problem bei dem mir scheinbar im Joomla Forum keiner Helfen kann. Deswegen habe ich mich hier angemeldet und probiere es mal.
Ich habe mit Joomla eine Internetseite erstellt. Diese verfügt u.a. über die Shop-Komponente VirtueMart. Nun möchte ich auf meiner Startseite Angebote aus eben diesem Shop anzeigen. Um das zu realisieren habe ich bisher nur das Modul RandomProd gefunden. Das Problem ist ich bekomme es vom Aussehen her nicht so hin wie ich möchte. Momentan sieht es aus wie in dem Bild. Ich möchte aber: 1. die Dinger schmaler und länger (das ist nicht das Problem nur sieht es dann halt nicht mehr gut aus) 2. das Bild was ich als img ansteuere (wir automatisch aus dem Shop importiert) nach ganz oben und zwar so das es eine Art header wird. 3. dann den Text nach unten (unter das Bild) Ich hoffe mir kann hier jemand mir eine Idee an den Kopf schmeißen. Danke im Voraus |
Sponsored Links |
|
|||
Zitat:
Für Fragende. |
Sponsored Links |
|
|||
Gerne hier noch der Html Code den das Modul auf der Internetseite erzeugt (ist ein anderes Angebot, ist nur etwas mehr Text als in dem oben):
Code:
<td align="center"> <span style="font-weight: bold;">AIDA Diva 07.11.2008 - 14.11.2008</span> <br/> <a href="/ReisefinkHS/sonderreisen.html?page=shop.product_details&category_id=9&flypage=flypage.tpl&product_id=20" title="AIDA Diva 07.11.2008 - 14.11.2008"> <img border="0" alt="AIDA Diva 07.11.2008 - 14.11.2008" src="http://test.reisefink.de/components/com_virtuemart/show_image_in_imgtag.php?filename=resized%2FDiva_07.11._14.1_487e06da2a7c3_200x150.jpg&newxsize=200&newysize=150&fileout="/> </a> <br/> <span class="product-Old-Price"> €1 348,00</span> <br/> <span class="productPrice"> €898,00 </span> <br/> Sie sparen: €450,00 </td> Den Code generiert das Modul selbst und wüsste nicht wie ich da sonst drauf einfluss nehmen kann. Edit: hier ein Link http://test.reisefink.de Geändert von AlejandroFefe (13.08.2008 um 17:19 Uhr) |
|
|||
Nur zum Verständnis der Frage:
Der HTML-Code darf/kann nicht verändert werden, es ist alles über CSS zu bewerkstelligen? Das Bild soll links oben in der Box stehen? Die Beschreibung und der Preis drunter? Haben die Bilder alle die gleichen Maße? |
|
|||
Also im Anhang mal wie es aussehen sollte (grob, habs schnell gemacht). Auf den HTML-Code habe ich keinen direkten Zugriff. Die Bilder kann ich alle auf die gleichen Maße einstellen! Das ist kein Problem!
Also muss alles über CSS gemacht werden (alternativ direkt in den PHP Datein rumfuschen, aber davon habe ich keine Ahnung). |
|
|||
CSS ist nicht dafür gemacht, um Elemente entgegen ihrer Dokumentbaumabfolge zu positionieren, und schon gar nicht, um schlechtes HTML zu kurieren.
Im Firefox sollte Folgendes gehen: Code:
.moduletable_randomprod a { position:relative; top: -2em; } .moduletable_randomprod a img{ float:none; } .moduletable_randomprod span { position:relative; top: 8em; } .moduletable_randomprod span.productPrice { position:static; } |
Stichwörter |
angebote, img, joomla, randomprod, shop, virtuemart |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Doctype und CSS Problem | tech | CSS | 3 | 29.05.2009 21:16 |
MYspace mehr als nur CSS oder ? | Vinceone | CSS | 0 | 12.07.2007 03:21 |
CMS Joomla und CSS | DonG | CSS | 8 | 06.07.2007 16:27 |
joomla, der ie und css | darius | Barrierefreiheit | 8 | 19.06.2007 14:22 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 12:39 |