Seite mit vielen Bildern

Hmm... wenn du mit meinem kleinen erfrischenden Zahlen-/Wortspiel nichts anzufangen weißt, nutze doch einfach den "Spoiler", der dir das Rätsel auflöst :suspekt:

mfg Maik
 
Tatsächlich?

Dann solltest du allmählich den Browser beim Namen nennen, der dich vor solch unlösbare Aufgaben stellt, denn bei mir reicht es in allen gängigen aktuellen Browserversionen vollkommen aus, wenn ich den z-index-Wert auf "2" erhöhe.

mfg Maik
 
ich hab das ganze versucht auf 2 zu setzen hab aber kein unterschied feststelllen können.

ich benutze ja einen editor um die codes zu schreiben, muss ich den als .hmtl oder wie muss ich den abspeichern
 
Darter hat gesagt.:
ich hab das ganze versucht auf 2 zu setzen hab aber kein unterschied feststelllen können.

ich benutze ja einen editor um die codes zu schreiben, muss ich den als .hmtl oder wie muss ich den abspeichern
Zum Vergrößern anklicken....

Erstmal gibt's hier für dich zur späten Stunde zum Auffrischen die Erinnerung an unsere Netiquette (!)
Unser Forum ist kein Chatroom. Kurz-Beiträge ("Ein-Zeilen Postings"), die einfach so ins Forum "geklatscht" werden, werden ohne Vorwarnung von einem Moderator oder Administrator gelöscht. Das gleiche gilt insbesondere für Beiträge, die in Rechtschreibung, Satzbau und Verständlichkeit nicht ein vernünftiges, allgemein übliches und altersgruppen-übergreifendes Niveau erfüllen. Jugendsprache, regional verbreitete Dialekte und durchgehend kleingeschriebene Beiträge sind ebenfalls unerwünscht. Mit anderen Worten: wer erfolgreich die im Deutsch-Unterricht erlernten Kenntnisse praxisnah auf unserem Forum anwenden kann, wird nicht mit dieser Regel in Konflikt kommen. "Wiederholungstäter" werden, nachdem sie zuvor von einem Moderator auf die Mängel hingewiesen wurden, ggf. unbefristet gesperrt.
Zum Vergrößern anklicken....

Ein Bild sagt mehr als tausend Worte:

z-index.jpg

Selbstverständlich wird die Datei als *.htm, *.html, oder meinetwegen auch als *.php gespeichert :rolleyes:

Oder mit welchem Dateiformat hast du die ganze Zeit versucht, diese "Seite mit vielen Bildern" im Webbrowser zu betrachten? :suspekt:

Da du auf meine Antwort auch nicht näher eingegangen bist, gibt's von meiner Seite zu diesem ausufernden Thema nun auch nichts mehr zu sagen.

Trappattoni hat gesagt.:
Isch habbe fertisch!
Zum Vergrößern anklicken....

mfg Maik
 
Ja tut mir ja leid aber ich bin doch drauf eingegangen und habs probiert. das Problem war bei meinem Editor war eine Vorschau dabei die das nicht richtig anzeigen konnte sorry.


Code: 
<!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" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="author" content="Maik" />
<meta name="date" content="2010-02-11" />

<title>tutorials.de | Demo Darter</title>

<!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" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="author" content="Maik" />
<meta name="date" content="2010-02-11" />

<title>tutorials.de | Demo Darter</title>

<style type="text/css">
/* <![CDATA[ */
.gallery {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
}
.gallery li {
    display:inline;
    position: relative;
}
.gallery li span {
    display:none;
}
.gallery li:hover span {
    z-index:2;
    display:block;
    position:absolute;
    top:2em;
    left:2em;
}
/* ]]> */
</style>

<!-- Für IE6 -->
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js"></script>
<![endif]-->
<!-- Ende für IE6 -->

</head>



<div style="position:fixed; top:45px; left:200px; width:1200px; height:2000px ">

<ul class="gallery">
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>
    <li><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" width="5" height="5" alt="" /><span><img src="http://www.tutorials.de/forum/customprofilepics/profilepic31374_2.gif" alt="" /></span></li>


<ul>
</div>
</body>

</html>

So hab ich es jetzt gemacht und es läuft supi. Nur ich hab die bilder jetzt extrem klein gemacht, was sie auch sein sollen und da passt dass wieder was nicht, da ein großer Abstand zwischen den einzellnen Bildern entsteht.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück