mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mi 24.04.2024 23:19 Benutzername: Passwort: Auto-Login

Thema: RollOver-Button Problem vom 17.05.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> RollOver-Button Problem
Autor Nachricht
Tulip90
Threadersteller

Dabei seit: 17.05.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 17.05.2011 13:19
Titel

RollOver-Button Problem

 Antworten mit Zitat Zum Seitenanfang
Hallo zusammen,

habe folgendes Problem:

Wollte zunächst einmal eine simple RollOver-Navi erstellen. Funktioniert auch alles, bis auf den kleinen Bug im IE;
dort wird der Button, trotz der richtigen Höhe, ein Pixel zu groß angezeigt, sodass unten ein Strich vom Hover-Button zu erkennen ist.

So siehts im Firefox, bzw im Google Chrom aus:

http://imageshack.us/photo/my-images/685/bild1su.png/

So wiederum nicht funktionierend im IE:

http://imageshack.us/photo/my-images/856/bild2s.png/


Folgenden Code verwende ich:

Code:

<style type="text/css">
body, html {
background-color: black;
}

#navigation ul{
padding: 0;
margin: 0;
list-style: none;
}

#startseite_btn {
display: block;
width: 198px;
height: 18px;
background: url("images/startseite_btn.png") no-repeat 0 -18px;
}

#startseite_btn:hover {
background-position: 0 -36px;
width: 198px;
}

#leistungen_btn {
margin-top: 1px;
display: block;
width: 198px;
height: 18px;
background: url("images/leistungen_btn.png") no-repeat 0 -18px;
}

#leistungen_btn:hover {
background-position: 0 -36px;
width: 198px;
}
</style>



<div  id="navigation">
   <ul>
      <li><a id="startseite_btn" href="#"></a></li>
      <li><a id="leistungen_btn" href="#"></a></li>
   </ul>
</div>


Ich hoffe auf eure Unterstützung.

LG

Zuletzt bearbeitet von Tulip90 am Di 17.05.2011 13:22, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
Tulip90
Threadersteller

Dabei seit: 17.05.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 17.05.2011 13:44
Titel

Antworten mit Zitat Zum Seitenanfang
Ok habs herausgefunden:

-Musste die Buttons auf overflow: hidden; stellen
-Habe die Liste entfernt, sodass im div nur noch die Links vorhanden waren =)
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Flash: Problem mit Button RollOver
Button mit Textanimation per AS bei rollOver
Flash8: Rollover bei Button
Rollover Button + Spiegelung
submit-button als bild mit rollover
formular submitten --> rollover button
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB