Der fertige Komfort-Bildwechsler
samthepam
- css
- sonstiges
0 Rolf B
0 klawischnigg
0 Rolf B
Hallo,
ich habe eure Beispiel für meine Webseite geladen und meine daten eingegeben,
am end der Seite habe ich das Menü home gemacht mit <a href="home.html"> eingebaut, aber leider tut es nix und geht nicht zurück zu "home.html",
auf der Seite auch sind oben im Head bereich die zwei css. und js mit eingebaut aber es tut nichts.
Bitte ich brauche Hilfe was muss ich tun?
Ein Screenshot ist dabei.
und der Code in html ist so
<html>
<head>
<title>Akt & Women Gallery</title>
<link rel="stylesheet" href="css/bilder.css">
<script src="js/gallery.js"></script>
<style>
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
}
</style>
</head>
<body>
<body style="background-color:black;">
<!--------------- Header --------------->
<div class="header-content">
<div class="header-content">
<span class="xr_s8" style="position: absolute; left:143px; top:15px;">
<font color="#F90D58" size="14"><b>Gallery </b><font color="#FFFFFF">of Paints</div></font></font>
</div>
<!------- Gallery ------------>
<span class="xr_s8" style="position: absolute; left:143px; top:100px;">
<section id="lauf" class="gallery">
<a href="pictures/kachel01.jpg"> <img src="pictures/kachel01.jpg" alt="kachel #01 / 45€"></a>
<a href="pictures/kachel02.jpg"> <img src="pictures/kachel02.jpg" alt="kachel #02 / 45€"></a>
<a href="pictures/kachel03.jpg"> <img src="pictures/kachel03.jpg" alt="kachel #03 / 45€"></a>
<a href="pictures/kachel04.jpg"> <img src="pictures/kachel04.jpg" alt="kachel #04 / 45€"></a>
<a href="pictures/kachel05.jpg"> <img src="pictures/kachel05.jpg" alt="kachel #05 / 45€"></a>
<a href="pictures/kachel06.jpg"> <img src="pictures/kachel06.jpg" alt="kachel #06 / 45€"></a>
</section>
</span>
</div>
<!------ Footer --->
<span class="xr_s8" style="position: absolute; left:140px; top:300px;">
<a href="index.html">
<font size ="6" color="#fff" style="font-family:tall films expanded"><strong>Home</font></strong></span></a>
</body>
</html>
danke vielmals für ihre Hilfe...
Samuel
Hallo samthepam,
bitte räume erstmal dein HTML auf.
body im body? Verboten.
Heiß auf absolute Positionierung? Warum? Gibt es dafür einen zwingenden Grund außer "Weil ich es kann"? Lass den Browser positionieren und gib den Elementen passende Margins oder Padding.
Doppeltes div mit class=header-content? Einer davon ist sicher zu viel.
Ein font tag auf und zwei zu? Passt nicht.
Am Ende, im Home Link, hast Du falsch geschachtelt. <font><strong>XYZ</font></strong> ist nicht zulässig, wenn Du innerhalb von <font> ein <strong> aufmachst, muss das </strong> vor dem </font> erscheinen. Elemente kann man ineinander schachteln, aber im HTML Text nicht teilweise überlappen.
Font-Element überhaupt? Macht man nicht, macht man mit CSS. Du solltest die Überschrift so gestalten:
<header>
<h1><b>Gallery</b> of Paints</h1>
</header>
und den Rest des Stylings im Stylesheet mit CSS erreichen.
h1 {
color: white;
font-size: 2em;
padding-left: 4em;
}
h1 b {
color: #F90D58;
}
font-size für h1 brauchst Du vermutlich nicht setzen, kannst Du aber verkleinern/vergrößern wie Du es brauchst. Das padding-left ersetzt deine absolute Positionierung (die 4em beziehen sich auf die font-size des h1 Elements, d.h. wenn das h1 doppelte Fontgröße hat, dann sind 4em Padding auch doppelt so groß wie ein Padding auf einem normalen Element.
Der Footer-Bereich müsste dann so sein:
<footer>
<a href="/index.html">Home</a>
</footer>
und im Stylesheet dazu
footer a {
color: white;
font-weight: bold;
font-size: 6px;
font-family: tall films expanded;
}
Eine font-size von 6px ist eigentlich sehr klein. Sind die Zeichen von Tall Films so riesig, dass das einen Sinn ergibt? Abgesehen davon sollte es keine absolute Fontgröße sein, sondern eine relative Größe, damit der Benutzer die Seite skalieren kann. Nimm also bspw. 0.4em - aber denk dran, dass es eine lesbare Größe haben muss.
Wenn das HTML dann sauber ist und es weitere Probleme gibt, zeig uns bitte ein Onlinebeispiel und keinen Code zum Abschreiben.
Rolf
Hi there,
wie RolfB schon erwähnt hat, Dein HTML ist leider absolut grottenschlecht. Wenn da etwas funktioniert, dann ist das eher Zufall als das Ergebnis Deines Werkens. (Wobei, das meiste Werken dürfte eh nicht von Dir stammen, aber sei's drum)
Was ich jetzt frage, weil Du sagst, Dein Menü funktioniert nicht, was soll dieses "Menü" sein? Die sechs Bilder von diesem komischen Musik-Fuzzy? Und falls ja, was passiert, wenn man da jetzt draufklickt? Kann man sich das irgendwo online anschauen...?
Hallo samthepam,
By the way - wenn der home link nach home.html soll, dann ist das aus deinem html nicht ersichtlich. Das will nämlich nach index.html.
Könnte das zum Problem beitragen?
Rolf