Brauche Hilfe bei einem RW-Problemchen...

knollibolli

knollibolli

Aktives Mitglied
Thread Starter
Dabei seit
07.12.2005
Beiträge
1.825
Reaktionspunkte
193
Hallo,

ich möchte auf einer Unterseite einer Website eine Flash-Diaschau einbinden, so wie es RW anbietet. Jetzt habe ich dabei ein Layout-Problem (siehe auch Grafik im Anhang). Die Diaschau wird zwar richtig angezeigt, ich hätte aber gerne etwas Abstand zu dem Header-Image, also einen weißen Rand so wie er links, rechts und unten auch vorhanden ist. Wie bekomme ich das hin?

Danke für Eure Tipps schon einmal...:)
 
Zuletzt bearbeitet:
Das Bild kleiner machen?
oder "java grau" benutzen - ich glaub's irgendwie war das, dann werden die Bilder im seperaten Fenster aufgemacht, wie hier im Forum.
Hab das leider zu Hause.
 
Zuletzt bearbeitet:
Bild kleiner machen bzw. skalieren habe ich schon versucht. Das führt leider nur dazu, dass eben die Bilder kleiner werden, jedoch immer noch direkt an den Header angrenzen. "java grau" sagt mir nichts leider...

Ich glaube, man müsste ein oder zwei Leerzeilen zwischen Header und Container oder wie man das Teil mit der Diashow auch nennt in HTML) einfügen, also im Quellcode ein bischen basteln... :kopfkratz:
 
Das geht mit CSS. Ist die Seite online zum Anschaun? …dann gehts leichter,
ansonsten musst du selber ran ;)
(Abstand der Galerie mit margin-top zuweisen z.B.)

:)
 
Nein, leider noch nicht online... In RW kann ich ja unter "Meta Tags" in dem Feld "Individuelle CSS, eingefügt zwischen den <style>-Tags" Code eingeben...


Ähem, leider habe ich keine Ahnung, wie dieser Code aussehen muss... :eek:
 
Normalerweise ist es <br> für eine Leerzeile
 
Ok. Dann versuchen wirs so…
Kannst du den Quelltext von dieser Seite mal anhängen? Bzw. den Ausschnitt,
in dem man sieht, wie die Galerie eingebunden ist?


@xircom, nicht pfuschen anfangen, wenn mans nicht vorher gscheit probiert hat ;)
 
Das einfügen dieses Codes:

<style type="text/css">
p {margin-top:150px;}
</style>

führte dazu, dass ganz oben, als über dem Header, ein 150px Rand dazu kam. Blos wie stelle ich es an, dass dieser Rand zwischen Header und Diashow entsteht...
 
…weil du mit p alle Absätze ansprichst. Du musst die Galerie konkret ansprechen.
Dazu würd ich gern den Code sehen :)
 
Ok. Dann versuchen wirs so…
Kannst du den Quelltext von dieser Seite mal anhängen? Bzw. den Ausschnitt,
in dem man sieht, wie die Galerie eingebunden ist?


@xircom, nicht pfuschen anfangen, wenn mans nicht vorher gscheit probiert hat ;)

@xircom: Danke für die Hinweise. Wenn ich es schaffe, dann möchte ich es jedoch lieber nur in RW machen, da ich sonst, glaube ich, total in Schleudern kommen würde ;) Bin absoluter Amateur, musst Du wissen.

@miss.moxy: OK, ich versuche mal, die richtige Seite zu finden. Das doofe ist ja, dass man direkt in RW den Quelltext nur ansehen kann, nicht verändern. Kleinen Moment...
 
…weil du mit p alle Absätze ansprichst. Du musst die Galerie konkret ansprechen.
Dazu würd ich gern den Code sehen :)

Hier der Code der Diashow-Seite:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="generator" content="RapidWeaver" />
<meta name="generatorversion" content="3.6.7 (2691)" />

<title>Photoalbum</title>
<link rel="stylesheet" type="text/css" media="screen" href="styles.css" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="ie6.css" /><![endif]-->
<link rel="stylesheet" type="text/css" media="screen" href="colourtag.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
<link rel="stylesheet" type="text/css" media="handheld" href="handheld.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/width/1000.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/header/grass.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/icons/orange.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/sidebar/sidebar_right.css" />


<style type="text/css" media="all"><style type="text/css">
p {margin-top:150px;}
</style></style>

<script type="text/javascript" src="javascript.js"></script>


<script type="text/javascript" charset="utf-8">
var blankSrc = "png/blank.gif";
</script>
<style type="text/css">

#top_bar img,
#top_swirl img,
#footer_swirl img,
#logo_overlay img {
behavior: url("png/pngbehavior.htc");
}

</style>



</head>
<body>
<div id="top_bar">
<img src="images/body_top_bar.png" alt="" style="width: 3000px; height: 8px;" />
</div>
<div id="container"><!-- Start container -->
<div id="top_swirl">
<img src="images/top_swirl.png" alt="" style="width: 222px; height: 140px;" />
</div>
<div id="pageHeader"><!-- Start page header -->
<div id="logo_overlay"><img src="%pathto(images/logo_grad_overlay.png)%" alt="" style="width: 3000px; height: 175px;" /></div>
<div id="logo"></div>
<h1>Haus Pfannenh&ouml;lzer</h1>
<h2>Nicht Zuhause und doch Daheim</h2>
</div><!-- End page header -->
<div id="contentContainer"><!-- Start main content wrapper -->
<div id="navcontainer"><!-- Start Navigation -->
<ul><li><a href="../index.html" rel="self" class="currentAncestor">Herzlich Willkommen!</a><ul><li><a href="../page8/page8.html" rel="self">360&deg; Panorama</a></li><li><a href="page7.html" rel="self" id="current">Photoalbum</a></li></ul></li><li><a href="../page1/page1.html" rel="self">Ferienwohnungen</a></li><li><a href="../page3/page3.html" rel="self">Preise und Service</a></li><li><a href="../page20/page20.html" rel="self">Ohne Namen 26</a></li><li><a href="../page10/page10.html" rel="self">Ohne Namen 18</a></li><li><a href="../page9/page9.html" rel="self">&Uuml;bersichtskarte</a></li><li><a href="../page11/page11.php" rel="self">Buchungsanfrage</a></li><li><a href="../page16/page16.html" rel="self">Ohne Namen 21</a></li><li><a href="../page4/page4.html" rel="self">Kontakt und Impressum</a></li></ul>
</div><!-- End navigation -->
<div id="sidebarContainer"><!-- Start Sidebar wrapper -->
<div id="sidebar"><!-- Start sidebar content -->
<h1 class="sideHeader"></h1><!-- Sidebar header -->
<!-- sidebar content you enter in the page inspector -->
<!-- sidebar content such as the blog archive links -->
</div><!-- End sidebar content -->
</div><!-- End sidebar wrapper -->
<div id="content"><!-- Start content -->
<div id="flashcontent">
Sorry, I cannot display the flash slideshow for one of the following reasons.<br />
1. Your browser does not support Javascript.<br />
2. If you are using RapidWeaver, please make sure your theme is using the most up-to-date version of the javascript include file.<br />
</div>

<script type="text/javascript">
var so = new SWFObject("files/slideshow.swf", "mymovie", "650", "500", "6", "#ffffff");
so.addParam("quality", "high");
so.addParam("wmode", "transparent");
so.addParam("base",".");
so.write("flashcontent");
</script>
<div class="clearer"></div>
</div><!-- End content -->
</div><!-- End main content wrapper -->
</div><!-- End container -->
<div id="footer"><!-- Start Footer -->
<div id="footer_swirl">
<img src="images/footer_swirl.png" alt="" style="width: 502px; height: 69px;" />
</div>
<p>&copy; 2008 Hans Wechs <a href="#" id="rw_email_contact">Kontakt</a><script type="text/javascript">var _rwObsfuscatedHref0 = "mai";var _rwObsfuscatedHref1 = "lto";var _rwObsfuscatedHref2 = ":we";var _rwObsfuscatedHref3 = "ch.";var _rwObsfuscatedHref4 = "hin";var _rwObsfuscatedHref5 = "ter";var _rwObsfuscatedHref6 = "ste";var _rwObsfuscatedHref7 = "in@";var _rwObsfuscatedHref8 = "gmx";var _rwObsfuscatedHref9 = ".de";var _rwObsfuscatedHref = _rwObsfuscatedHref0+_rwObsfuscatedHref1+_rwObsfuscatedHref2+_rwObsfuscatedHref3+_rwObsfuscatedHref4+_rwObsfuscatedHref5+_rwObsfuscatedHref6+_rwObsfuscatedHref7+_rwObsfuscatedHref8+_rwObsfuscatedHref9; document.getElementById('rw_email_contact').href = _rwObsfuscatedHref;</script></p>
<div id="breadcrumbcontainer"><!-- Start the breadcrumb wrapper -->
<ul><li><a href="../index.html">Herzlich Willkommen!</a>&nbsp;>&nbsp;</li><li><a href="page7.html">Photoalbum</a>&nbsp;>&nbsp;</li></ul>
</div><!-- End breadcrumb -->
</div><!-- End Footer -->
</body>
</html>
 
Wenn du den weißen Streifen in allen Seiten im Content-Bereich haben willst,
kannst du
#content { padding-top: 50px; } // Wert selber einsetzen
in den Stylebereich einfügen.
Ansonsten nur für die Flashgalerie:
#flashcontent { margin-top: 50px; } // Wert selber einsetzen

Was genau padding und margin bedeuten kannst du dir bei selfhtml
ansehen (Innenabstand und Außenabstand)…

:)
 
Ja, super! Das erste wars: #content { padding-top: 50px; } per Copy+Paste in das CSS-Feld eingegeben und fertig! Danke!

Vielen Vielen Dank! :hug:
 
Gern geschehn :)
 
Jetzt habe ich das nächste Problem: Wenn ich die Diashow in der Vorschau ansehen möchte (Safari, Opera, Netscape...), kommt anstelle der Bilder nur ein grauer Kasten mit der Meldung "Error loading slideShow "monoslideshow.xml"" (Bild im Anhang).

Ausserdem wird die Musik, welche ich als mp3 eingefügt habe, nicht abgespielt.

Das Ganze verhält sich genauso, wenn ich die Seite exportiere und dann mit Safari öffne.

In der RW-eigenen Vorschau wird zwar die Diashow angezeigt, die Musik wird aber ebenfalls nicht abgespielt.

Das Ganze habe ich mit RW 3.6.7 und RW 4.0 ausprobiert. Mist :-(
 
Zuletzt bearbeitet:
So, ich habs. Das Problem ist, das die "monoslideshow" in der Vorschau (nicht in der RW-eigenen Vorschau sondern in der Bowser-Vorschau, die man über den "Zahnrad"-Schalter unten links im RW-Fenster wählen kann) nicht angezeigt wird. Nach dem Upload ist aber alles gut.

Das mit der Tondatei (mp3): Man muss offenbar darauf achten, keine ä, ö, oder ü im Dateinamen zu haben, dann klappts. :)

Edith meint ich soll die Site mal im Homepage-Review-Form frei für Kritik geben.
 
Zurück
Oben Unten