ifram / gallerie einbinden

Hallo liebes Forum,

ich bin gerade dabei mir eine Seite zu erstellen. ich möchte jetzte auf der seite

einen gallerie einbinden die von links nach rechts gescollt werden kann.

und zwar die hier (sie dient nur zum test zur zeit!)

ich habe die suchfunkion bereits getestet und komme mit dem code einfach nicht klar.

[PHP]

Der Quellcode vom iframe ist fehlerhaft. Dort ist ein doppeltes Anführungszeichen zuviel am Ende.

Was Du im zweiten Code zeigst ist kein Hintergrundbild.

nein es ist auch kein hintergrundbild. es ist nur in einer tabelle eingebunden, nicht als hintergrund eher als platzhalter zur zeit. an dieser stelle soll aber das ifram eingebunden werden.

ich dachte es kommt an stelle des bildes in die tabelle.

hmmm???

liege ich da falsch?

Lg

Achso, du willst dieses Bild innerhalb einer Tabellenzelle durch den iframe ersetzen. Ja, dann musst Du nur den iframe-Code anstelle des img-Tags einfügen. Wenn Du an dieser Stelle das Bild als Hintergrundbild setzen willst musst Du

a) es per CSS als ein solches auch einfügen, siehe: SELFHTML: Stylesheets / CSS-Eigenschaften / Hintergrundfarben und -bilder
b) dem iframe und auch der im iframe eingebundenen Seite sagen, dass es einen transparenten Hintergrund hat (Stichwort: allowtransparency für IE, background-color per CSS)

perfekt, dass mit dem Hintergrundbild hat super gefunzelt

nur verstehe ich den code nicht ganz!

da steht

Test Hintergrundbild!

was bedeutet „padding:160px“ ich hatte gedacht, dass ich die px vom bild eingebe, 160 hat mit dem bild aber nichts zu tun. jetzt hatte ich so lange gespielt bis es gepasst hat ohne zu wissen was ich tue!

das mit dem iframe habe ich noch nicht verstanden!

lg micha

Dann informier dich mal über CSS-Eigenschaften wie padding und background-color.

oh vielen dank! habe ich verstanden. brauche ich für meine impressumseite und aboutseite! PERFEKT danke

nur in dem fall der gallerie wäre es super wenn ich das hintergrundbild fixen könnte.

mit dem frame habe ich soweit auch hinbekommen nur verschiebt sich daduch alles etwas.

wenn ich das hintergrundbild fixen kann und das frame mittig sitzt, dann passt alles !

Was meinst Du mit „fixen“? Falls Du fixieren (also positionieren) meinst, dann schau wiedermal hier nach: SELFHTML: Stylesheets / CSS-Eigenschaften / Hintergrundfarben und -bilder - falls Du was anderes meinst beschreibe es besser.

ja genau ich meine fixieren! das bild was ich habe passt zu 100% da rein. aber ich schau mal nach!

du gibst mir genau die richtigen aufhänger

DANKE dafür!

LG

he super das mit dem ifram hat schon mal geklappt! hintergrundbild habe ich an der stelle weggelassen! geht auch so! :wink:

das mit dem hintergundbild und dem Text werde ich aber noch brauchen für die unterseiten „about und impressum“

k-f-r:
Kleine Tipps: ändern. :slight_smile: Und bei der kleinen Gallerie hat das letzte Bild beim Zooming einen kleinen Rand links.

k-f-r:
Kleine Tipps: ändern. :smile: Und bei der kleinen Gallerie hat das letzte Bild beim Zooming einen kleinen Rand links.

ich weiß nur kann ich mir den strich nicht wirklich erklären. zumal der nicht durchgeht. ein rand von einer tabelle kann es nicht sein.der würde durchgehen. im slice ist es ein durchgehender weißer hintergrund der auch keine trennung hat! ich stehe da etwas auf dem schlauch und weiß nicht so recht nach was ich suchen soll. zumal ich die bilder bereits schon mehrfach geslicet habe und immer der gleiche fehler kommt?

hat vielleicht einer einen rat?

LG

k-f-r:
Kleine Tipps: ändern. :smile: Und bei der kleinen Gallerie hat das letzte Bild beim Zooming einen kleinen Rand links.

fehler gefunden! Danke!

lg

Wann schemißt Du denn endlich die Tabellen raus und lernst HTML?
Du investierst Zeit, fehlerhaftes HTML und falsche Arbeitsweisen zu lernen, von denen Du mittlerweile wissen solltest, dass sie auch nicht barrierefrei sind.

ja ich habe jetzt viel gelesen und nachgeschaut mit tabbeln ist es nicht so doll und beliebt! :oops:

ich werde mal versuchen das layout in css umzusetzen!

wenn ich fragen habe(und die habe ich bestimmt) hoffe ich, ihr seit dann da?! :?

lg micha

Nein, das hat gar nichts mit Beliebtheit zu tun - Tabellen erfreuen sich weiterhin ebenso großer Beliebtheit wie Überschriften oder Textabsätze.

Tabellen jedoch zu Layoutzwecken zu missbrauchen ist schlichtweg falsch! Genauso falsch ist es übrigens, Layout mit

zu machen, wie vielerorts beschrieben wird.

Wenn Du Fragen hast, sind wir selbstverständlich da!

ok!

ist das denn jetzt auch ein falscher weg?

ich hoffe doch nicht!!!

Im Sinne von HTML? Ja. Das ist ja nur aussagelose div-Suppe.

Um es als Anfänger richtig zu lernen, hilft am besten folgende Vorgehensweise:

  1. Inhalt niederschreiben.
  2. Inhalt semantisch sinnvoll mit HTML auszeichnen.
  3. Jetzt erst Layout und Design mit CSS machen.

Beim Auszeichnen mit HTML brauchst und sollst Du keinen einzigen Gedanken an das spätere Aussehen verschwenden, denn das ist bei der Auszeichnung mit HTML irrelevant.

In Deinem Beispiel ist Dir das Layout wieder wichtiger. Mit HTML macht man aber kein Layout. Du machst Layout mit div. Das ist genauso falsch wie Layout mit Tabellen. Mach erstmal HTML, bevor Du ein Layout machst. CSS baut immerhin auf validem und semantisch sinnvollem HTML-Code auf. Ohne HTML kein CSS und ohne Inhalt kein HTML.
Vorne anfangen, nicht hinten!

ok! kannst mir mal ein beispiel geben, was du damit meinst! ich verstehe nicht ganz was du damit sagen willst und nach was ich suchen kann bzw wie ich vorgehen soll.

ich habe im vorfeld viel gelesen und alle meinten mache dein design in PS. soweit habe ich es fertig!

jetzt hat meine seite ja nicht viel ansprüche außer das ich einige bilder zeigen möchte. ein bissel text im imprssum und ein wenig über mich. fertig!

ich hatte gedacht, dass ich als erstes das layout mache, das ist ja für alle seiten gleich. und im meinem fall setze ich es aus bildern zusammen.

lg

Was verstehst Du nicht, Du hast doch Begriffe, nach denen Du suchen kannst: „HTML“ und „Semantik“. HTML ist dazu da, Deinem Inhalt eine logische Bedeutung zu geben, das versteht man unter Semantik. Welcher Inhalt ist eine Überschrift? Welcher ist ein Textabsatz, wo sind wichtige Textpassagen, wo sind Adressen usw. Das macht HTML. Und das musst Du als erstes umsetzen, nachdem Du Deinen Inhalt geschrieben hast.

Dass Du ein Design in PS gemacht hast, ist schön und gut, jetzt hast Du eine Vorstellung, wie es mal aussehen könnte. Für Deine Website bringt Dir das aber nicht viel, weil Du in PS nur ein Bild erzeugen kannst, das Du in Deiner Website nicht verwenden kannst. Und PS hat einen entscheidenden Unterschied zu einer Website: Da legst Du die Größe selber fest. Bei Webseiten legt die Größe der Nutzer fest.

Das Layout als erstes kannst Du machen, wenn Du erfahren genug bist. Im Moment bist Du blutiger Anfänger und musst erstmal HTML lernen. Denn ein Layout kannst Du erst machen, wenn Dein HTML-Code vollständig ist und das ist er erst, wenn Du auch Deinen Inhalt hast.

Also fang mit dem Inhalt an, pack den in das Standard-HTML-Grundgerüst mit Doctype und charset und dann schreib Deinen Inhalt in den Body und dann zeichne ihn semantisch mit den richtigen Tags aus. Das Layout ist zu dem Zeitpunkt noch unwichtig.

Besser? Wird es klarer? Lichten sich die Wolken am Horizont? :slight_smile:

P.S.: Ein Layout setzt man nicht aus Bildern zusammen (wenn Du damit das klassische „slicen“ meinst, das bei Websites nicht funktioniert).