Forum
Tipps
News
Frage stellen
search
Menu-Icon
search

css rolllover

hallo, hab nen problem mit css....
wollt mehrere rollover machn...funzt aber net..
also wie das hier bloß mit mehreren buttons....
http://aktuell.de.selfhtml.org/artikel/css/mouseover/beispiel5.htm

Quelltext:
<html>

<head>
<title>linksite_links</title>

<base target="Links5">

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 <title> </title>
<p>  </p>

 <style>
   a       { display:block;
             background-image:url(home.jpg);
             width:110px; height:30px }
   a:hover { background-image:url(home1.jpg); }

 </style>



</head>
<body>
 
  <p><a href="#">&nbsp;</a></p>
</html>

Moderator informieren  

Antworten zu css rolllover:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Aha. Und was funzt da nicht?

Bissl genauer wäre ganz gut...poste am besten deinen Quellcode.

greez 8)
JoSsiF

Moderator informieren  

klick mal auf den link daoben...
dort ist eine rollover schaltfläche...
ich will aber 5 schaltflächen haben....
aber bekomm das nicht hin.-

Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Ja is klar, den Link hab ich mir angeguckt.

Wenn du das 5mal machen willst, musste entweder in dem Stylesheet 5 Klassen für den <a>-Tag definieren (also a.klasse sowie a.klasse:hover), oder aber JavaScript verwenden.
Du warst ja schon auf dem richtigen Weg, denn bei SelfHTML ist auch der 2. Weg beschrieben.

greez 8)
JoSsiF

Moderator informieren  

aso....^^
thx....
ich probiers mal

Moderator informieren  

okey hat alles geklappt...^^
danke nochmal für deine hilfe.....

Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Kein Problem! Schön wenn's jetzt funzt :)

Moderator informieren  

hallo, ich bin´s nochmal.......
habs eigentlich geschaft doch ich weiß net warum nur der erste link funktioniert und die anderen 4 nicht... ???

hier ist der quelltext:

<html>

<head>
<title>linksite_links</title>
<link rel="stylesheet" type="text/css" href="willy.css">
<base target="http://www.google.de">
<style>
 a       { display:block;
             background-image:url(home.jpg);
             width:110px; height:30px }
   a:hover { background-image:url(home1.jpg); }

 b       { display:block;
             background-image:url(crew.jpg);
             width:110px; height:30px }
   b:hover { background-image:url(crew1.jpg); }

 c       { display:block;
             background-image:url(pmb.jpg);
             width:110px; height:30px }
   c:hover { background-image:url(pmb1.jpg); }

 d       { display:block;
             background-image:url(gb.jpg);
             width:110px; height:30px }
   d:hover { background-image:url(gb1.jpg); }

 e       { display:block;
             background-image:url(contact.jpg);
             width:110px; height:30px }
   e:hover { background-image:url(contact1.jpg); }

 </style>
<style type="text/css">
<!--
body
{
   scrollbar-arrow-color:#DEDEDE;
   scrollbar-face-color:#5B5B5B;
   scrollbar-highlight-color:#FFFFFF;
   scrollbar-3dlight-color:#CCCCCC;
   scrollbar-shadow-color:#666666;
   scrollbar-darkshadow-color:#666666;
   scrollbar-track-color:#000000;
}
-->
</style>
</head>

<body bgcolor="#000000" background="../pics/linkbar/bar_NEW.jpg" link="#000000"
vlink="#000000" alink="#000000">

<p></p>

<p><a href="http://www.google.de"></a></p>
<p>&nbsp;</p>
<p><b href="http://www.google.de"></b></p>
<p>&nbsp;</p>
<p><c href="http://www.google.de"> </c></p>
<p>&nbsp;</p>
<p><d href="http://www.google.de"></d></p>
<p>&nbsp;</p>
<p><e href="http://www.google.de"> </e> </p>
</body>
</html>

Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Ist das dein Ernst?

Du weißt aber schon, dass das "a" net zum Spaß da steht, oder? Das ist ein HTML-Tag "anchor", der einen Verweis (Hyperlink) angibt. Da kannst du nicht b, c, d etc. schreiben :D

greez 8)
JoSsiF

Moderator informieren  

ja aber wenn ich b c d und e wieder a mache dann hab ich  
4 mal den selben button.....

Moderator informieren  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Is klar, weil du ja auch die Stylesheet-Klassen net so definiert hast, wie ich dir das geschrieben hatte.

Styles kannst du für bestimmte Tags festlegen. Wenn dein Tag nunmal <c ...> heißt (was Unsinn ist) und du darauf einen entsprechenden Style definierst (wie bei dir geschehen), dann sieht das eben so aus.

Also schau dir nochmal an diesen Thread an einer Stelle weiter oben an oder guck bei SelfHTML nach ;)

greez 8)
JoSsiF

Moderator informieren  

puhhhh...........
.........hab endlich alles geschaft.....^^
......ein großes danke schön an dich......
....und danke, dass du mich nicht aufgegeben hast...
 ;);D

thx......^^

Moderator informieren  

Seiten: [1]
« Hilfe Formularerstellung - dringend!Formulare + Values auslesen und anzeigen »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

lala Gast

Datum: 01.12.04, 17:39:17

1567x gelesen, 11 Antworten.

Seiten: [1]

0 und 1 Gast betrachten dieses Thema.
Fremdwörter? Erklärungen im Lexikon!
Quellcode
Ein Quellcode, auch als Quelltext bekannt, bezeichnet den unkompilierten Programm-Code einer Software. Quell- oder Programm-Code ist der auch für Menschen lesbare Co...

Klickrate
Das Wort Klickrate gibt das Verhältnis vom Anklicken der Werbebanner zum Anklicken der Internetseite an auf der sich die Werbung befindet. An dieser Rate werden beis...

Dead Link
Als Dead Link, also einen toten Link, bezeichnet man eine Verlinkung oder Verknüpfung, die ins Leere führt. Der Link bezieht sich auf einen Zielpunkt, der nicht...