• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle oder Div alternative & <td> Möglichkeiten

Marco90

Neues Mitglied
Hallo erstmal im Forum!

Ich erstelle momentan einen eigenen Blog auf dem ich Produkte präsentieren möchte.

Die Produkte sollen tabellarisch angeordnet werden. 4 Spalten und endlich viele Reihen. Daher habe ich vorerst mal zu einer Tabelle gegriffen.

Jede Tabellenzelle soll ein IMG- Objekt enthalten und wenn man das Bild überfährt soll ein anderes Bild eingeblendet werden. Eine Art Box mit Text, die als Weiterleitung fungiert.

Die meisten Beispiele die ich zu hover Effekten gefunden habe wurden mit DIV- Objekten realisiert.
Daher meine erste Frage: Ist es überhaupt möglich meine Tabellenzelle zu animieren?

Ich möchte, dass mein Zellenhintergrund erhalten bleibt und bei überfahren ein GIF-Image eingeblendet wird ( der Hintergrund soll jedoch erhalten bleiben ), geht das?

oder macht es Sinn, die Darstellung der Produkte mittels DIV Blöcken vorzunehmen?

Hoffe ihr könnt mir weiterhelfen, da ich mittlerweile schon sehr lange herum probiere.


Viele Grüße Marco
 
Hallo,

das du keine Tabellendaten hast ist dir ja schon selbst aufgefallen.

Sachlich hast du eine (ungeordnete) Liste, die du im HTML entsprechend auch benutzen solltest. Also das ul-Element.

Wie sollen die Produkte denn auf Touchscreens angezeigt werden? Die benutzen aktuell bereits über 50% der Websurfer mit noch immer stark steigender Tendenz. In der Mehrheit davon Smartphones und Tablets, also eher kleine Fenster. Touchscreens können ja keinen Hover-Effekt.

Gewerbliche Seiten ohne die zu berücksichtigen ist heutzutage fast schon geschäftlicher Selbstmord.

Gruss

MrMurphy
 
Ich bin im Thema Webprogrammierung recht neu. Bin offen für Anregungen und bilde mich gerne in diesem Themengebiet weiter. Werde mir dann auf jedenfall mal die ULs unter die Lupe nehmen

Wie löse ich denn dass dann am besten? Javascript? Andere Alternativen?
 
Hallo,

auf Desktop-Geräten haben viele User JavaScript blockiert. Beim Firefox ist seit Jahren zum Beispiel das Addon "No-Script" eines der meistgenutzten.

Von daher sollte die Seite grundsätzlich auch nur mit HTML / CSS funktionieren.

Gruss

MrMurphy
 
Zurück
Oben