Nu har jag stött på problem....när jag testade förrut så hade jag bara en knapp och det fungerade bra. Nu har jag dock lagt in fler (6 st som jag vill ha i två rader, 3 och 3) och nu syns dom helt plötsligt inte. Länkarna/bilderna ska ligga ovanpå en större bild/bakgrundsbild ungefär likadant som på den sidan jag länkade till i första inlägget.
Jag har gjort såhär, skratta inte nu åt mitt knapphändiga försök!
Css koden ser ut såhär:
.topcontainer { width: 760px; height: 250px; background-image: "top.jpg"; background-repeat:no-repeat;
a.navup {
margin-top:-177px;
display: block;
padding-right: 5px;
height: 47px;
width: 72px;
float:left;
}
a.navup span {
display: none;
}
a.navdown {
margin-top:-135px;
display: block;
padding-right: 5px;
height: 47px;
width: 72px;
float:left;
}
a.navdown span {
display: none;
}
a#one {
background-image: url('oneknapp.jpg'); background-repeat:no-repeat;
}
a:hover#one {
background-image: url('oneknapp_hover.jpg'); background-repeat:no-repeat;
}
a#two {
background-image: url('twoknapp.jpg'); background-repeat:no-repeat;
}
a:hover#two {
background-image: url('twoknapp_hover.jpg'); background-repeat:no-repeat;
}
a#three {
background-image: url('threeknapp.jpg'); background-repeat:no-repeat;
}
a:hover#three {
background-image: url('threeknapp_hover.jpg'); background-repeat:no-repeat;
}
a#four {
background-image: url('fourknapp.jpg'); background-repeat:no-repeat;
}
a:hover#four {
background-image: url('fourknapp_hover.jpg'); background-repeat:no-repeat;
}
a#five {
background-image: url('fiveknapp.jpg'); background-repeat:no-repeat;
}
a:hover#five {
background-image: url('fiveknapp_hover.jpg'); background-repeat:no-repeat;
}
a#six {
background-image: url('sixknapp.jpg'); background-repeat:no-repeat;
}
a:hover#six {
background-image: url('sixknapp_hover.jpg'); background-repeat:no-repeat;
}
Och html-koden ser ut så här:
<div class="topcontainer"></div>
<a href="#" id="one" class="navup" title=""><span></span></a>
<a href="#" id="two" class="navup" title=""><span></span></a>
<a href="#" id="three" class="navup" title=""><span></span></a>
<br />
<a href="#" id="four" class="navdown" title=""><span></span></a>
<a href="#" id="five" class="navdown" title=""><span></span></a>
<a href="#" id="six" class="navdown" title=""><span></span></a>
Kan upprepa att jag vet inte riktigt vad jag sysslar med.....;)
