Button ist nicht klickbar

[schiefness]

Hallo.
Ich bin Anfängerin und bitte mir mein Unwissen ein bisschen nachzusehen. Ich hab auch schon selbst gesucht, aber meiner Meinung nach nicht das passende gefunden:

Ich habe ein div gemacht, sozusagen als Platzhalter, dem ich per CSS eine gewisse Größe und als background ein jpeg zugewiesen habe. Ich brauche keinen Text, da der Button schon beschriftet ist. Es wird alles angezeigt, aber ich kann den Button nicht anklicken. Vermutlich ist es einfach, aber ich komme einfach nicht drauf, was ich falsch mache.

Das ist ist der Html-Code:

<div id="button1">
<a href="gamesan.html"></a>
</div>

Das der CSS-Code:

#button1 {
padding: 0;
width: 164px;
height: 58px;
float: left;
background-image: url(grafiken/gamebuttonver.jpg);
margin-bottom: 10px;
margin-left: 225px;
background-repeat: no-repeat;
}

Danke für eine Hilfestellung.

Claudia

[Maria]

Hallo Claudia,

versuch es mal hiermit:

<div id="button1">  
<a href="gamesan.html"><img src="grafiken/gamebuttonver.jpg" width="146px" height="58px"></a></div>

[schiefness]

Hallo Claudia,

versuch es mal hiermit:

<div id="button1">

<a href="gamesan.html"><img src="grafiken/gamebuttonver.jpg" width="146px" height="58px"></a></div>

  
Das habe ich jetzt mal probiert, es ist auch klickbar, juhu, allerdings hat er jetzt einen blauen Rahmen, den ich im Live-View-Modus im Dreamweaver nicht sehe, aber wenn ich einen Preview in Firefox mache, ist er da.  
  
Hmm. Noch eine Idee, wie ich den wegbekomme?  
  
Lieben Dank aber erstmal für die Antwort :-)

[Maria]

verwende einfach folgenden Style:

#button1 img {  
  border: none;  
}  

[Gunnar Bittersmann]

@@schiefness:

nuqneH

Hmm. Noch eine Idee, wie ich den wegbekomme?

a img {border: 0 none}

Qapla'

[ChrisB]

Hi,

Ich habe ein div gemacht, sozusagen als Platzhalter, dem ich per CSS eine gewisse Größe und als background ein jpeg zugewiesen habe. Ich brauche keinen Text, da der Button schon beschriftet ist. Es wird alles angezeigt, aber ich kann den Button nicht anklicken.

Er hat ja auch weder Inhalt noch eine Breite und Höhe.

MfG ChrisB

[Gunnar Bittersmann]

@@ChrisB:

nuqneH

Er hat ja auch weder Inhalt noch eine Breite und Höhe.

Mit „er“ meinte er nicht das 'div'-Element (auch wenn dieses die ID "button" hat), sondern den „Button“ (der keiner ist, sondern ein Link).

Qapla'

[schiefness]

Hi,

»» Ich habe ein div gemacht, sozusagen als Platzhalter, dem ich per CSS eine gewisse Größe und als background ein jpeg zugewiesen habe. Ich brauche keinen Text, da der Button schon beschriftet ist. Es wird alles angezeigt, aber ich kann den Button nicht anklicken.

Er hat ja auch weder Inhalt noch eine Breite und Höhe.

MfG ChrisB

Hallo Chris.

Aber er hat doch eine Höhe und eine Breite. Er wird auch angezeigt, also der gestrichelte Rahmen ohne Background-Bild, im Dreamweaver.

Hmm. Danke Dir.

[Gunnar Bittersmann]

@@schiefness:

nuqneH

Aber er hat doch eine Höhe und eine Breite.

Nein, hat „er“ nicht.

Qapla'

[philz]

Hallo.

Du kannst auch folgendes machen:
<a href="gamesan.html" id='button1'></a>

#button1 {  
display:block;  
padding: 0;  
width: 164px;  
height: 58px;  
float: left;  
background-image: url(grafiken/gamebuttonver.jpg);  
margin-bottom: 10px;  
margin-left: 225px;  
background-repeat: no-repeat;}

Gruß, philz

[schiefness]

Hallo Philz.

Das hat funktioniert. Super. Die Lösung werde ich nehmen. Vielen lieben Dank auch an Dich :-)