zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS in Joomla! Modulen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.08.2008, 13:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2008
Beiträge: 4
AlejandroFefe befindet sich auf einem aufstrebenden Ast
Standard 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
Angehängte Grafiken
Dateityp: jpg Unbenannt.jpg (23,5 KB, 16x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.08.2008, 15:45
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

Zitat:
Hallo ich habe ein Problem bei dem mir scheinbar im Joomla Forum keiner Helfen kann.
Könnte das daran liegen, dass selbst im Joomla-Forum niemand einem JPG ansehen kann, welcher Code zugrunde liegt?
Für Fragende.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.08.2008, 15:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2008
Beiträge: 4
AlejandroFefe befindet sich auf einem aufstrebenden Ast
Standard

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>
Ich hoffe das hilft.

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 16:19 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 13.08.2008, 17:59
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

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?
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
  #5 (permalink)  
Alt 13.08.2008, 18:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2008
Beiträge: 4
AlejandroFefe befindet sich auf einem aufstrebenden Ast
Standard

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).
Angehängte Grafiken
Dateityp: jpg Grafik1.jpg (44,9 KB, 7x aufgerufen)
Mit Zitat antworten
  #6 (permalink)  
Alt 13.08.2008, 18:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.08.2008
Beiträge: 4
AlejandroFefe befindet sich auf einem aufstrebenden Ast
Standard

hier mal das Modul im Anhang fals sich das auch noch jemand angucken will...

VirtueMart ist zu groß zum ran hängen und ich bezeifel das sich das jemand angucken will.
Angehängte Dateien
Dateityp: zip mod_virtuemart_randomprod.zip (3,0 KB, 1x aufgerufen)
Mit Zitat antworten
  #7 (permalink)  
Alt 13.08.2008, 22:02
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

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;
}
so erscheint zuoberst das Bild, dann die Beschreibung, dann der Preis. Vielleicht ein Ausgangspunkt für dich, vielleicht besser ein Endpunkt. Lass dir lieber das Modul umschreiben.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
Antwort

Stichwörter
angebote, img, joomla, randomprod, shop, virtuemart

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Doctype und CSS Problem tech CSS 3 29.05.2009 20:16
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 02:21
CMS Joomla und CSS DonG CSS 8 06.07.2007 15:27
joomla, der ie und css darius Barrierefreiheit 8 19.06.2007 13:22
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 11:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:41 Uhr.