✔ hover effekt funzt nit!

Status
Nicht offen für weitere Antworten.
E

exe666

hi leutz ich hab ne framesite mit einem top und main frame, und nun will ich noch n css stile einbinden, zb dass sich einfahc nur die farbe aendert!
axo und ich hab die bild eruns schrif tin einer tabelle!
also und was is die links nehmen nur den css von a:link an aber merh passiert dann auch nit! was muss ich machen?
hier die stylesheet datei:
a:link { font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}
a:hover { font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
a:active { font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
a:visited { font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}
<table { font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}
{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none} >

was soll ich daran veraendern!
ich hab sowas noch nie gemach tund weiss auch nit ob man das so schreibt!
 
hi
ähm
ist das nur ein schreibfehler?

<table { font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}
{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none} >

nimm mal die <> weg

also so

table { font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}

wieso denn die ganzen anderen tags noch bei table?
 
hehe
weil sonst der ganze effekt nit geht, also ich hab mal das ueber table alles weggenommen dann hjat sich aber nix mehr in sachen css getan!
normale bloede links kamen zum vorschein=(
 
so nun hab ich den stylecode in die html datei gepackt, aber es geht weider nur der a:link und net die andern!
so das hier is der code vom topframe, wo ich den effekt haben will!

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div align="center">
<style>
table a:link{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}
a:hover{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
a:active{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
a:visited{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}
</style>
<table width="54%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="6">
<div align="center"><img src="banner.jpg" width="780" height="140"></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="javascript:;">Home</a></div>
</td>
<td>
<div align="center"><a href="javascript:;">Band</a></div>
</td>
<td>
<div align="center"><a href="javascript:;">Kurt Cobain</a></div>
</td>
<td>
<div align="center"><a href="javascript:;">Krist Novoselie</a></div>
</td>
<td>
<div align="center"><a href="javascript:;">Dave Grohl</a></div>
</td>
<td>
<div align="center"><a href="javascript:;">Pictures</a></div>
</td>
</tr>
</table>
</div>
</body>
</html>
 
so, dem manne ist geholfen :)

die lösung war:

<style type="text/css">
<!--
a:link{color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;text-decoration:none;}
a:visited{color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;text-decoration:none;}
a:hover{color:#999999;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;text-decoration:none;}
a:active{color:#999999;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;text-decoration:none;}
a:focus{color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;text-decoration:none;}
-->
</style>
 
Zuletzt bearbeitet von einem Moderator:
oder meinste das eventuell so :

Code: 
.table {
a:link{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none} 
a:hover{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none} 
a:active{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none} 
a:visited{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}
}

Table code
<table width="54%" border="0" cellspacing="0" cellpadding="0" CLASS="table">
so könnt das auch gehn
 
@Psyclic:

gibt es so schonmal fehler!
wenn du sowas machen willst, dann in der art:

a.tabelle:link{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}
a.tabelle:hover{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
a.tabelle:active{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
a.tabelle:visited{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}

bzw.

tabelle a:link{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}
tabelle a:hover{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
tabelle a:active{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #666666; text-decoration: none}
tabelle a:visited{ font-family: "Courier New", Courier, mono; font-weight: bold; color: #000000; text-decoration: none}

dann kannst es auch so in deinem table tag reinmachen:
<table width="54%" border="0" cellspacing="0" cellpadding="0" CLASS="tabelle">

p.s. tabelle is einfach nur so von mir gewählt worden, hat nichts zu bedeuten.

des weiteren braucht man kein punkt vor table machen, da es schon vor definiert ist und auch so auf alle tabellen angewendet wird:

body{background:#003333;font-size:7pt;font-family:Verdana,Arial,Helvetica,sans-serif;}
input{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:8px;}
textarea{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:8px;}
button{border-bottom:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;background-color:#002222;color:#FFFFFF;background:#002222;font-family:Verdana,Arial,Helvetica,sans-serif;font:bold 8pt;}
table{border-bottom:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;background-color:#002222;color:#FFFFFF;background:#002222;font-family:Verdana,Arial,Helvetica,sans-serif;font:bold 8pt;}

kannst natürlich auch mehrere style kombinieren, das sähe dann so aus:
body,input,textarea,button{background:#003333;font-size:7pt;font-family:Verdana,Arial,Helvetica,sans-serif;}

kannst natürlich noch mehr nehmen, wie z.b. form oder td tr th und so schaue dir mal den quelltext einer html seite an, die meisten objekte kannst du auch bei css verwenden, wie td und textarea und so...

(ansonsten können wir ja gerne weiter drüber reden, im chat oder so)
 
Zuletzt bearbeitet von einem Moderator:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück