Ergebnis 1 bis 10 von 10

Thema: Bild verschwindet

  1. #1
    HTML Newbie
    Registriert seit
    04.03.2013
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Bild verschwindet

    Hallo zusammen,
    ich habe mit einem fertigen CSS Template von Templatemo gearbeitet. Hier der Download und Preview: http://www.templatemo.com/preview/te...mo_231_general

    Diese Funktion sorgt dafür, dass der jeweils ausgewählt "Button" markiert ist:

    Code:
    #templatemo_menu li a:hover, #templatemo_menu li .current {
        color: #000000;    
        background: url(images/templatemo_menu_hover.jpg) no-repeat;
    }
    Man setzt dazu in der jeweiligen HTML-Datei Class auf current. Hier ein Beispiel:
    Code:
    <li><a href="index.html" class="current"><span class="home">Home</span></a></li>


    Hier ein Bildbeispiel (in diesem Fall ist gerade Home markiert):

    a.jpg


    Fährt man mit der Maus über andere Buttons, bleiben sie solange markiert, bis man die Fläche des Buttons verlässt (hier ist Home ausgewählt und der Mauszeiger befindet sich über Services:

    b.png


    Das Problem ist jetzt, wenn man tatsächlich auf Services klickt, dann verschwindet zwar die Markierung bei Home und wird bei Services hinzugefügt, aber das Bild zu Services verschwindet auch:

    c.JPG



    Ich kann den Fehler nicht finden und kenne mich auch nicht sehr gut in CSS aus. Ich hoffe mal auf Hilfe
    Vielen Dank schonmal.
    MfG
    yolonaut
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Bild verschwindet

    Ohne einen Link zur Seite wird dir wohl niemand helfen können.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    04.03.2013
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild verschwindet

    Okay, habe mal ein Beispiel hochgeladen auf nen FreeSpace: http://testsitehe.funpic.de/index.html

  4. #4
    HTML Newbie
    Registriert seit
    04.03.2013
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild verschwindet

    Hallo yolonaut,
    ich finde es sehr komisch, da die beiden den gleichen Code besitzen.
    An deiner Stelle würde ich die Bilder per <img> einfügen, dann bin ich sicher, dass es auch funktioniert.

    Hier der Code, falls du ihn nicht kennst.
    HTML-Code:
    <img src="Bild Url">
    Zu empfehlen wäre noch ein Code, damit im Internet Explorer kein Rahmen bei den Bildern erstellt
    wird, aber in deinen Code ist es ja schon drin.

    Code:
    img { border: 0px; }

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    04.03.2013
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild verschwindet

    Hallo,
    danke für die Antwort. Die Art wäre nicht sehr schön, aber ich habe es dennoch probiert.

    Habe jetzt noch den Image Tag eingeführt für das Feld Kontakt.
    Code:
    <li><a href="contact.html" class="contact"><img src="images/templatemo_menu_hover.jpg"><span class="contact">Kontakt</span></img></a></li>
    Wie man sieht, macht es das nicht besser: http://testsitehe.funpic.de/contact.html

    MfG

  6. #6
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Bild verschwindet

    Du hast da eine kaputte HTML-Kommentierung direkt vor dem Menü und ein Zeichensatzproblem:
    validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ftestsitehe.funpic .de%2Fcontact.html

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    04.03.2013
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild verschwindet

    Eine defekte Kommentierung kann aber nicht die Ursache für das Problem sein, oder ?

  8. #8
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Bild verschwindet

    Jeder HTML-Fehler kann die Ursache für irgendeine Fehldarstellung auf einer Webseite sein. Man weiß ja nicht wie der Browser bei der Darstellung damit umgeht.

  9. #9
    Kaiser(in)
    Registriert seit
    26.07.2004
    Ort
    Server 2 von 3
    Alter
    27
    Beiträge
    2.512
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild verschwindet

    Wie du schon selbst im ersten Post geschrieben hast, muss man folgendes machen:
    Code:
    <li><a href="index.html" class="current"><span class="home">Home</span></a></li>
    Auf deiner Website passiert aber folgendes
    Code:
    <li><a href="service.html"><span class="current">Service</span></a></li>

    Also einfach mal die Klasse "current" an das <a> und nicht an das <span> übergeben =)


    Gruß
    Lukas
    Maybe this world is another planet's hell

  10. #10
    HTML Newbie
    Themenstarter

    Registriert seit
    04.03.2013
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild verschwindet

    Danke jetzt klappt auch das !
    Du bist mein Mann

Ähnliche Themen

  1. Dropdown verschwindet (nur im IE)
    Von Lynxxx im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 14.06.2011, 10:53
  2. IE6 Problem: Text verschwindet unter Bild
    Von Ichnixverstehn im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 13.10.2010, 11:49
  3. Kontakt verschwindet!
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 22.03.2009, 15:44
  4. Warum verschwindet das img?
    Von FuXz im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 3
    Letzter Beitrag: 08.08.2006, 19:01
  5. Text verschwindet
    Von Agentin im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 28.08.2005, 21:03

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •