Ich_halt224
Erfahrenes Mitglied
Nabend,
ich versuche gerade, eine Fotoansicht in meine Homepage zu bauen, habe aber nun das folgende Problem: Ich bekomme einen Text, der in einer Ebene liegt, nicht in eine andere Schriftart und auch die Größe kann ich per Programm nicht verändern, manuell kann man es klar verändern, aber auch dann ändert sich die Schriftart und die Größe nicht.
Habe mir zuerst gedacht, liegt wohl an einer CSS-Datei, denn in dem Script der Fotoansicht, die ich einbaue, ist von CSS die Rede, aber es gibt keinen Link zur CSS-Datei und auch in dem Ordner ist keine.
Ich hoffe, dass jemand von euch den Fehler findet und vielleicht auch gleich noch eine Lösung parat hat.
Hier der Quelltext:
Danke und liebe Grüße
Tim
ich versuche gerade, eine Fotoansicht in meine Homepage zu bauen, habe aber nun das folgende Problem: Ich bekomme einen Text, der in einer Ebene liegt, nicht in eine andere Schriftart und auch die Größe kann ich per Programm nicht verändern, manuell kann man es klar verändern, aber auch dann ändert sich die Schriftart und die Größe nicht.
Habe mir zuerst gedacht, liegt wohl an einer CSS-Datei, denn in dem Script der Fotoansicht, die ich einbaue, ist von CSS die Rede, aber es gibt keinen Link zur CSS-Datei und auch in dem Ordner ist keine.
Ich hoffe, dass jemand von euch den Fehler findet und vielleicht auch gleich noch eine Lösung parat hat.
Hier der Quelltext:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Album</title>
<!--
1 ) Reference to the file containing the javascript.
This file must be located on your server.
-->
<script type="text/javascript" src="highslide/highslide.js"></script>
<!--
2) Optionally override the settings defined at the top
of the highslide.js file. The parameter hs.graphicsDir is important!
-->
<script type="text/javascript">
// remove the registerOverlay call to disable the controlbar
hs.registerOverlay({
thumbnailId: null,
overlayId: 'controlbar',
position: 'top right',
hideOnMouseOut: true
});
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
// Tell Highslide to use the thumbnail's title for captions
hs.captionEval = 'this.thumb.title';
</script>
<!--
3) These CSS-styles are necessary for the script to work. You may also put
them in an external CSS-file. See the webpage for documentation.
-->
<style type="text/css">
* {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide {
cursor: url(highslide/graphics/zoomin.cur), pointer;
outline: none;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide img {
border: 2px solid gray;
}
.highslide:hover img {
border: 2px solid white;
}
.highslide-wrapper {
background: white;
}
.highslide-image {
border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 2px solid white;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: white;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;
padding-left: 22px;
background-image: url(highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move {
cursor: move;
}
.highslide-overlay {
display: none;
}
a.highslide-full-expand {
background: url(highslide/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
/* Controlbar example */
.controlbar {
background: url(highslide/graphics/controlbar4.gif);
width: 167px;
height: 34px;
}
.controlbar a {
display: block;
float: left;
/*margin: 0px 0 0 4px;*/
height: 27px;
}
.controlbar a:hover {
background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
width: 50px;
}
.controlbar .next {
width: 40px;
background-position: -50px 0;
}
.controlbar .highslide-move {
width: 40px;
background-position: -90px 0;
}
.controlbar .close {
width: 36px;
background-position: -130px 0;
}
/* Necessary for functionality */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
</style>
</head>
<body style="background-color: white">
<div>
<div style="position: absolute; width: 100px; height: 11px; z-index: 5; left: 183px; top:
87px" id="Ebene5">
<img border="0" src="image001.gif" width="925" height="4"></div>
<p> </p>
<div style="border-style:solid; border-color:#FFFFFF; position: absolute; width: 100px;
height: 66px; z-index: 4; left:18px; top:31px; background-color:#FFFFFF" id="Ebene4">
<font color="#FFFFFF">
<img border="0" src="logo_small.jpg" width="112"
height="58"></font></div>
<p> </p>
<div style="position: absolute; width: 919px; height: 0px; z-index: 2; left: 184px; top:
147px" id="Ebene2">
</div>
<p> </p>
<div style="position: absolute; width: 319px; height: 34px; z-index: 1; left: 184px; top:
45px" id="Ebene1">
<font face="Arno Pro Caption" size="5">Bereich für FuntasticParty-User</font></div>
<p> </p>
<p>
&n
bsp; &nbs
p;
<a id="thumb1" href="images/studio/girlkiss.jpg" class="highslide" onclick="return
hs.expand(this)">
<img src="images/studio/min/girlkiss.jpg" alt="Highslide JS"
title="Titel: Girlkiss" height="80" width="120" /></a>
<!-- Repetionion of the above -->
<a id="thumb2" href="images/studio/girlkiss2.jpg" class="highslide" onclick="return
hs.expand(this)">
<img src="images/studio/min/girlkiss2.jpg" alt="Highslide JS"
title="Titel: Girlkiss" height="80" width="120" /></a>
<!--
5 (optional). This is the markup for the controlbar. The conrolbar is tied to the
expander
in the script tag at the top of the file.
-->
</p>
<div id="controlbar" class="highslide-overlay controlbar">
<a href="#" class="previous" onclick="return hs.previous(this)" title="Previous
(left arrow key)"></a>
<a href="#" class="next" onclick="return hs.next(this)" title="Next (right arrow
key)"></a>
<a href="#" class="highslide-move" onclick="return false" title="Click and drag to
move"></a>
<a href="#" class="close" onclick="return hs.close(this)" title="Close"></a>
</div>
</div>
</body>
</html>Danke und liebe Grüße
Tim
