Web-Design HTML in HTML ??? - Photoshop-Cafe.de :: Dein Photoshop-Forum

dreamwoman · #1 07.07.11, 08:08

Hallo zusammen

Ich bin relativ neu hier. Ich habe vor ca 4 Monaten damit angefangen, eine eigene Webseite zu erstellen mit einem kostenlosen Template. Es soll eine einfache Seite werden, wo ich meine Fotos voestellen kann.
Der erste Versuch ist eigentlich schon fertig:
http://gabi.foto-im-pott.de/

Für die Bildergalerien habe ich einen Simpleviewer benutzt.

Zwischenzeitlich habe ich noch ein anderes Template gefunden, welches mir vom Design her besser gefällt. Also habe ich begonnen, umzubauen.

Hier wird vom Menu rechts auf den jeweiligen Simpleviewer weitergeleitet.

Es gibt vom Simpleviewer auch eine compactversion, welche so aussieht:

Diesen würde ich gerne dierekt in die Seite einbauen:

Leider bin ich bisher daran gescheitert, da ich noch blutiger Anfänger bin.
Es stellt sich mir die Frage, kann ich überhaupt an entsprechender Stelle einen HTML - Bereich in eine index.html integrieren?

Ich hoffe, ich habe mich einigermaßen verständlich ausgedrückt und würde mich freuen, wenn sich hier jemand finden würde, der mir weiterhelfen kann.

Gruß Gabi

Ripper · #2 07.07.11, 09:23

Moin, soweit ich weiß müsste das mit einem iframe gehen. Selfhtml weiß da mehr.

Lg

**Ylloh** · #3 07.07.11, 10:50

Ja Iframe wäre hier der Richtige weg, wenn du nicht einfach den gesamten Quellcode des Simpleviewers in die Seite einfügen kannst...

dreamwoman · #4 07.07.11, 16:48

Danke für die schnellen Antworten. Ich werde mich da mal schlau machen. Den Quellcode habe ich schon versucht, einzufügen. Das funktioniert nicht. Die Seite wird genauso wie vorher angezeigt.

Gruß Gabi

stefanbinder · #5 07.07.11, 16:56

Nimm auf keinen Fall Frames fuer deine Seite. Das ist mittelalterlich.

Gruß Stefan

**Ylloh** · #6 07.07.11, 17:02

Poste doch hier einfach mal die Quellcodes beider Seiten, wir bekommen das schon zusammen

@Stefan: Deine WErbung ist hier grade absolut fehl am Platz!

dreamwoman · #7 07.07.11, 18:01

Ok
Ich hoffe, ich mache das jetzt richtig...

Quellcode makro:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>Gabriele S./makro</title>
<!-- Der nachfolgende einzeilige Copyright-Vermerk (c) ist nicht zu löschen.-->

<!-- (c)Copyright by S.I.S.Papenburg / [url]www.on-mouseover.de/templates/[/url] -->
<!--Ein Entfernen dieses Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->


<!-- Der nachfolgende Hinweis-Vermerk darf gelöscht werden-->

<!-- Hinweis:
Das Anbieten dieser Vorlage auf einer Webseite, CD, DVD oder anderen Bild/Tonträgern ist untersagt.
Nutzen dürfen Sie diese Vorlage aber auf einer Webseite wie folgt:
Die Vorlage kann privat (kostenlos) und kommerziell/gewerblich (gegen Bezahlung) für Sie selbst oder eine dritte Person (andere Person oder Firma) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite [url]www.on-mouseover.de/templates/[/url]
bitte die Nutzungsbedingungen nach.
-->




<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css">

</head>
<body     >


<table  align="center" id="breite" cellspacing="0" cellpadding="0" border="0"  >
<tr>


<!--ende aussentab-->
<td align="center" width="100%"   >

<!--schatten um die seite oben -->
<table width="100%" align="center"       border="0" cellpadding="0" cellspacing="0">
<tr>
 <td id="s1"><img src="images/1.jpg" width="22" height="22" border="0" alt=""></td>
 <td id="s2"><img src="images/2.jpg" width="22" height="22" border="0" alt=""></td>
 <td id="s3"><img src="images/3.jpg" width="22" height="22" border="0" alt=""></td>
</tr>
<tr>
 <td id="s4"><img src="images/4.jpg" width="22" height="22" border="0" alt=""></td>
 <td class="haupt" >
<!--ende schatten um die seite oben -->

<!--kopf-->
<table   width="100%"     border="0" cellpadding="0" cellspacing="0"  >
<tr>
<td colspan="2"    id="top1"    ><span id="name">Gabriele S.</span></td>
</tr>
<tr>
<td width="100%"     >
<table height="100%"   width="100%"     border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="top2" >
Meine Fotos für Sie !<br>
&nbsp;&nbsp;&nbsp;&nbsp;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td>
</tr>
<tr>
<td valign="top" align="center" id="top3"  >
<img src="images/t02.jpg" width="500" height="296" border="0" alt="" style="border:solid 1px #B0B9B9;">
</td>
</tr>
<tr>
<td valign="top"  id="textbox">

<h2>Die Makrofotografie </h2>
<p>
Ich zeige Ihnen hier Fotos aus dem Makrobereich. Für mich ein sehr spannendes Thema.
<p>
Hier gehts zu den  <a href="webmakro/compact.html">Bildern...</a>
<br>

</td>
</tr>
</table>

</td>
<td rowspan="3"   id="nav" >
<br>


<!-- menü rechts oben 1-->
<div id="menu2">


<ul  >
<li><a href="index.html"  >Home</a></li>
<li><a href="kontakt.html"  >Kontakt</a></li>
<li><a href="gästebuch.html"  >Gästebuch</a></li>
<li><a href="favoriten.html"  >meine Favoriten</a></li>
<li><a href="impressum.html"  >Impressum</a></li>
<li><a href="index.html"  ></a></li>
</ul>
</div>
<!-- ende menü rechts oben 1-->
<br>

<!-- menü rechts oben 2-->
<div id="menu2">

<ul  >
<h2>Bilder</h2>
<p>
<li><a href="webtiere/index.html"  >Tiere</a></li>
<li><a href="webpflanzen/index.html"  >Pflanzen</a></li>
<li><a href="webmakro/compact.html"  >Makro</a></li>
<li><a href="webverschiedenes/index.html"  >Verschiedenes</a></li>
<li><a href="index.html"  ></a></li>
<li><a href="index.html"  ></a></li>
</ul>
</div>
<!-- ende menü rechts oben 2-->
<br>
<div id="menu2">

<ul  >
<h2>Veranstaltungen</h2>
<p>
<li><a href="webtrecker/index.html"  >Treckerrennen</a></li>
<li><a href="webschmetterling/index.html"  >Schmetterlingshaus</a></li>
<li><a href="index.html"  ></a></li>
<li><a href="index.html"  ></a></li>
<li><a href="index.html"  ></a></li>
<li><a href="index.html"  ></a></li>
</ul>
</div>
<br>
<br>
<br>
<br>
<br>


<!-- box1 unter der navigation-->
<div id="box1">
<b style="color:#7f7f7f;font-size:20px;font-family:georgia,serif">«</b>  <b style="color:#7f7f7f;font-size:20px;font-family:georgia,serif">»</b>
</div>



<!-- =========== hier spaltenbreite für rechte navigation  ========== -->
<div id="navigation_breite">&nbsp;</div>
<!-- ========= ende spaltenbreite rechte navigation ============-->

</td>
</tr>


</table>



<!--ende oben-->


<!--  inhalt-->



<!-- ende inhalt-->

<!-- fuss-->

<table width="100%"     border="0" cellpadding="0" cellspacing="0" >
<tr>
<td  id="fuss2"  >Mike Muster GmbH & Co. KG&nbsp;&nbsp;•&nbsp;&nbsp;Spezialstrasse 55&nbsp;&nbsp;•&nbsp;&nbsp;55234 Sampletown <br>
</td>
</tr>
</table>
</td>
<!-- schatten um die seite unten -->
 <td id="s6"><img src="images/6.jpg" width="22" height="22" border="0" alt=""></td>
</tr>
<tr>
 <td id="s7"><img src="images/7.jpg" width="22" height="22" border="0" alt=""></td>
 <td id="s8"><img src="images/8.jpg" width="202" height="22" border="0" alt=""></td>
 <td id="s9"><img src="images/9.jpg" width="22" height="22" border="0" alt=""></td>
</tr>
</table>
<!--ende schatten um die seite unten -->




</td>
</tr>
</table>

Quellcode simplviewer:

HTML-Code:

<!-- saved from url=(0014)about:internet -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title>SimpleViewer Gallery</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
		<script type="text/javascript">
			var flashvars = {};
			flashvars.galleryURL = "compact.xml";
			var params = {};			
			params.allowfullscreen = true;
			params.allowscriptaccess = "always";
			params.bgcolor = "1D1D1D";
			swfobject.embedSWF("simpleviewer.swf", "flashContent", "600", "550", "9.0.124", false, flashvars, params);
		</script>
		
		<style type="text/css" media="screen">	
			html, body	{ height:100%; }
			body {			
				margin:0;
				padding:0;
				overflow:auto;
				background-color: #DDD;
				color:#333;
				font-family:sans-serif;
				font-size:20px;		
			}
			a {	
				color:#ff0000;	
			}
		</style>
		
	</head><body><div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div></body>
</html>

Gruß Gabi

**Ylloh** · #8 07.07.11, 18:11

Ui, da die Seite Tabellenkonstrukte enthält musst du halt genau schaun, wo du den Code einfügst...

Wichtig ist, dass du die <script> und <style> Befehle in den <head>-Bereich der Makro-Seite packst.

Dann den <div id="flashContent">... an der Stelle einfügen, wo der SimpleViewer auftauchen soll. Also z.B. unter den <p> vom Inhaltsbereich, ob das mit dem div in der Tabelle auch klappt, kann ich aber nicht genau sagen

dreamwoman · #9 07.07.11, 18:20

Ups. Das hört sich kompliziert an. Ih werde mich damit beschäftigen und es versuchen. Mit meiner Antwort kann es spät werden.

Gruß Gabi

**Ylloh** · #10 07.07.11, 18:22

ne so kompliziert ist es gar nicht, wenn man den grundlegenden Aufbau einer HTML-Seite verstanden hat (das kann man wunderbar nachlesen z.B. bei SelfHTML

)

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Animiertes Web Menu Teil 2 (html)	phoenix	Werkzeuge, Bedienfelder und sonstige Grundlagen	6	19.12.09 00:10
HTML Tabellen-Zwischenräume	G-sus	Hilfestellung, Tipps und Tricks	18	09.11.09 18:08

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)