display:inline;

[reinermar]

Hallo,
Ich habe ein Problem mit inline. Meines Wissens nach bedeutet inline das der Button oder mehrere in der einer Line dargestellt werden. Aber so wie ich es "Programmiert" habe, werden sie garnicht dargestellt.

Ändere ich aber das inline auf block , werden beide Buttons dargestellt aber unter einander, was ja nicht meinen vorsetellungen entspricht!

Hoffe könnt mir helfen!
gruß reinermar

HTML:

<a class="bk" href="kontakt.php"></a> 
<a class="bi" href="impressum.php"></a>

CSS:

/* Kontakt */

a.bk:link, a.bk:visited
{
  display:inline;
  width:74px;
  height:22px;

background-repeat:no-repeat;
  background-image:url(button_kontakt.png);
}

a.bk:hover, a.bk:active
{
  background-repeat:no-repeat;
  background-image:url(button_kontakt_aktive.png);
}


/* Impressum */

a.bi:link, a.bk:visited
{
  display:inline;
  width:74px;
  height:22px;

  background-repeat:no-repeat;
  background-image:url(button_impr.png);
}

a.bi:hover, a.bk:active
{
  background-repeat:no-repeat;
  background-image:url(button_impr_aktive.png);
}

 

[Gimli]

probier mal es zu display:block zu machen und noch float:left hinzuzufügen! ;)

mfg Gimli

 

[reinermar]

danke vielmals funktioniert prächtig^^

 

[Gimli]

kein problem