CSS & Iframe Frage

[Tuempelkoenig]

Hallo zusammen,

ich möchte einen Foto-Contest umsetzen und habe folgendes Script gefunden:
http://www.9lessons.info/2009/09/favourite-rating-with-jquery-and-ajax.html

Jetzt komme ich aber mit folgenden Problemen nicht weiter:
(1) Ich würde die Bilder gerne in zwei Spalten darstellen - also jeweils zwei nebeneinander. Leider habe ich keine Idee wie ich dies mittels CSS umsetzen kann
(2) Das ganze möchte ich mittels eines Iframes in einen Magento-Shop einbinden - mit kompletter width & height.
Ich habe folgendes probiert:

<iframe src="http://voting.natuniq.hk/love.php" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>

<iframe src="http://voting.natuniq.hk/love.php" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>

erhalte aber leider nicht das gewünschte Ergebnis.

Ich würde mich freuen wenn mir jemand helfen könnte!

Dank euch!

 

[Daaron]

ich möchte einen Foto-Contest umsetzen und habe folgendes Script gefunden:
http://www.9lessons.info/2009/09/favourite-rating-with-jquery-and-ajax.html

Ich habe es auch erfolgreich geschafft, das ganze umzusetzen - ein funktionierendes Beispiel gibt es hier:
http://voting.natuniq.hk/love.php

Du hast soeben dem Internet erzählt, dass du eine massive Sicherheitslücke in deiner Seite hast. Gratuliere. Schalt das Script lieber umgehend ab.

(1) Ich würde die Bilder gerne in zwei Spalten darstellen - also jeweils zwei nebeneinander. Leider habe ich keine Idee wie ich dies mittels CSS umsetzen kann

Da gibts doch nun wirklich zig Varianten... Floats, Inline-Block, display:table-row/cell und natürlich CSS3 Multi Column.

 

[Lawnmower]

Hammer der mit den Iframe, wenn man einfach nur Code kopiert/klaut und nicht weiss was man tut. Unfassbar.
Ganz ehrlich, solchen Leuten wie Dich sollte man den Zugang ins Internet verbieten wegen Gefährung der Allgemeinheit.

 

[Tuempelkoenig]

...oder sie probieren es um es zu lernen und haben natürlich auch Probleme dabei - daher wenden sie sich ja an ein Forum um weiter zu kommen....

 

[Lawnmower]

Genau, und dazu kopiert man natürlich irgendwelchen Code wo u.a. die Domain auf die Endung .hk endet und love.php in der URL ist? Weil das ist ja extrem logisch und dass das mit einem Foto Contest nicht mal auch nur ansatzweise was zu tun haben wird, kam Dir nicht in den Sinn?

Hirn einschalten, da nützen auch keine Ausreden, und da Du ja bestimmt auf der Seite warst, würde ich Dir gleich mal empfehlen einen kompletten Antiviren Check auf deinem PC laufen zu lassen, wer weiss was sich da verbreitet.

Wenn Du Webhosting suchst wähle was seriöses, da gibts welche in Deutschland für ein paar Euro im Monat nebst Domain.
Zu deiner Frage hat Daaron ja schon Möglichkeiten genannt.

 

[Tuempelkoenig]

schau bitte nochmal auf die Seite...
soviel zum Thema....

 

[Daaron]

Lawnmower hat wohl etwas falsch verstanden, was ich gemeint habe... Aber meine Aussage steht: Das Beispielscript, und dementsprechend sicher auch deine Implementierung, hat wirklich brutale Sicherheitslücken. Falls du also keine komplette Überarbeitung vorgenommen hast: Schalt das Ding aus!

 

[Tuempelkoenig]

Okay, danke für den Hinweis - dann werd ich mich wohl nach ner anderen Lösung umschauen...

Trotzdem eine generelle Frage: Mit statischen Inhalten, also einer normalen HTML Seite, kriege ich ein Layout mit mehreren Spalten problemlos hin. Nur habe ich hier ja Inhalte die dynamisch aus der Datenbank erzeugt werden und da liegt mein Problem...

Habe folgendes probiert, jedoch ohne Erfolg:

<img class="votingimages" src='<?php echo $img_url; ?>' />

.votingimages
{
display:inline;
float:left;
}

 

[Kausalat]

Auch die dynamischen Inhalte haben fertig generiert ein auf HTML und CSS basierendes Gerüst. Mit einer passenden CSS-Anweisung sollte einem Mehrspaltenlayout nichts im Wege stehen.

Gängige Browser haben ihre eigenen Entwicklerwerkzeuge, um Seiten genau zu untersuchen und Änderungen direkt auszuprobieren.

 

[Daaron]

.votingimages
{
display:inline;
float:left;
}

1.) display:inline; und float:left; zusammen? Wozu soll das gut sein? Überleg noch einmal ganz scharf, was Inline-Elemente für Eigenschaften haben und was Floating bedeutet.
2.) display:inline; auf ein <img>? Hmhm... Lies die Standard-Definitionen des W3C.

Also bei dir ist noch so endlos viel Nachholbedarf an elementaren Ansätzen von HTML+CSS, dass du besser noch sehr lange Abstand nimmst von PHP und Datenbanken, vor allem wenn du dabei nur Sicherheitslücken abschreibst ohne zu verstehen, WAS du da schreibst.