Ok, das hat jetzt geklappt, ich habe den obigen Befehl rausgenommen und jetzt geht es auf einer seite. Auf einer zweiten Seite jedoch nicht. Warum? Ich stell mal den Code ein, vielleicht findet ja jemand einen Fehler. Ich sehe ihn nicht
Seite Fotogalerie (funktioniert)
html:
[code]
<h1 style="text-decoration:underline">Fotografie</h1>
<div id="fotogalerie">
</div>
[/code]dazu css:
[code]
/Fotogalerie/
/Gesamter Kasten/
#fotogalerie {
position: relative;
width: 630px;
height: 410px;
margin: 20px auto 0 auto;
border: 1px solid #aaa;
background: url() 75px 10px no-repeat;
}
#fotogalerie ul{
width: 198px;
height: 430px;
margin: 5px;
float: right;
list-style-type:none;
}
#fotogalerie li {
float: left;
}
/* Border für thumbnails hover*/
#fotogalerie a.gallery:hover {
border: 1px solid #fff;
}
/* Platz für hover Foto*/
#fotogalerie a.gallery:hover span {
position: left;
width: 398px;
height: 398px;
top: 5px;
right: 20px;
color: #000;
}
#fotogalerie a.gallery:hover img {
border: 1px solid #000;
float: left;
margin-right: 5px;
}
#fotogalerie a.gallery span{
position:absolute;
width: 1px;
height: 1px;
top: 5px;
left: 5px;
overflow: hidden;
}
#fotogalerie a.gallery, #fotogalerie a.gallery:visited {
display:block;
color:#000;
text-decoration:none;
border:1px solid #000;
margin:1px 2px 1px 2px;
text-align:left;
cursor:default;
}
#fotogalerie a.slidea {
background:url(…/css/thumbs/_DSC0043_t.jpg);
height:60px;
width:93px;
}
#fotogalerie a.slideb {
background:url(…/css/thumbs/_DSC0050_t.jpg);
height:60px;
width:93px;
}
#fotogalerie a.slidec {
background:url(…/css/thumbs/2002_1_t.jpg);
height:60px;
width:93px;
}
#fotogalerie a.slided {
background:url(…/css/thumbs/2002_2_t.jpg);
height:60px;
width:93px;
}
#fotogalerie a.slidee {
background:url(…/css/thumbs/Baumfertig_t.jpg);
height:60px;
width:93px;
}
#fotogalerie a.slidef {
background:url(…/css/thumbs//Kinderwagen_t.jpg);
height:60px;
width:93px;
}
#fotogalerie a.slideg {
background:url(…/css/thumbs/Werkstatt_t.jpg);
height:60px;
width:93px;
}
#fotogalerie a.slideh {
background:url(…/css/thumbs/Marc01_t.jpg);
height:60px;
width:93px;
}
#fotogalerie a.slidei {
background:url(…/css/thumbs/Marc02_t.jpg);
height:93px;
width:60px;
}
[/code]Seite Layoutgalerie (funktioniert nicht!!!)
Hier werden nur die zwei Bilder in groß dargestellt. Aber nicht wie gewünscht, sondern irgendwo auf der seite und Thumbnails sieht man auch nicht. Es soll das gleiche Design wie bei der Fotogalerie oben haben, nur eben andere Bilder. Da es sich um zwei verschiedene Themenbereiche handelt möchte ich die Bilder auf zwei Seiten verteilen.
[code]
<h1 style="text-decoration:underline">Printdesign</h1>
<div id="layouts">
</div>
[/code]dazu css:
[code]
<h1 style="text-decoration:underline">Printdesign</h1>
<div id="layouts">
</div>
[/code]Danke