Hover Effekt bei Bildern: Problem

html.de-Forum HTML, XHTML & CSS
1

ich möchte, dass wenn man über links fährt, diese ihr bild verändern. das habe ich auch geschafft, aber es wird nach dem upload beim hoster nichts angezeigt…
hier die codes:

das steht im head:

[CODE]

[/CODE]foto1.css: [CODE] .foto1 { background: url(hhome.jpg) no-repeat; } [/CODE]foto-link1.css: [CODE] .foto-link1 { width: 84px; height: 35px; float: left; } [/CODE]foto-linkhover1: [CODE] .foto-link1:hover { background-position: 0 -35px; } [/CODE]

in html eingebunden:

<div class="navtop">
   <a href="index.php" class="foto-link1 foto1"></a>
</div>

wenn ich die datei mit firefox öffne, funktioniert alles, aber auf dem server hängt es irgendowie…

http://rockbike4cross.team.cx/index.php

2

Deine Dateibeziehungen stimmen nicht. Die in den CSS-Dateien als background definierten Bilder verweisen auf nicht vorhandene Bilder. Überprüfe das mal.

Übrigens:
Da eine Navigation bzw. ein Menü aus einer Liste von Links besteht, solltest du es/sie auch als eine auszeichnen:
[html]

[/html]

Gruß

3

das ist doch alles nur 1 einziges bild, was nicht immer voll angezeigt wird

und damit verschieb ich die links wieder. sie sollen aber in einer ebene liegen

4

Rufe doch selbst mal die Datei
http://rockbike4cross.team.cx/hhome.jpg
auf, du wirst merken, das Bild existiert nicht, auch wenn es das einzigste ist.

Was auch völlig richtig ist, denn mit HTML layoutet oder designd man nicht. Das ist die alleinige Aufgabe von CSS.

ul{ list-style: none; } ul li{ float: left; }

5

ohhh moment! die groß und kleinschreibung in den namen der bilder wurde nicht beachtet! tut mir leid, ich dache sowas ist irrevelant

gibts da auch zentriert?

6

Was willst Du zentrieren? Den Textinhalt des

  • ? Dann wäre text-align die CSS-Eigenschaft die Du suchst. Wenn Du das ganze Objekt zentrieren willst, müsstest Du es zum Blockelement machen, auf das floaten verzichten und mit „margin: auto;“ versehen.