mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 10.12.2016 16:01 Benutzername: Passwort: Auto-Login

Thema: [CSS]Rollover-Buttons funzen nicht-hilfe vom 03.02.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS]Rollover-Buttons funzen nicht-hilfe
Seite: 1, 2  Weiter
Autor Nachricht
Kimmy
Threadersteller

Dabei seit: 20.09.2002
Ort: kimland
Alter: 35
Geschlecht: Weiblich
Verfasst Do 03.02.2005 10:07
Titel

[CSS]Rollover-Buttons funzen nicht-hilfe

Antworten mit Zitat Zum Seitenanfang

css-code
Code:
a img {
height: 107px;
border-width: 0;
}

a#goHome img
      {
      margin-left: 0px;
      width: 92px;
      background: url(../bilder/home_0.gif)top left no-repeat;
      }

a#goHome:hover img
      {
      background: transparent url(../bilder/home_1.gif)top left no-repeat;
      }


html-links-code
Code:
<ul>
<li id="goHome"><a href="http://kimfinnern.de/weblog/" title="Weblog!"><span>Home</span></a></li>
<li id="goProfile"><a href="http://kimfinnern.de/html/profile.html" title="Its me!"><span>Profile</span></a></li>
<li id="goWorks"><a href="http://kimfinnern.de/html/works.html" title="Artwork Gallery"><span>Works</span></a></li>
<li id="goJobs"><a href="http://kimfinnern.de/html/jobs.html" title="Job Gallery"><span>Jobs</span></a></li>
<li id="goDownloads"><a href="http://kimfinnern.de/html/downloads.html" title="Load it!"><span>Downloads</span></a></li>
<li id="goLinks"><a href="http://kimfinnern.de/html/links.html" title="Click it!"><span>Links</span></a></li>
<li id="goContact"><a href="http://kimfinnern.de/html/contact.html" title="eMail me"><span>Contact</span></a></li>
<li id="goImpressum"><a href="http://kimfinnern.de/html/impressum.html" title="Just Impressum"><span>Impressum</span></a></li>
<li id="goGuestbook"><a href="http://kimfinnern.de/html/guestbook.html" title="Give a Feedback!"><span>Guestbook</span></a></li>
</ul>


ich bekomm die bilder einfach nicht sichtbar...könnt ihr mir helfen?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
shaly

Dabei seit: 19.11.2002
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Do 03.02.2005 10:13
Titel

Antworten mit Zitat Zum Seitenanfang

du hast den style einer id zugewiesen (gohome).
die id bezieht sich auf ein <a>-tag.
da du die id aber auf ein <li>-tag gesetzt hast, wird das dingen nicht angesprochen. du musst die klasse in den link-tag setzen. bei <li> geht es meines wissens nach im internet-explorer nicht, weil der pseudoklassen (also hover, active usw) nur für <a> tags unterstützt. da müsstest du dann auf javascript-eventhandler zurückgreifen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Kimmy
Threadersteller

Dabei seit: 20.09.2002
Ort: kimland
Alter: 35
Geschlecht: Weiblich
Verfasst Do 03.02.2005 10:17
Titel

Antworten mit Zitat Zum Seitenanfang

ah...okay...ich teste das mal Lächel
danke schonmal...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
shaly

Dabei seit: 19.11.2002
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Do 03.02.2005 10:18
Titel

Antworten mit Zitat Zum Seitenanfang

wenn du die klasse über a.gohome definierst, kannst du den style über das attribut class="gohome" zuweisen. das ist wahrscheinlich sinnvoller, falls du den style mehrfach anwenden willst.
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Do 03.02.2005 10:22
Titel

Antworten mit Zitat Zum Seitenanfang

hab das jetzt alles nur überflogen. aber n bildrollover beim link kann man auch in purem css ohne javascript realisieren...

dazu musste nur den links n display: block; mitgeben.

such mal bei google nach css image rollover. da müssteste haufenweise finden.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Waschbequen
Account gelöscht


Ort: -

Verfasst Do 03.02.2005 10:24
Titel

Antworten mit Zitat Zum Seitenanfang

beeviZ hat geschrieben:
hab das jetzt alles nur überflogen. aber n bildrollover beim link kann man auch in purem css ohne javascript realisieren...

dazu musste nur den links n display: block; mitgeben.

such mal bei google nach css image rollover. da müssteste haufenweise finden.


Überflieg nochmal.
 
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Do 03.02.2005 10:29
Titel

Antworten mit Zitat Zum Seitenanfang

ja. mein posting war auf das von shaly bezogen. javascript ist auf jeden fall unnötig.
aber warum kimis bilder nich gefunden werden weiß ich auch nich. links falsch? Menno!

haste mal nen link, kimi?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
shaly

Dabei seit: 19.11.2002
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Do 03.02.2005 10:37
Titel

Antworten mit Zitat Zum Seitenanfang

klar geht es ohne js- aber nur, wenn sie die pseudoklasse dem <a>-tag zugewiesen wird. dem <li>-tag kannst du kein hover zuweisen.. also zumindest geht das im ie nicht... * Keine Ahnung... *
  View user's profile Private Nachricht senden
 
Ähnliche Themen rollover funzen nicht
Rollover Buttons in dreamweaver
[GOLIVE] Buttons mit Rollover und Schrift
[Javascript][CSS] JavaScrip-Rollover-Bild in CSS-Dropdown
[CSS] buttons
Rollover mit CSS
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.