Alter Mann
<div id="navpoint1"><a href="leistungen.html"><img src="../images/leistungen.gif" /></a></div>
#navpoint1 {
width: 193px;
height: 23px;
padding-bottom: 5px;
}
#navpoint1 a{
background-image:url(../images/leistungen.gif);
background-repeat: no-repeat;
}
#navpoint1 a:hover{
background-image:url(../images/leistungen_over.gif);
background-repeat: no-repeat;
}
Alter Mann
HTML:<div id="navpoint1"><a href="leistungen.html"><img src="../images/leistungen.gif" /></a></div>
<div id="navpoint"><a href="leistungen.html"><img src="Navtext.png" alt="Navtext" /></a></div>
Mach das so:
im hover teil (a:hover) der css bg position auf bottom leftHTML:<div id="navpoint"><a href="leistungen.html"><img src="Navtext.png" alt="Navtext" /></a></div>
MfG
<div id="nav">
<div id="navpoint0"><a href="index.html"><img src="../images/firmenprofil.gif" /></a></div>
<div id="navpoint1"><a href="leistungen.html"><img src="../images/leistungen.gif" /></a></div>
<div id="navpoint2"><a href="produkte.html"><img src="../images/produkte.gif" /></a></div>
<div id="navpoint3"><a href="technik.html"><img src="../images/technik.gif" /></a></div>
<div id="navpoint4"><a href="kontakt.html"><img src="../images/kontakt.gif" /></a></div>
<div id="navpoint5"><a href="impressum.html"><img src="../images/impressum.gif" /></a></div>
</div>
#navpoint0 {
width: 193px;
height: 23px;
padding-bottom: 5px;
}
#navpoint0 a{
background:url(../images/firmenprofil.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#navpoint0 a:hover{
background:url(../images/firmenprofil_over.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#navpoint1 {
width: 193px;
height: 23px;
padding-bottom: 5px;
}
#navpoint1 a{
background:url(../images/leistungen.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#navpoint1 a:hover{
background:url(../images/leistungen_over.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#navpoint2 {
width: 193px;
height: 23px;
padding-bottom: 5px;
}
#navpoint2 a{
background:url(../images/produkte.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#navpoint2 a:hover{
background:url(../images/produkte_over.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#navpoint3 {
width: 193px;
height: 41px;
padding-bottom: 5px;
}
#navpoint3 a{
background:url(../images/technik.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#navpoint3 a:hover{
background:url(../images/technik_over.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#navpoint4 {
width: 193px;
height: 23px;
padding-bottom: 5px;
}
#navpoint4 a{
background:url(../images/kontakt.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#navpoint4 a:hover{
background:url(../images/kontakt_over.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#navpoint5 {
width: 193px;
height: 23px;
padding-bottom: 5px;
}
#navpoint5 a{
background:url(../images/impressum.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
#navpoint5 a:hover{
background:url(../images/impressum_over.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
Willkommen auf PSD-Tutorials.de
In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.
Nächster neuer Gratisinhalt
Statistik des Forums