Gallerie anch Stu Nichols... hänge fest

**lh704** · 10.03.2007 11:53

Hallo,

ich versuche mich an der Gallerie anch Stu Nichols Anleitung hier .

Ist alles prima erklärt, allerdings hänge ich bei dem Schritt der Positionierung der Thumbnails fest.

Erstens sidn die Thumbnails nicht wie im Beispeil nebeneinander, sodnern sidn bei mir untereinander (udn dann auch noch 5, obwohl ich nur 2 habe...).

Und 2. bekomme ich die kleien Box mit den Thumbnails nicht anch unten. Egal was ich auch tue, vertical-align:bottom; o.ä., die Box bleibt oben.
Ich will sie aber in der unteren erchten Ecke haben...

Habe um beide Container zum testen einen Rahmen gezogen.

Kann mir da jemand helfen?

HTML:

Code:

<body>
	
<div id="container">
  <ul>
    <li>
    	<a class="gallery slidea" href="#nogo">
    	<span>
      	<img src="bild_1_gros.gif" />
      	</span>
   </li>
   <li>
   		<a class="gallery slideb" href="#nogo">
    	<span>
      	<img src="bild_2_gr.gif" />
      	</span>
   </li>   
  </ul>
</div>

<div id="links"><a href="index.html" ><img src="zuruck.gif" /></a>
</div>

</body>

CSS:

Code:

@charset "utf-8";

html,body{margin:0;padding:0}

body{
	font: 76% arial,sans-serif;
	text-align:center
	}
	
div#container{
	position:relative;
	width: 800px;
	height:400px;
	margin:20px auto 0 auto;
	border: 1px solid #aaa;
	}
	
	
#container ul {
    padding:0; 
    margin:0; 
    float:right;
    list-style-type:none; 
    width:180px; 
    height:40px;
    border: 1px solid #aaa;
    }

	
#container li {
    float:left;
                    }
    
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:-1px; 
    left:-1px; 
    overflow:hidden; 
    background:#fff;
    }
    
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    
    }
#container a.slidea {
    background:url(ps_1_pv.gif); 
    height:40px; 
    width:28px;
        
	}
#container a.slideb {
    background:url(ps_2_pv.gif); 
    height:40px; 
    width:28px;
     }


div#links{
	float:left;
	margin-top:20px;
	margin-left:100px;
	width:400px;
	}


img{border: 0 none;
    
	}

**lh704** · 10.03.2007 12:30

Ich Blindfisch...der Container ist jetzt genau da, wo ich ihn haben will.

Hab beim -#container ul- noch margin-top:500px;margin-right:0; eingefügt.

Allerdings sitzen die Thumbnails immer noch untereinander und nicht in einer Reihe nebeneinander. Was muss ich anders amchen? liegts am float?

**michfrm** · 10.03.2007 18:08

Code:

display:block;

Versuchs mal ohne dem

zur Startseite vom TP

Thema: Gallerie anch Stu Nichols... hänge fest

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Gallerie anch Stu Nichols... hänge fest

Aktive Benutzer

Aktive Benutzer