CSS wird nicht korrekt ausgeführt, Bitte um Hilfe
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bar einstellungen
bewertungssystem
blocken
code
cursor
datei
display
eigenschaft
face
hand
http
image
input
klasse star
star
stern
text
unterstrichen
url
zelle
-
Hi Leutz,
vielleicht sollte man mal ne Kategorie über Cascading-Stylesheets Erstellen aber zurück zum Thema. Ich wollte mir unter der folgenden Adresse ein Bewertungssystem mit Sternen als anzeige basteln, allderings schneidet er im IE die Sterne bei ca. der hälfte ab und unterstrichen sind die Zahlen außer beim hover ebenfalls.
CSS-Code:
/* Sterne */ a.star{background-image:url(\'star.jpg\'); text-decoration: none; padding-top: 8px; font-size: 12px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; width: 30px; height: 22px; display: block;} a.star:hover{background-image:url(\'star_light.jpg\'); cursor: hand; color: #000000; text-decoration: none;}
Ich erstelle also nun für jeden Stern einen Link mit der Klasse star.
Jedoch wie oben Funktioniert dies nur bedingt, bitte um Hilfe und danke im Voraus.
mfG
Chris
URL: http://possessor.de/music/index.php?action=sites/music.php&file=3 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hat mit dem Boxmodelldarstellung von IE zu tun.
Füg einfach noch ein XHTML Doctype in der HTML Datei hinzu (vor <html> ), dann interpretiert der IE das Boxmodell richtig.
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
Ryan -
Hey vielen Dnak für die schnelle antwort funktioniert super, allerdings ist es noch unterstrichen trotz text-decoration: none; könnte mir da vl noch einer weiter helfen?
mfG
Chris
Beitrag geändert: 5.6.2008 13:09:33 von ghostrider -
Ändere mal deine CSS-Datei wie folgt:
/*Link Eigenschaften */ a.menu:link {COLOR: #FFFFFF; TEXT-DECORATION: none} a.menu:visited {COLOR: #FFFFFF; TEXT-DECORATION: none} a.menu:active {COLOR: #FFFFFF; TEXT-DECORATION: none} a.menu:hover {COLOR: #FF0000; TEXT-DECORATION: none} a:link {COLOR: #000000; TEXT-DECORATION: underline;} a:visited {COLOR: #000000; TEXT-DECORATION: underline;} a:active {COLOR: #000000; TEXT-DECORATION: underline;} a:hover {COLOR: #FF0000; TEXT-DECORATION: underline;} /* Sterne */ a.star{background-image:url(\'star.jpg\'); text-decoration: none; padding-top: 8px; font-size: 12px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; width: 30px; height: 22px; display: block;} a.star:hover{background-image:url(\'star_light.jpg\'); cursor: hand; color: #000000; text-decoration: none;} /* Tabellen Eigenschaften */ #code{text-decoration: none; font-size: 22px; color: #000000;} #box{border-color:#FFFFFF; border-style:solid; border-width:1px; text-align:left; border-collapse:collapse;} #table_out{ border-color:#FFFFFF; border-style:solid; border-width:1px; text-align:center; border-collapse:collapse; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; } /* Login Schaltflächen */ input.button { width:80px; height:19px; background-color:#FFFFFF; color:#000000; border: 1px solid #000000; } input.login_button { width:60px; height:19px; background-color:#FFFFFF; color:#000000; border: 1px solid #000000; } input.login_password { background-image: url(\'password.jpg\'); width:200px;} input.login_nickname { background-image: url(\'nick.jpg\'); width:200px;} /* Zellen Eigenschaften */ td{font-family: Verdana, Arial, Helvetica, sans-serif;color:#000000; font-size: 12px; margin: 0px;} /* Nav Bar Einstellungen */ #nav_bar{background-image:url(nav_bg.jpg); background-repeat:repeat-x;} /* Page Eigenschaften */ body{ background:#000000; color:#000000;font:12px Verdana,Arial,Helvetica,sans-serif; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px scrollbar-3dlight-color: #6a6a6a; scrollbar-arrow-color: #FFFFFF; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #444444; scrollbar-highlight-color: #444444; scrollbar-shadow-color: #000000; scrollbar-track-color: #2e2e2e; }
Dann sollte sich dein Problem erledigt haben...
-
das liegt daran:
/*Link Eigenschaften */ a:link {COLOR: #000000; TEXT-DECORATION: underline;} a:visited {COLOR: #000000; TEXT-DECORATION: underline;} a:active {COLOR: #000000; TEXT-DECORATION: underline;} a:hover {COLOR: #FF0000; TEXT-DECORATION: underline;}
nehm ich mal stark an - was anderes sehe ich nicht
Beitrag geändert: 6.6.2008 8:02:24 von robin -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
