Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Fireworksdatei mit Html zusammenbinden“

Z

Zodeyac

Guest

Hey leute ;)

Ich will zuerst ma hallo allen sagen, weil ich hier neu bin...

So jetzt zum Thema:

Ich hab da so meine Homepage, und ich würde gerne beim Rot markierten teil, ein iFrame einbauen.

Wie geht das? Ich hab es bis jetzt noch nicht geschafft :(

Danke jetzt schon :)
 
Z

Zodeyac

Guest

AW: Fireworksdatei mit Html zusammenbinden


Oh, tschuldigung, ich hab vergessen zu sagen, dass ich ja eigentlich wüsste, wie ich "iFrames" einbaue. Aber bloss, wie krieg ich n iFrame zu diesem Bereich? Steht das auch da?

:?:
 

Herr_D

offline

AW: Fireworksdatei mit Html zusammenbinden

kommt drauf an, wie der rest des codes aussieht... wie ist dein layout aufbebaut? per tabellen per container?
 
Z

Zodeyac

Guest

AW: Fireworksdatei mit Html zusammenbinden

wie ist dein layout aufbebaut? per tabellen per container?

In diesem Falle ist es wohl per Container.

Bis jetzt ist es entweder ein .png-File oder n .htm-File + Stylesheet.

Naja, ich hoffe die meisten wissen was ich meine? Ich arbeite in Fireworks, speichere das ganze mal als "png" ab. Später exportiere ich es.

Und den HTML-Code hab ich da auch schon kopiert. Jetzt hab ich folgendes:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Fireworks 8 Dreamweaver 8 target. Created Wed Mar 14 16:45:14 GMT+0100 2007-->
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
<style type="text/css" media="screen">
@import url("./index.css");
</style>
</head>
<body bgcolor="#000000">
<div id="FWTableContainer1975524688">
<img name="index" src="index.gif" width="1280" height="800" border="0" id="index" usemap="#m_index" alt="" /><map name="m_index" id="m_index">
<area shape="poly" coords="821,199,990,199,990,239,821,239,821,199" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0314154543_0', 'MMMenu0314154543_0',821,239,'index');" />
<area shape="poly" coords="649,200,817,200,817,240,649,240,649,200" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0314154446_1', 'MMMenu0314154446_1',649,240,'index');" />
<area shape="poly" coords="478,200,646,200,646,240,478,240,478,200" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0314154201_2', 'MMMenu0314154201_2',478,240,'index');" />
<area shape="poly" coords="306,200,475,200,475,240,306,240,306,200" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0314153807_3', 'MMMenu0314153807_3',306,240,'index');" />
</map>
<div id="MMMenuContainer0314154543_0">
<div id="MMMenu0314154543_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<a href="downloads.html" id="MMMenu0314154543_0_Item_0" class="MMMIFVStyleMMMenu0314154543_0" onmouseover="MM_menuOverMenuItem('MMMenu0314154543_0');">
Downloads
</a>
<a href="links.html" id="MMMenu0314154543_0_Item_1" class="MMMIVStyleMMMenu0314154543_0" onmouseover="MM_menuOverMenuItem('MMMenu0314154543_0');">
Links
</a>
<a href="partner.html" id="MMMenu0314154543_0_Item_2" class="MMMIVStyleMMMenu0314154543_0" onmouseover="MM_menuOverMenuItem('MMMenu0314154543_0');">
Partner
</a>
<a href="werbung.html" id="MMMenu0314154543_0_Item_3" class="MMMIVStyleMMMenu0314154543_0" onmouseover="MM_menuOverMenuItem('MMMenu0314154543_0');">
Werbung
</a>
</div>
</div>
<div id="MMMenuContainer0314154446_1">
<div id="MMMenu0314154446_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<a href="listen_online.html" id="MMMenu0314154446_1_Item_0" class="MMMIFVStyleMMMenu0314154446_1" onmouseover="MM_menuOverMenuItem('MMMenu0314154446_1');">
Music&nbsp;online!
</a>
<a href="downloads_sound.html" id="MMMenu0314154446_1_Item_1" class="MMMIVStyleMMMenu0314154446_1" onmouseover="MM_menuOverMenuItem('MMMenu0314154446_1');">
Download&nbsp;my&nbsp;Sound
</a>
</div>
</div>
<div id="MMMenuContainer0314154201_2">
<div id="MMMenu0314154201_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<a href="about.html" id="MMMenu0314154201_2_Item_0" class="MMMIFVStyleMMMenu0314154201_2" onmouseover="MM_menuOverMenuItem('MMMenu0314154201_2');">
About
</a>
<a href="galleries.html" id="MMMenu0314154201_2_Item_1" class="MMMIVStyleMMMenu0314154201_2" onmouseover="MM_menuOverMenuItem('MMMenu0314154201_2');">
Galleries
</a>
</div>
</div>
<div id="MMMenuContainer0314153807_3">
<div id="MMMenu0314153807_3" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<a href="home.html" id="MMMenu0314153807_3_Item_0" class="MMMIFVStyleMMMenu0314153807_3" onmouseover="MM_menuOverMenuItem('MMMenu0314153807_3');">
Home
</a>
<a href="guestbook.html" id="MMMenu0314153807_3_Item_1" class="MMMIVStyleMMMenu0314153807_3" onmouseover="MM_menuOverMenuItem('MMMenu0314153807_3');">
Guestbook
</a>
<a href="contact.html" id="MMMenu0314153807_3_Item_2" class="MMMIVStyleMMMenu0314153807_3" onmouseover="MM_menuOverMenuItem('MMMenu0314153807_3');">
Contact
</a>
<a href="impressum.html" id="MMMenu0314153807_3_Item_3" class="MMMIVStyleMMMenu0314153807_3" onmouseover="MM_menuOverMenuItem('MMMenu0314153807_3');">
Impressum
</a>
</div>
</div>
</div>
</body>
</html>

Das ist alles aus dem Code, welchen ich aus dem png-File heraus bekommen hab. Wie setz ich da jetzt an diesem, wie bereits erwähnten Platz, ein iFrame ein? <iframe src="blablabla" /> und so ist mir ja klar ;)

Aber wie positioniere ich das genau dorthin?
 
Zuletzt bearbeitet von einem Moderator:

atbash

Mod | Web

AW: Fireworksdatei mit Html zusammenbinden

Hi ich habe jetzt nicht die Zeit, deinen Code auseinander zu nehmen. Ich würde die Bilder in ein dreispaltiges Layout setzen (z.B. das hier anpassen: ) und dann den iframe positionieren und den entsprechenden Bildausschnitt als background-image für den iframe notieren.
 
Z

Zodeyac

Guest

AW: Fireworksdatei mit Html zusammenbinden

Komisch, sagt mir irgendwie nicht viel, das mit den 3 Teilen :uhm:

edit: Dazu kommt, ich hab mit Fireworks ein PopUp Menü gemacht. Das sieht man ja hier
 
Zuletzt bearbeitet von einem Moderator:

atbash

Mod | Web

AW: Fireworksdatei mit Html zusammenbinden

Na ja, HTML Grundkenntnisse sollten schon vorhanden sein, wenn man eine Website machen will. Und ein PopUp Menü kann man auch mit CSS machen. Ohne Nachbearbeitung wird das nicht gehen, was du da vorhast. War nur ein Voschlag...
 
Z

Zodeyac

Guest

AW: Fireworksdatei mit Html zusammenbinden

Ja, ich kenn ja HTML^^ Aber i.wie schaff ich das nicht ;) Naja, ich versuchs dann später nochmals ;)
 

Herr_D

offline

AW: Fireworksdatei mit Html zusammenbinden

Du solltest dir vielleicht mal überlegen, das Hintergrundbild zu slicen (kleinschnippeln) ansonsten wird es schwer mit dem frame... so mußt du ohnehin einen hintergrund für den iframe rausschneiden und den iframe absolut (wie den rest auch) positionieren...
 
Z

Zodeyac

Guest

AW: Fireworksdatei mit Html zusammenbinden

hmm, es is schon in kleine Schnippsel geteilt... das kann man bei Fireworks ja ;)

Aber wie würde ich da bei meinem Quelltext weiter oben das iFrame da einpflanzen?
 

atbash

Mod | Web

AW: Fireworksdatei mit Html zusammenbinden

Sorry, du erwartest doch jetzt nicht ernsthaft, dass sich jemand mit dem Fireworks-Gruselquellcode auseinander setzt und dir die Seite auf die Reihe bringt!? Herr D hatte dir den SelfHTML Link bestimmt nicht aus Langeweile gepostet und ich nicht den zu dem dreispaltigen Layout aus dem selben Grund. Arbeite dich mal in HTML + CSS ein und du wirst sehen, dass es so schwer nicht ist, sauberen Code zu schreiben. Und wenn du dann noch eine Frage zu Positionierung oder Background-Images hast, findest du mit Sicherheit jemanden, der dir dann weiterhelfen kann und will. :nick:
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.223
Neuestes Mitglied
Desiree
Oben