Hvordan får jeg linksene til at virke??
Jeg sidder og er næsten færdig med min nye hjemmeside, men så render jeg selvfølgelig ind i et problem.Øverst på min hjemmeside har jeg et banner som skifter mellem 4 billeder. Sammen med disse 4 billeder er der til hvert billeder en lille kasse med en tekst.
Man kan klikke disse 4 tekstbokse, og derved styre hvilket billede der bliver vist i banneret. Dvs. Klikker man "Nyt" så kommer billedet der hører til nyt op i banneret. Klikket man på "Hvalpekuld" så skifter banneret til billedet der hører til "hvalpekuld". Derudover skifter banneret automatisk med et bestemt interval mellem de 4 billeder.
MEN jeg kunne godt tænke mig at når man klikker på f.eks. "nyt", så bliver man derigeret videre til Nyhedssiden på min hjemmeside, eller klikker man "hvalpekuld" så bliver man linket til den side omkring hvalpekuld.
Men jeg kan bare ikke få de links til at virke...
jeg tror der er noget i mit css dokument der ligesom blokerer mig for at kunne linke til en ny side... men kan bare ikke finde ud af hvor fejlen ligger.
Nogen som kan hjælpe???
Her er koderne for index-siden hvor slider (banneret) er:
<div class="slider-wrapper">
<div class="slider">
<ul class="items">
<li>
<img src="images/slider-img5.jpg" alt="" />
</li>
<li>
<img src="images/slider-img6.jpg" alt="" />
</li>
<li>
<img src="images/slider-img4.jpg" alt="" />
</li>
<li>
<img src="images/slider-img7.jpg" alt="" />
</li>
</ul>
</div>
<ul class="pagination">
<li><a href="hvalpekuld.html">Hvalpeplaner</a></li>
<li><a href="nyheder.html">Nyheder</a></li>
<li><a href="foerhvalp.html">Før du køber hvalp</a></li>
<li><a href="almunia.html">Min tæve Almunia</a></li>
</ul>
</div>
Og her er de afsnit fra CSS dokumentet der er relevante for slider-wrapperen (banneret) og de 4 kasser der udgør "Pagination":
/***** slider *****/
.slider-wrapper {
width:940px;
height:450px;
padding:10px;
margin-bottom:20px;
background:#ffffdf;
overflow:hidden;
position:relative;
z-index:1;
}
.slider {
position:relative;
width:940px;
height:450px;
}
.items {display:none;}
.pagination {
position:absolute;
left:10px;
bottom:10px;
z-index:99;
}
.pagination li {
float:left;
background:url(../images/pagination-b.png) left bottom repeat-x #000;
}
.pagination a {
display:block;
width:235px;
height:66px;
text-align:center;
font-family: 'PT Sans', sans-serif;
font-size:23px;
line-height:66px;
color:#ffffdf;
background:url(../images/pagination-spacer.gif) left top no-repeat;
text-decoration:none;
}
.pagination li:first-child a {background:none;}
.pagination .current,
.pagination li:hover {background-position:left top; background-color:#f1c658;}
.pagination .current a {cursor:default;}
Hilsen
Karina