| Autor |
Nachricht |
Kimmy
Threadersteller
Dabei seit: 20.09.2002
Ort: kimland
Alter: 30
Geschlecht: 
|
Verfasst Do 03.02.2005 11:07
Titel [CSS]Rollover-Buttons funzen nicht-hilfe |
  |
|
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?
|
|
| |
   |
 |
| |
|
|
shaly
Dabei seit: 19.11.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 03.02.2005 11:13
Titel
|
|
|
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.
|
|
| |
|
|
Kimmy
Threadersteller
Dabei seit: 20.09.2002
Ort: kimland
Alter: 30
Geschlecht:
|
Verfasst Do 03.02.2005 11:17
Titel
|
|
|
ah...okay...ich teste das mal 
danke schonmal...
|
|
| |
|
|
shaly
Dabei seit: 19.11.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 03.02.2005 11:18
Titel
|
|
|
|
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.
|
|
| |
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 18
Geschlecht: 
|
Verfasst Do 03.02.2005 11:22
Titel
|
|
|
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.
|
|
| |
|
|
Waschbequen
Account gelöscht
Ort: -
|
Verfasst Do 03.02.2005 11:24
Titel
|
|
|
| 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: 18
Geschlecht:
|
Verfasst Do 03.02.2005 11:29
Titel
|
|
|
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? 
haste mal nen link, kimi?
|
|
| |
|
|
shaly
Dabei seit: 19.11.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 03.02.2005 11:37
Titel
|
|
|
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... 
|
|
| |
|
|
| |
|
|
| Ä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
|
|
Willkommen auf dem Portal für Mediengestalter
