Grafik als Grundlage für eine Website!?

derchris

Hallo zusammen,

ich habe Heute dieses Forum entdeckt und auch gleich eine Frage.
Ich möchte für unseren Verein eine Homepage basteln und habe eine Grafik im Format 1024x768.
Darin enthalten ist oben ein header, ein Footer, links das Navi und rechts ist in der Grafik Platz für den content. Doch wie kann ich HTML sagen, dass er für den text nur diesen Platz verwenden kann. Geht das irgendwie per Imagemap, oder muss ich alles slicen, doch wie geht das, das ich den Platz mitten in einer Grafik verwende?

Vielen Dank und Gruß
Chris

driver

mach in des feld, wo der inhalt sein soll, nen iframe rein.
schon wird nur dort angezeigt - wenna größer is kommt ne scrollbar

(alternativ kannst auch mit divs und overflow lösen)

derchris

Hey ist ja Wahnsinn, wie schnell hier Antworten lkommen, echt super.

driver
Wie löste ich das mit dem iframe, habe schonmal was davon gehört, wie kann ich die Position des iframes dann genau bestimmen?

Nutze ich dann Imagemap oder muss ich trotzdem alles slicen?

Danke und Gruß
Chris

driver

slicen ? imagemap ?

ach des is wieder so a photoshop dingens, oder ?

derchris

Sorry, ja richtig
Photoshop und Dreamweaver
Geht es denn komplett ohne, wenn man nichts von PHP versteht!?

Das Slicen etc. ist ja kein Problem, aber wie/wo füge ich dann den iframe richtig ein, dass er genauf auf der "Grafik" (dem Content-Teil) positioniert ist/wird !?

driver

hm. so ins blaue raten is schwer....

kannst des teil wies momentan is mal online stellen ?
dann könnt ma genauere angaben machen...

derchris

Also bisher habe ich noch garnichts mit diesem Bild gemacht, bin für jeden Vorschlag dankbar. Die Grafik-Datei habe ich oben mal angehängt, nur OV-Angaben mal "unkenntlich" gemacht

Wie ich das nun bewerkstelligen kann, das beim Klick in der Navi-Leiste auf Termine, Bilder, usw sich der Text rechts daneben öffnet, ist mir egal, ob mit slicen, stylesheets, transparentes iframe, usw, bräuchte nur mal nen Beispiel oder Muster

Wie würdest du das Bild nutzen?

driver

zurechtschneiden in die bestandteile und dann in html einbinden....

derchris

Ok gut, dann mache ich es so.
ABER mein Problem ist, wie kann ich was in das "rechte Feld" schreiben, also das dort eine weitere HTML-Seite angezeigt wird, wenn man die einzelnen Punkte im Navi durchgeht.
Das sollte doch mit nem "iframe" gehen, ABER wie binde ich sowas dann ein, dass das in dem "Feld" dargestellt wird!?
Das check ich halt irgendwie nicht, wel ich es auch noch nie gemacht habe. Bisher immer mit Frames, oder Grafiken, die nur oben und links waren und rechts dann ne Tabelle hin!? ...aber nun ist es eine komplette Grafik, und "in/auf die Grafik" muss bei einer bestimmten Position die Verlinkung stattfinden, also rechts in dem "blauen Feld".

driver

iframes bindet man so ein

Code

<iframe src="datei.html" name="content" width=xxx height=xxx frameborder=0></iframe>

wo du des reinschreibst, können wir erst sagen nachdem du dein design umgesetzt hast...

derchris

Glaub ich habs kapiert. Man lässt dann quasi des eine Bild (wo der content hinkommt) weg und macht dafür das iframe rein, richtig?
Muss damit nun etwas spielen und ausprobieren, aber scheint zu funktioniren.

Vielen Dank erstmal.

PS: Super Forum, weiter so!

driver

jein......

du könntest auch die grafik mit reinnehmen, und den iframe transparent drüberlegen...

derchris

achso, und wie gehts das mit dem transparent???

driver

im prinzip genauso.... must bloß im <iframe..> noch ergänzen: allowtransparency="true"

und bei den seiten die angezeigt werden das hier im head einfügen

Code

<style type="text/css">
body { background-color:transparent; }
</style>

derchris

Cool super, vielen Dank erstmal, werds probieren.
(Echt der Hammer wie schnell hier Antworten kommen )

derchris

Also nochmal ...sorry.

Habe nun mal kurz was gesliced und werde den Code unten anhängen.
Über das Bild "v1_forum_03.gif" muss ein transparentes iframe gelegt werden. Mein Problem ist nun, wie mache ich das, ohne das sich der Rest "verschiebt"?
Denke ihr könnt mir sicher weiterhelfen!?

Danke im Voraus und noch ne schöne Nacht

Gruß
Chris

------------<schnipp>--------------------------------

<html>
<head>
<title>v1_forum</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

</body>
</html>

driver

also erstmal muss des bild in den hintergrund, des machste mit

Code

<td rowspan=12 style="background-image:url(v1_forum_03.gif);"><iframe src="...." name="..." .....></iframe></td>

ich würd an deiner stelle allerdings pngs statt gifs nehmen...

derchris

Super, im Großen und Ganzen funzt das auch, ABER ich bekomme es nicht hin, das der iframe transparent wird.

Code

<tr>
		<td>
			[img]images/v1_forum_02.gif[/img]</td>
		<td rowspan="12" style="background-image:url(v1_forum_03.gif) background-color:transparent">
                 <iframe src="test.html" name="content" allowtransparency="true" width="653" height="533"></iframe></td>


		<td rowspan="12">
			[img]images/v1_forum_04.gif[/img]</td>
	</tr>
	<tr>
		<td>
			[img]images/v1_forum_05.gif[/img]</td>
	</tr>

Alles anzeigen

Wo ist der Denkfehler ?

driver

des backgorund-color musste in die test.html einfügen, nicht in die td...

derchris

Ach shit, klar doch
Super genial, funktioniert 1a. Vielen Dank driver für deine Geduld

Ich frage jetzt einfach mal im selben Thread

Bekomme ich den Scrollbalken im iframe irgendwie weg, oder zumindest "unsichtbar" ...oder kann man den auf 1mm Breite reduzieren, dass er kaum erkennbar ist, weil des stört nun noch

Gruß
Chris

Grafik als Grundlage für eine Website!?

Tags

Benutzer online in diesem Thema